kosmio 0.1.1 → 0.1.3

package/dist/styles.css

@@ -1 +1 @@
-*{box-sizing:border-box;padding:0;margin:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body,#root{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}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{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--kosmio-color-bg: #ffffff;--kosmio-color-surface: #f8fafc;--kosmio-color-surface-muted: #eef2f7;--kosmio-color-surface-strong: #e2e8f0;--kosmio-color-text: #111827;--kosmio-color-text-muted: #6b7280;--kosmio-color-primary: #2563eb;--kosmio-color-primary-text: #ffffff;--kosmio-tag-color: var(--kosmio-color-primary);--kosmio-color-danger: #dc2626;--kosmio-color-danger-text: #ffffff;--kosmio-color-success: #16a34a;--kosmio-color-border: rgba(17, 24, 39, .14);--kosmio-color-focus: rgba(37, 99, 235, .28);--kosmio-space-1: 4px;--kosmio-space-2: 8px;--kosmio-space-3: 12px;--kosmio-space-4: 16px;--kosmio-space-5: 20px;--kosmio-radius-sm: 6px;--kosmio-radius-md: 8px;--kosmio-radius-full: 999px;--kosmio-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--kosmio-shadow-focus: 0 0 0 4px var(--kosmio-color-focus);--kosmio-layer-base: 0;--kosmio-layer-popover: 1000;--kosmio-layer-modal: 1100;--kosmio-duration-fast: .12s;--kosmio-duration-normal: .18s;--kosmio-ease-standard: ease;--kosmio-ease-enter: cubic-bezier(0, 0, .2, 1);--kosmio-font-family: var(--font-main, system-ui, sans-serif);--kosmio-font-size-xs: 12px;--kosmio-font-size-sm: 13px;--kosmio-font-size-md: 14px;--kosmio-font-size-lg: 18px;--kosmio-font-size-xl: 24px;--kosmio-font-size-xxl: 28px;--kosmio-font-weight-regular: 400;--kosmio-font-weight-semibold: 600;--kosmio-font-weight-bold: 700}.kosmio-text{color:inherit;font-family:var(--kosmio-font-family)}.kosmio-text-align-start{text-align:start}.kosmio-text-align-center{text-align:center}.kosmio-text-align-end{text-align:end}.kosmio-text-align-left{text-align:left}.kosmio-text-align-right{text-align:right}.kosmio-text-align-justify{text-align:justify}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-inline{white-space:nowrap}.text-elipsis{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.text-xxl{font-size:28px;font-weight:700}.text-xl{font-size:24px;font-weight:700}.text-lg{font-size:20px;font-weight:700}.text-md{font-size:14px;font-weight:600}.text-sm{font-size:13px;font-weight:600}.text-xs{font-size:12px;font-weight:600}.text-xxs{font-size:10px;font-weight:600}@media(max-width:768px){.text-xxl{font-size:22px;font-weight:700}.text-xl{font-size:18px;font-weight:700}.text-lg{font-size:14px;font-weight:700}.text-md{font-size:13px}.text-sm{font-size:12px}.text-xs{font-size:10px}.text-xxs{font-size:8px}}.t-color-1{color:var(--text-color-1, var(--kosmio-color-text))}.t-color-2{color:var(--text-color-2, var(--kosmio-color-text))}.t-color-3{color:var(--text-color-3, var(--kosmio-color-muted))}.t-color-d1{color:var(--text-color-dynamic-1, var(--kosmio-color-text))}.t-color-d2{color:var(--text-color-dynamic-2, var(--kosmio-color-muted))}.t-color-d3{color:var(--text-color-dynamic-3, var(--kosmio-color-muted))}.text-font-default,.text-font-main{font-family:var(--kosmio-font-family)}.text-font-mono{font-family:var(--kosmio-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace)}.text-weight-regular{font-weight:var(--kosmio-font-weight-regular)}.text-weight-medium{font-weight:var(--kosmio-font-weight-medium, 500)}.text-weight-semibold{font-weight:var(--kosmio-font-weight-semibold)}.text-weight-bold{font-weight:var(--kosmio-font-weight-bold)}.text-leading-none{line-height:var(--kosmio-line-height-none, 1)}.text-leading-tight{line-height:var(--kosmio-line-height-tight, 1.15)}.text-leading-normal{line-height:var(--kosmio-line-height-normal, 1.35)}.text-leading-relaxed{line-height:var(--kosmio-line-height-relaxed, 1.55)}.kosmio-text-colored{color:var(--kosmio-text-color)}.kosmio-text-inline{white-space:nowrap}.kosmio-text-ellipsis{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.kosmio-tag,.tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:var(--kosmio-space-1, 3px) var(--kosmio-space-2, 8px);border:1px solid var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary)));border-radius:var(--kosmio-radius-full, var(--radius-semicircle));background:color-mix(in srgb,var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary))) 12%,transparent);color:color-mix(in srgb,var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary))) 70%,var(--kosmio-color-text));white-space:nowrap}.tag.color-tag{border:1px solid var(--tag-color);background-color:color-mix(in srgb,var(--tag-color) 10%,var(--bg-dark, var(--kosmio-color-bg)));color:color-mix(in srgb,var(--tag-color) 60%,black 40%)}.dark .tag.color-tag{border:1px solid var(--tag-color);background-color:color-mix(in srgb,var(--tag-color) 18%,var(--highlight2, var(--kosmio-color-surface-muted)));color:color-mix(in srgb,var(--tag-color) 40%,white 60%)}.tag.elipsis{display:inline-block;max-width:8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--kosmio-icon-size-xs: 8px;--kosmio-icon-size-sm: 12px;--kosmio-icon-size-md: 16px;--kosmio-icon-size-xmd: 20px;--kosmio-icon-size-lg: 24px;--kosmio-icon-size-xl: 32px;--kosmio-icon-size-xxl: 40px;--kosmio-icon-size-xxxl: 120px;--icon-size-xs: var(--kosmio-icon-size-xs);--icon-size-sm: var(--kosmio-icon-size-sm);--icon-size-md: var(--kosmio-icon-size-md);--icon-size-xmd: var(--kosmio-icon-size-xmd);--icon-size-lg: var(--kosmio-icon-size-lg);--icon-size-xl: var(--kosmio-icon-size-xl);--icon-size-xxl: var(--kosmio-icon-size-xxl);--icon-size-xxxl: var(--kosmio-icon-size-xxxl);--icon-accent-color: var(--kosmio-color-primary)}@media(max-width:768px){:root{--kosmio-icon-size-xxl: 35px;--kosmio-icon-size-xxxl: 150px}}.kosmio-icon,.icon{z-index:var(--kosmio-layer-raised, var(--layer-local-raised));width:var(--kosmio-icon-size-md);height:var(--kosmio-icon-size-md);color:var(--kosmio-color-text)}.kosmio-icon-mask,.icon-mask{display:inline-block;flex:0 0 auto;background-color:currentColor;mask:var(--kosmio-icon-url, var(--icon-url)) center / contain no-repeat;-webkit-mask:var(--kosmio-icon-url, var(--icon-url)) center / contain no-repeat}.kosmio-icon.reversed-theme,.icon.reversed-theme{color:#ffffffd9;filter:invert(1)}.light .kosmio-icon.dynamic-theme,.light .icon.dynamic-theme,.dark .kosmio-icon.reversed-dynamic-theme,.dark .icon.reversed-dynamic-theme{color:#000c}.dark .kosmio-icon.dynamic-theme,.dark .icon.dynamic-theme,.light .kosmio-icon.reversed-dynamic-theme,.light .icon.reversed-dynamic-theme{color:#ffffffd9}.kosmio-icon.accent-theme,.icon.accent-theme{color:var(--icon-accent-color)}.kosmio-icon.invalid,.icon.invalid{filter:invert(.5)}.kosmio-icon.kosmio-icon-mask,.icon.icon-mask{filter:none}.kosmio-icon-size-xs,.icon.icon-size-xs{width:var(--kosmio-icon-size-xs);height:var(--kosmio-icon-size-xs)}.kosmio-icon-size-sm,.icon.icon-size-sm{width:var(--kosmio-icon-size-sm);height:var(--kosmio-icon-size-sm)}.kosmio-icon-size-md,.icon.icon-size-md{width:var(--kosmio-icon-size-md);height:var(--kosmio-icon-size-md)}.kosmio-icon-size-xmd,.icon.icon-size-xmd{width:var(--kosmio-icon-size-xmd);height:var(--kosmio-icon-size-xmd)}.kosmio-icon-size-lg,.icon.icon-size-lg{width:var(--kosmio-icon-size-lg);height:var(--kosmio-icon-size-lg)}.kosmio-icon-size-xl,.icon.icon-size-xl{width:var(--kosmio-icon-size-xl);height:var(--kosmio-icon-size-xl)}.kosmio-icon-size-xxl,.icon.icon-size-xxl{width:var(--kosmio-icon-size-xxl);height:var(--kosmio-icon-size-xxl)}.kosmio-icon-size-xxxl,.icon.icon-size-xxxl{width:var(--kosmio-icon-size-xxxl);height:var(--kosmio-icon-size-xxxl)}.kosmio-icon-chevron,.icon-chevron{flex:0 0 auto;border-right:var(--kosmio-border-width-medium, var(--border-width-medium, 2px)) solid currentColor;border-bottom:var(--kosmio-border-width-medium, var(--border-width-medium, 2px)) solid currentColor;opacity:.72;transform:rotate(45deg) translateY(var(--kosmio-icon-chevron-closed-shift, var(--icon-chevron-closed-shift, -2px)));transition:transform var(--kosmio-duration-fast) var(--kosmio-ease-standard),opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-icon-chevron.is-open,.icon-chevron.is-open{opacity:1;transform:rotate(-135deg) translateY(var(--kosmio-icon-chevron-open-shift, var(--icon-chevron-open-shift, -1px)))}.kosmio-icon-chevron.colored,.icon-chevron.colored{color:var(--kosmio-color-primary, var(--highlight0))}.kosmio-button,.custom-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:relative;z-index:var(--layer-local-base, var(--kosmio-layer-base));display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:var(--kosmio-space-3) var(--kosmio-space-4);overflow:hidden;border:var(--border-card, 1px solid var(--kosmio-color-border));background:var(--bg-light, transparent);color:var(--text-color-dynamic-2, var(--kosmio-color-text));cursor:pointer;font:inherit;font-family:var(--kosmio-font-family);font-size:14px;font-weight:700;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--kosmio-duration-fast) var(--kosmio-ease-standard),border-color var(--kosmio-duration-fast) var(--kosmio-ease-standard),box-shadow var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.custom-button{padding:12px 15px}.custom-button p{line-height:0}.kosmio-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-light, transparent)}.custom-button:hover:before{background:#7d7d7d38}.kosmio-button:before,.custom-button:before{position:absolute;z-index:var(--layer-local-raised, var(--kosmio-layer-raised));inset:0;border-radius:var(--radius-sm, var(--kosmio-radius-sm));background:#0000;content:"";pointer-events:none;transition:background-color .3s ease}.kosmio-button:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-button:disabled,.kosmio-button[aria-disabled=true]{cursor:default;opacity:.58}.kosmio-button-primary,.custom-button.primary{background:var(--highlight1, var(--kosmio-color-primary));color:var(--text-color-1, var(--kosmio-color-primary-text))}.kosmio-button-primary:hover:not(:disabled):not([aria-disabled=true]),.custom-button.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--highlight1, var(--kosmio-color-primary))}.kosmio-button.searchbar-filter,.custom-button.searchbar-filter,.kosmio-button.searchbar-add,.custom-button.searchbar-add{width:100px;min-height:44px}.kosmio-button-danger,.custom-button.danger{background:#ca3a5c;color:var(--text-color-1, var(--kosmio-color-danger-text))}.kosmio-button-danger:hover:not(:disabled):not([aria-disabled=true]),.custom-button.danger:hover:not(:disabled):not([aria-disabled=true]){background:#ca3a5c}.kosmio-button-tooltip:after{position:absolute;z-index:var(--kosmio-layer-popover);top:calc(100% + var(--kosmio-space-2));left:50%;width:max-content;max-width:240px;padding:var(--kosmio-space-2) var(--kosmio-space-3);border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-text);color:var(--kosmio-color-bg);content:attr(data-tooltip);font-size:var(--kosmio-font-size-xs);opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-button-tooltip:hover:after{opacity:1}.desktop .tooltip-left,.desktop .tooltip-right{position:relative;z-index:var(--layer-local-overlay, var(--kosmio-layer-popover));overflow:visible}.desktop .tooltip-left:after,.desktop .tooltip-right:after{position:absolute;z-index:var(--layer-local-tooltip, var(--kosmio-layer-popover));display:inline-block;width:fit-content;padding:12px 10px;border-radius:var(--radius-semicircle, var(--kosmio-radius-full));background-color:var(--bg, var(--kosmio-color-surface));color:var(--text-color-dynamic-2, var(--kosmio-color-muted));content:attr(data-tooltip);font-size:12px;font-weight:600;opacity:0;pointer-events:none;white-space:nowrap}.desktop .tooltip-right:after{top:calc(100% - 25px);left:calc(100% + 5px)}.desktop .tooltip-left:after{top:calc(100% + 5px);right:60%}.desktop .tooltip-left:hover:after,.desktop .tooltip-right:hover:after{opacity:1}.kosmio-action-button{gap:var(--kosmio-space-2)}.kosmio-action-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}.kosmio-action-button-icon>svg{width:100%;height:100%}.kosmio-floating-action-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--kosmio-color-primary);border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-primary);box-shadow:var(--kosmio-shadow-sm);color:var(--kosmio-color-primary-text);cursor:pointer;transition:transform var(--kosmio-duration-fast) var(--kosmio-ease-standard),box-shadow var(--kosmio-duration-fast) var(--kosmio-ease-standard),opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-floating-action-button:hover:not(:disabled){transform:translateY(-1px)}.kosmio-floating-action-button:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-floating-action-button:disabled{cursor:default;opacity:.58}.kosmio-floating-action-button.is-compact{width:44px;height:44px}.kosmio-floating-action-button-icon,.kosmio-floating-action-button-icon>svg{width:1.5em;height:1.5em}.kosmio-selection-button,.selection-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-height:56px;gap:10px;padding:10px 12px;border:var(--border-card, 1px solid var(--kosmio-color-border));border-radius:var(--radius-sm, var(--kosmio-radius-sm));background:var(--highlight2, var(--kosmio-color-surface-muted));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.kosmio-selection-button:before,.selection-button:before{display:none}.kosmio-selection-button:hover:not(:disabled),.selection-button:hover:not(:disabled){background:color-mix(in srgb,var(--highlight2, var(--kosmio-color-surface-muted)) 86%,var(--highlight0, var(--kosmio-color-primary)));transform:translateY(-1px)}.kosmio-selection-button:focus-visible,.selection-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring, var(--kosmio-shadow-focus))}.kosmio-selection-button:disabled,.kosmio-selection-button.is-not-selectable,.selection-button:disabled,.selection-button.is-not-selectable{cursor:default}.kosmio-selection-button.is-selected,.selection-button.is-selected{border-color:var(--highlight1, var(--kosmio-color-primary));background:var(--highlight4, var(--kosmio-color-surface))}.kosmio-clickable{all:unset;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;display:inline-block;color:inherit;cursor:pointer;font:inherit;text-align:inherit;-webkit-user-select:none;user-select:none}.kosmio-clickable:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-clickable:disabled{cursor:default;opacity:.58}.form-field-container{display:flex;flex-direction:column;width:100%;gap:5px;box-sizing:border-box;text-align:left}.form-field{padding:16px;border:var(--border-input);background:var(--auth-input-bg);color:var(--auth-shell-text-strong);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;outline:none;border-radius:var(--radius-md);text-align:left;width:100%;box-sizing:border-box;font-size:13px;line-height:1;-webkit-box-shadow:var(--shadow-input-border);box-shadow:var(--shadow-input-border)}body.dark .form-field,body.dark .generatorInput-container{color-scheme:dark}body.light .form-field,body.light .generatorInput-container{color-scheme:light}input.form-field:-webkit-autofill,input.form-field:-webkit-autofill:hover,textarea.form-field:-webkit-autofill,textarea.form-field:-webkit-autofill:hover,select.form-field:-webkit-autofill,select.form-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-shell-text-strong)!important;border:var(--border-input)!important;-webkit-box-shadow:var(--shadow-input-border)!important;box-shadow:var(--shadow-input-border)!important;transition:none!important}input.form-field:-webkit-autofill:focus,textarea.form-field:-webkit-autofill:focus,select.form-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-shell-text-strong)!important;border:var(--border-input-focus)!important;-webkit-box-shadow:var(--shadow-input-focus)!important;box-shadow:var(--shadow-input-focus)!important;transition:none!important}.form-field:focus,.generatorInput-container:focus-within{outline:none;border-color:var(--auth-input-focus);background:var(--auth-input-bg-focus);-webkit-box-shadow:var(--shadow-input-focus);box-shadow:var(--shadow-input-focus)}.form-field-container.invalid .form-field{border-color:var(--border-color-invalid);-webkit-box-shadow:var(--shadow-input-border);box-shadow:var(--shadow-input-border)}select::-webkit-scrollbar{width:8px}input.form-field::placeholder{color:#888}.light .form-field::placeholder,.light select.form-field:invalid{color:#aaa;font-weight:400}.form-field::placeholder,select.form-field:invalid{color:var(--auth-input-placeholder)}.searchbar{position:relative;display:flex;align-items:center;width:100%}.searchbar-select{width:10%;min-width:140px}.searchbar-container{width:70%}.searchbar-input.form-field{width:100%;height:44px;padding-right:56px;border:var(--border-none);border-radius:var(--radius-semicircle);background-color:var(--highlight5);text-align:start}.searchbar .searchbar-button{position:absolute;top:50%;right:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:var(--border-none);background:transparent;color:var(--auth-input-placeholder);cursor:pointer;transform:translateY(-50%)}.searchbar .searchbar-button .icon{width:18px;height:18px}.searchbar .searchbar-button:focus-visible{outline:none}.select-field{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--auth-shell-text-strong);cursor:pointer;font-size:13px;font-weight:400;line-height:0}.select-trigger-label{display:inline-flex;flex:1;align-items:center;min-width:0;min-height:13px;overflow:hidden;color:inherit;font:inherit;line-height:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.select-trigger.placeholder .select-trigger-label{color:var(--auth-input-placeholder)}.select-dropdown{position:fixed;z-index:var(--layer-popover)}.select-dropdown.is-top{transform:translateY(-100%)}.select-dropdown-panel{display:flex;flex-direction:column;gap:2px;max-height:240px;padding:0;overflow:hidden;border:var(--border-input);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--auth-input-bg-focus) 92%,transparent),color-mix(in srgb,var(--auth-input-bg) 96%,transparent));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.select-dropdown-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.select-option,.sheet-option{display:flex;align-items:center;justify-content:start;width:100%;padding:16px 26px;border:var(--border-none);border-right:var(--border-none);border-left:var(--border-none);border-radius:var(--radius-none);background:transparent;cursor:pointer;line-height:1;text-align:left}.select-option:hover,.sheet-option:hover{border-color:var(--border-color-input);background:color-mix(in srgb,var(--auth-input-bg-focus) 76%,transparent)}.select-option.is-selected,.sheet-option.is-selected{border-color:color-mix(in srgb,var(--auth-input-focus) 58%,transparent);background:color-mix(in srgb,var(--auth-input-focus-ring) 100%,transparent)}.select-dropdown-panel .select-option:first-child,.select-dropdown-list .select-option:first-child{border-top:var(--border-none)}.select-searchbar-wrap+.select-dropdown-list .select-option:first-child,.select-searchbar-wrap+.select-dropdown-list .select-option:first-child:hover{border-top:var(--border-input)}.select-searchbar-wrap+.select-dropdown-list .select-option:first-child.is-selected{background:color-mix(in srgb,var(--auth-input-focus-ring) 100%,transparent)}.select-dropdown-panel .select-option:last-child,.select-dropdown-list .select-option:last-child{border-bottom:var(--border-none)}.select-option-label,.select-sheet-label{display:inline-flex;flex:1;align-items:center;min-width:0;min-height:13px;line-height:1}.select-sheet-header{display:flex;align-items:center;justify-content:center;padding:16px 18px;border-bottom:var(--border-input)}.select-searchbar-wrap{padding:8px 8px 4px}.select-sheet-searchbar-wrap{padding:14px 14px 8px}.select-searchbar{position:relative}.select-search-icon{position:absolute;top:50%;right:14px;width:14px;height:14px;opacity:.72;pointer-events:none;transform:translateY(-50%)}.select-empty-state{padding:18px 26px 22px}.select-sheet-list{display:flex;flex-direction:column;gap:0;padding:0;overflow-y:auto}.sheet-option{gap:10px;padding:18px 26px;border-right:var(--border-none);border-left:var(--border-none)}@media(max-width:768px){.select-dropdown{display:none}.select-sheet .kosmio-sheet-drag-zone{position:absolute;top:0;right:0;left:0;z-index:var(--layer-local-overlay);height:var(--sheet-grab-height);min-height:0;padding:0;background:transparent}.select-sheet .kosmio-sheet-drag-handle{display:none}.select-sheet .kosmio-sheet-scroll{top:0;height:100%}}.customCheckbox input{width:auto}.customCheckbox label{align-items:center;display:flex}.enum-option{min-width:140px;padding:20px 30px;border:var(--border-card);background-color:var(--bg);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.enum-option:hover{border-color:var(--highlight3);transform:translateY(-1px)}.enum-option:focus-visible{outline:var(--border-width-medium) solid var(--highlight1);outline-offset:2px}.enum-option .enum-option-label{color:var(--text-color-dynamic-2);transition:color .2s ease}.enum-option img{transition:transform .2s ease,filter .2s ease}.enum-option.is-selected{border-color:var(--highlight1);background-color:var(--highlight2);box-shadow:var(--shadow-focus-ring-strong)}.enum-option.is-selected .enum-option-label{color:var(--text-color-dynamic-1)}.enum-option.is-selected img{transform:scale(1.05);filter:saturate(1.15)}.enum-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:10px}.enum-selector-grid .enum-option{width:100%}.enum-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:10px}.enum-option.theme-option--light{border-color:var(--border-color-theme-option-light);background-color:#f7f9fc}.enum-option.theme-option--light .text{color:#2a3342}.enum-option.theme-option--light .enum-option-label{border-color:var(--highlight1)}.enum-option.theme-option--dark{border-color:var(--border-color-theme-option-dark);background-color:#2a3342}.enum-option.theme-option--dark .enum-option-label{color:#dbe3ef}.enum-option.theme-option.is-selected{border-color:var(--highlight1)}.generatorInput-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-height:52px;padding:6px 10px;box-sizing:border-box;cursor:text}.generatorInput-input{flex:1 1 120px;min-width:120px;width:auto;margin:0;padding:6px 2px;box-sizing:border-box;border:var(--border-none);border-radius:var(--radius-none);background:transparent;line-height:1.2;text-align:left;cursor:text}.generatorInput-chip{margin:0}.generatorInput-disabled{opacity:.7;cursor:not-allowed}.generatorInput-disabled .generatorInput-input{cursor:not-allowed}.kosmio-card{display:flex;flex-direction:column;gap:var(--kosmio-space-3, 12px);padding:var(--kosmio-space-5, 20px);border:var(--border-card, 1px solid var(--kosmio-color-border));border-radius:var(--radius-sm, var(--kosmio-radius-md));background:var(--bg, var(--kosmio-color-surface));color:var(--text-color-dynamic-2, var(--kosmio-color-text));font-family:var(--kosmio-font-family)}.kosmio-container{padding:var(--kosmio-container-padding, var(--kosmio-space-5, 20px));border:var(--kosmio-container-border, var(--border-card, 1px solid var(--kosmio-color-border)));border-radius:var(--kosmio-container-radius, var(--radius-sm, var(--kosmio-radius-md)));background:var(--kosmio-container-background, var(--bg, var(--kosmio-color-surface)));color:var(--kosmio-container-color, var(--text-color-dynamic-2, var(--kosmio-color-text)))}.kosmio-grid{display:grid;box-sizing:border-box;width:100%;gap:var(--kosmio-space-4)}.collapsible-box{display:flex;flex-direction:column;gap:0;padding:0}.collapsible-box-trigger{display:flex;align-items:center;width:100%;background:transparent;cursor:pointer}.collapsible-box-chevron,.collapsible-card-chevron{width:8px;height:8px;flex:0 0 auto;border-right:var(--border-width-medium, 2px) solid currentColor;border-bottom:var(--border-width-medium, 2px) solid currentColor;opacity:.72;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease,opacity .16s ease}.collapsible-box.is-expanded .collapsible-box-chevron,.collapsible-card.is-expanded .collapsible-card-chevron{opacity:1;transform:rotate(-135deg) translateY(-1px)}.collapsible-box .card-title{padding:0}.collapsible-box.is-collapsed>.collapsible-box-content,.collapsible-card.is-collapsed>.collapsible-card-content,.card-content-hidden{display:none}.collapsible-card{display:flex;flex-direction:column;gap:0;padding:0;border:var(--border, 1px solid var(--kosmio-color-border));border-radius:var(--radius-md, var(--kosmio-radius-md));background-color:var(--bg, var(--kosmio-color-surface))}.collapsible-card-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 20px;border:var(--border-none, 0);background:transparent;color:var(--text-color-3, var(--kosmio-color-muted));cursor:pointer;font:inherit;text-align:left}.collapsible-card-trigger:focus-visible{outline:var(--border-width-medium, 2px) solid var(--highlight1, var(--kosmio-color-primary));outline-offset:2px}.collapsible-card .card-title{padding:10px 20px}.collapsible-card .card-divider{border-bottom:var(--border-card, 1px solid var(--kosmio-color-border))}.collapsible-card .card-content{padding:20px}.mobile-route-stack{display:grid;flex:1 1 auto;min-height:0;width:100%}.mobile-route-layer{grid-area:1 / 1;min-width:0;min-height:0;width:100%;will-change:transform,opacity}.mobile-route-layer--current{z-index:2}.mobile-route-layer--enter-forward{animation:mobile-route-enter-forward var(--kosmio-mobile-route-duration, var(--dur-veryFast, var(--kosmio-duration-fast))) var(--ease-enter, var(--kosmio-ease-enter, ease)) both}.mobile-route-layer--enter-back{animation:mobile-route-enter-back var(--kosmio-mobile-route-duration, var(--dur-fast, var(--kosmio-duration-normal))) var(--ease-enter, var(--kosmio-ease-enter, ease)) both}@keyframes mobile-route-enter-forward{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mobile-route-enter-back{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.mobile-route-layer{animation:none!important;transition:none!important}}.kosmio-loader{width:24px;height:24px;border:3px solid var(--kosmio-color-surface-strong);border-top-color:var(--kosmio-color-primary);border-radius:var(--kosmio-radius-full);animation:kosmio-spin var(--kosmio-duration-normal) linear infinite}@keyframes kosmio-spin{to{transform:rotate(360deg)}}.table{width:100%;overflow:hidden;border-radius:var(--radius-sm);border-collapse:collapse;border-spacing:0}.table thead{background-color:var(--highlight1);color:var(--text-color-1)}.table th{padding:12px}.table th .text{display:inline-flex}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:.8em;height:.8em}.sort-icon-asc:before{content:"▲";font-size:.7em}.sort-icon-desc:before{content:"▼";font-size:.7em}.table td{padding:12px}.table-empty-cell-icon{display:inline-block;width:10px;height:1px;background-color:currentColor;opacity:.4}.table tbody .text{font-weight:400}.table .row-even{background-color:#f8f9fa}.dark .table .row-even,.table .row-odd{background-color:var(--highlight2)}.dark .table .row-odd{background-color:#24252a}.table tbody tr:hover,.dark .table tbody tr:hover{background-color:var(--highlight3)}.table tbody tr.row-selected,.dark .table tbody tr.row-selected{background-color:var(--highlight4)}.table tbody tr.row-archived .text{color:var(--text-color-dynamic-3)}.table tbody tr.row-archived .icon.dynamic-theme{filter:invert(.5)}@media(--bp-mobile-max){.table-fill-available,.table-fill-available .table-shell{flex:1 1 auto;min-height:0}.table-fill-available{max-height:var(--mobile-table-max-height)}.table-fill-available .table-crud{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;min-height:0}.table-fill-available .table-shell{height:100%;max-height:100%;min-height:0;overflow:hidden}.table-fill-available .table-scroll{height:100%;max-height:100%;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch}.table-scroll .table{overflow:visible}.table th{position:sticky;top:0;z-index:var(--layer-local-overlay);background-color:var(--highlight1)}div .table{font-size:9px}div .table td{padding:12px 6px}}.id-tag{align-items:center;display:flex;justify-content:center;padding:10px 7px;line-height:0;background-color:var(--highlight3);border-radius:var(--radius-full)}@media(--bp-mobile-max){.id-tag{padding:9px 7px}}.floating-row-menu-card{display:flex;flex-direction:column;min-width:200px;padding:10px 0;background:var(--highlight2);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.floating-row-menu-card .menu-item{align-items:center;display:flex;height:100%;width:100%;gap:10px;padding:5px 20px;background:transparent;border:var(--border-none);border-radius:var(--radius-none);cursor:pointer}.floating-row-menu-card .menu-item:hover{background:var(--highlight3)}.floating-row-menu-card .shortcut{align-items:center;display:flex;justify-content:end;height:100%}.shortcut p{padding:5px 8px;background-color:var(--bg);border-radius:var(--radius-shortcut);font-size:11px;font-weight:500;text-wrap-mode:nowrap}.kosmio-backdrop{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--kosmio-color-text) 42%,transparent);cursor:pointer;opacity:var(--kosmio-overlay-backdrop-opacity, 1)}.kosmio-backdrop-animated{animation:kosmio-overlay-backdrop-fade-in var(--kosmio-duration-normal) ease-out}.kosmio-overlay.is-closing .kosmio-backdrop-animated{animation:kosmio-overlay-backdrop-fade-out var(--kosmio-duration-normal) ease-out forwards}@keyframes kosmio-overlay-backdrop-fade-in{0%{opacity:0}to{opacity:var(--kosmio-overlay-backdrop-opacity, 1)}}@keyframes kosmio-overlay-backdrop-fade-out{0%{opacity:var(--kosmio-overlay-backdrop-opacity, 1)}to{opacity:0}}.kosmio-overlay{position:fixed;z-index:var(--kosmio-layer-modal);inset:0}.kosmio-overlay-centered{display:flex;align-items:center;justify-content:center;padding:var(--kosmio-space-4)}.kosmio-overlay-content{position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.kosmio-overlay-content>*{pointer-events:auto}.kosmio-overlay-content-centered{display:flex;align-items:center;justify-content:center}.kosmio-sheet{--kosmio-sheet-backdrop-drag-fade: .55;--kosmio-sheet-backdrop-min-opacity: .18;--kosmio-sheet-close-distance: 140;--kosmio-sheet-close-offset: 48;--kosmio-sheet-close-velocity: .55;--kosmio-sheet-drag-settle-duration: var(--kosmio-duration-normal);position:absolute;right:0;display:flex;flex-direction:column;align-items:center;width:45%;max-width:45%;height:100%;padding:0;overflow:hidden;border-left:1px solid var(--kosmio-color-border);border-radius:var(--kosmio-radius-md) 0 0 var(--kosmio-radius-md);background:var(--kosmio-color-surface);box-shadow:var(--kosmio-shadow-sm);will-change:transform}.kosmio-sheet-scroll{position:absolute;top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden auto}.kosmio-sheet.is-entering{animation:kosmio-slide-in-from-right var(--kosmio-duration-normal) var(--kosmio-ease-standard) both}.kosmio-overlay.is-closing .kosmio-sheet:not(.is-gesture-closing){animation:kosmio-slide-out-to-right var(--kosmio-duration-fast) var(--kosmio-ease-standard) forwards}.kosmio-sheet-feedback{position:absolute;inset:0;z-index:var(--kosmio-layer-modal);display:none;overflow:hidden;border-radius:inherit;opacity:0;pointer-events:none}.kosmio-overlay.is-closing .kosmio-sheet-feedback{display:block;opacity:1}.kosmio-sheet-feedback.is-success{background:transparent}.kosmio-sheet-feedback.is-failure{background-color:var(--kosmio-color-danger)}.kosmio-overlay.is-closing .kosmio-sheet-feedback.is-success:before{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-success);content:"";transform:translate(-50%,-50%) scale(0);animation:kosmio-sheet-success-expand 1.3s cubic-bezier(.2,.85,.2,1) forwards}@media(max-width:768px){.kosmio-sheet{--kosmio-sheet-grab-height: 26px;bottom:0;width:100%;max-width:100%;height:80%;border-top:1px solid var(--kosmio-color-border);border-left:0;border-radius:var(--kosmio-radius-md) var(--kosmio-radius-md) 0 0}.kosmio-sheet.is-entering{animation:kosmio-slide-up var(--kosmio-duration-normal) var(--kosmio-ease-standard) both}.kosmio-overlay.is-closing .kosmio-sheet:not(.is-gesture-closing){animation:kosmio-slide-down var(--kosmio-duration-fast) var(--kosmio-ease-standard) forwards}.kosmio-sheet-drag-zone{position:relative;z-index:1;display:flex;justify-content:center;box-sizing:border-box;min-height:var(--kosmio-sheet-grab-height);padding:10px 0 6px;touch-action:none}.kosmio-sheet-drag-handle{width:48px;height:5px;border-radius:var(--kosmio-radius-full);background:color-mix(in srgb,var(--kosmio-color-text-muted) 42%,transparent)}.kosmio-sheet-scroll{top:var(--kosmio-sheet-grab-height);box-sizing:border-box;height:calc(100% - var(--kosmio-sheet-grab-height));overscroll-behavior-y:contain}.kosmio-sheet.is-dragging .kosmio-sheet-scroll{-webkit-user-select:none;user-select:none}}@keyframes kosmio-slide-in-from-right{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes kosmio-slide-out-to-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes kosmio-slide-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes kosmio-slide-down{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes kosmio-sheet-success-expand{to{transform:translate(-50%,-50%) scale(180)}}
+*{box-sizing:border-box;padding:0;margin:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body,#root{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-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:baseline}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{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--kosmio-color-bg: #ffffff;--kosmio-color-surface: #f8fafc;--kosmio-color-surface-muted: #eef2f7;--kosmio-color-surface-strong: #e2e8f0;--kosmio-color-text: #111827;--kosmio-color-text-muted: #6b7280;--kosmio-color-primary: #2563eb;--kosmio-color-primary-text: #ffffff;--kosmio-tag-color: var(--kosmio-color-primary);--kosmio-color-danger: #dc2626;--kosmio-color-danger-text: #ffffff;--kosmio-color-success: #16a34a;--kosmio-color-border: rgba(17, 24, 39, .14);--kosmio-color-focus: rgba(37, 99, 235, .28);--kosmio-space-1: 4px;--kosmio-space-2: 8px;--kosmio-space-3: 12px;--kosmio-space-4: 16px;--kosmio-space-5: 20px;--kosmio-radius-sm: 6px;--kosmio-radius-md: 8px;--kosmio-radius-full: 999px;--kosmio-shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--kosmio-shadow-focus: 0 0 0 4px var(--kosmio-color-focus);--kosmio-layer-base: 0;--kosmio-layer-popover: 1000;--kosmio-layer-modal: 1100;--kosmio-duration-fast: .12s;--kosmio-duration-normal: .18s;--kosmio-ease-standard: ease;--kosmio-ease-enter: cubic-bezier(0, 0, .2, 1);--kosmio-font-family: var(--font-main, system-ui, sans-serif);--kosmio-font-size-xs: 12px;--kosmio-font-size-sm: 13px;--kosmio-font-size-md: 14px;--kosmio-font-size-lg: 18px;--kosmio-font-size-xl: 24px;--kosmio-font-size-xxl: 28px;--kosmio-font-weight-regular: 400;--kosmio-font-weight-semibold: 600;--kosmio-font-weight-bold: 700}.kosmio-text{color:inherit;font-family:var(--kosmio-font-family)}.kosmio-text-align-start{text-align:start}.kosmio-text-align-center{text-align:center}.kosmio-text-align-end{text-align:end}.kosmio-text-align-left{text-align:left}.kosmio-text-align-right{text-align:right}.kosmio-text-align-justify{text-align:justify}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-inline{white-space:nowrap}.text-elipsis{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.text-xxl{font-size:28px;font-weight:700}.text-xl{font-size:24px;font-weight:700}.text-lg{font-size:20px;font-weight:700}.text-md{font-size:14px;font-weight:600}.text-sm{font-size:13px;font-weight:600}.text-xs{font-size:12px;font-weight:600}.text-xxs{font-size:10px;font-weight:600}@media(max-width:768px){.text-xxl{font-size:22px;font-weight:700}.text-xl{font-size:18px;font-weight:700}.text-lg{font-size:14px;font-weight:700}.text-md{font-size:13px}.text-sm{font-size:12px}.text-xs{font-size:10px}.text-xxs{font-size:8px}}.t-color-1{color:var(--text-color-1, var(--kosmio-color-text))}.t-color-2{color:var(--text-color-2, var(--kosmio-color-text))}.t-color-3{color:var(--text-color-3, var(--kosmio-color-muted))}.t-color-d1{color:var(--text-color-dynamic-1, var(--kosmio-color-text))}.t-color-d2{color:var(--text-color-dynamic-2, var(--kosmio-color-muted))}.t-color-d3{color:var(--text-color-dynamic-3, var(--kosmio-color-muted))}.text-font-default,.text-font-main{font-family:var(--kosmio-font-family)}.text-font-mono{font-family:var(--kosmio-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace)}.text-weight-regular{font-weight:var(--kosmio-font-weight-regular)}.text-weight-medium{font-weight:var(--kosmio-font-weight-medium, 500)}.text-weight-semibold{font-weight:var(--kosmio-font-weight-semibold)}.text-weight-bold{font-weight:var(--kosmio-font-weight-bold)}.text-leading-none{line-height:var(--kosmio-line-height-none, 1)}.text-leading-tight{line-height:var(--kosmio-line-height-tight, 1.15)}.text-leading-normal{line-height:var(--kosmio-line-height-normal, 1.35)}.text-leading-relaxed{line-height:var(--kosmio-line-height-relaxed, 1.55)}.kosmio-text-colored{color:var(--kosmio-text-color)}.kosmio-text-inline{white-space:nowrap}.kosmio-text-ellipsis{overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap}.kosmio-tag,.tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:var(--kosmio-space-1, 3px) var(--kosmio-space-2, 8px);border:1px solid var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary)));border-radius:var(--kosmio-radius-full, var(--radius-semicircle));background:color-mix(in srgb,var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary))) 12%,transparent);color:color-mix(in srgb,var(--kosmio-tag-color, var(--tag-color, var(--kosmio-color-primary))) 70%,var(--kosmio-color-text));white-space:nowrap}.tag.color-tag{border:1px solid var(--tag-color);background-color:color-mix(in srgb,var(--tag-color) 10%,var(--bg-dark, var(--kosmio-color-bg)));color:color-mix(in srgb,var(--tag-color) 60%,black 40%)}.dark .tag.color-tag{border:1px solid var(--tag-color);background-color:color-mix(in srgb,var(--tag-color) 18%,var(--highlight2, var(--kosmio-color-surface-muted)));color:color-mix(in srgb,var(--tag-color) 40%,white 60%)}.tag.elipsis{display:inline-block;max-width:8vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--kosmio-icon-size-xs: 8px;--kosmio-icon-size-sm: 12px;--kosmio-icon-size-md: 16px;--kosmio-icon-size-xmd: 20px;--kosmio-icon-size-lg: 24px;--kosmio-icon-size-xl: 32px;--kosmio-icon-size-xxl: 40px;--kosmio-icon-size-xxxl: 120px;--icon-size-xs: var(--kosmio-icon-size-xs);--icon-size-sm: var(--kosmio-icon-size-sm);--icon-size-md: var(--kosmio-icon-size-md);--icon-size-xmd: var(--kosmio-icon-size-xmd);--icon-size-lg: var(--kosmio-icon-size-lg);--icon-size-xl: var(--kosmio-icon-size-xl);--icon-size-xxl: var(--kosmio-icon-size-xxl);--icon-size-xxxl: var(--kosmio-icon-size-xxxl);--icon-accent-color: var(--kosmio-color-primary)}@media(max-width:768px){:root{--kosmio-icon-size-xxl: 35px;--kosmio-icon-size-xxxl: 150px}}.kosmio-icon,.icon{z-index:var(--kosmio-layer-raised, var(--layer-local-raised));width:var(--kosmio-icon-size-md);height:var(--kosmio-icon-size-md);color:var(--kosmio-color-text)}.kosmio-icon-mask,.icon-mask{display:inline-block;flex:0 0 auto;background-color:currentColor;mask:var(--kosmio-icon-url, var(--icon-url)) center / contain no-repeat;-webkit-mask:var(--kosmio-icon-url, var(--icon-url)) center / contain no-repeat}.kosmio-icon.reversed-theme,.icon.reversed-theme{color:#ffffffd9;filter:invert(1)}.light .kosmio-icon.dynamic-theme,.light .icon.dynamic-theme,.dark .kosmio-icon.reversed-dynamic-theme,.dark .icon.reversed-dynamic-theme{color:#000c}.dark .kosmio-icon.dynamic-theme,.dark .icon.dynamic-theme,.light .kosmio-icon.reversed-dynamic-theme,.light .icon.reversed-dynamic-theme{color:#ffffffd9}.kosmio-icon.accent-theme,.icon.accent-theme{color:var(--icon-accent-color)}.kosmio-icon.invalid,.icon.invalid{filter:invert(.5)}.kosmio-icon.kosmio-icon-mask,.icon.icon-mask{filter:none}.kosmio-icon-size-xs,.icon.icon-size-xs{width:var(--kosmio-icon-size-xs);height:var(--kosmio-icon-size-xs)}.kosmio-icon-size-sm,.icon.icon-size-sm{width:var(--kosmio-icon-size-sm);height:var(--kosmio-icon-size-sm)}.kosmio-icon-size-md,.icon.icon-size-md{width:var(--kosmio-icon-size-md);height:var(--kosmio-icon-size-md)}.kosmio-icon-size-xmd,.icon.icon-size-xmd{width:var(--kosmio-icon-size-xmd);height:var(--kosmio-icon-size-xmd)}.kosmio-icon-size-lg,.icon.icon-size-lg{width:var(--kosmio-icon-size-lg);height:var(--kosmio-icon-size-lg)}.kosmio-icon-size-xl,.icon.icon-size-xl{width:var(--kosmio-icon-size-xl);height:var(--kosmio-icon-size-xl)}.kosmio-icon-size-xxl,.icon.icon-size-xxl{width:var(--kosmio-icon-size-xxl);height:var(--kosmio-icon-size-xxl)}.kosmio-icon-size-xxxl,.icon.icon-size-xxxl{width:var(--kosmio-icon-size-xxxl);height:var(--kosmio-icon-size-xxxl)}.kosmio-icon-chevron,.icon-chevron{flex:0 0 auto;border-right:var(--kosmio-border-width-medium, var(--border-width-medium, 2px)) solid currentColor;border-bottom:var(--kosmio-border-width-medium, var(--border-width-medium, 2px)) solid currentColor;opacity:.72;transform:rotate(45deg) translateY(var(--kosmio-icon-chevron-closed-shift, var(--icon-chevron-closed-shift, -2px)));transition:transform var(--kosmio-duration-fast) var(--kosmio-ease-standard),opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-icon-chevron.is-open,.icon-chevron.is-open{opacity:1;transform:rotate(-135deg) translateY(var(--kosmio-icon-chevron-open-shift, var(--icon-chevron-open-shift, -1px)))}.kosmio-icon-chevron.colored,.icon-chevron.colored{color:var(--kosmio-color-primary, var(--highlight0))}.kosmio-button,.custom-button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;position:relative;z-index:var(--layer-local-base, var(--kosmio-layer-base));display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:var(--kosmio-space-3) var(--kosmio-space-4);overflow:hidden;border:var(--border-card, 1px solid var(--kosmio-color-border));background:var(--bg-light, transparent);color:var(--text-color-dynamic-2, var(--kosmio-color-text));cursor:pointer;font:inherit;font-family:var(--kosmio-font-family);font-size:14px;font-weight:700;text-decoration:none;-webkit-user-select:none;user-select:none;transition:background-color var(--kosmio-duration-fast) var(--kosmio-ease-standard),border-color var(--kosmio-duration-fast) var(--kosmio-ease-standard),box-shadow var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.custom-button{padding:12px 15px}.custom-button p{line-height:0}.kosmio-button:hover:not(:disabled):not([aria-disabled=true]){background:var(--bg-light, transparent)}.custom-button:hover:before{background:#7d7d7d38}.kosmio-button:before,.custom-button:before{position:absolute;z-index:var(--layer-local-raised, var(--kosmio-layer-raised));inset:0;border-radius:var(--radius-sm, var(--kosmio-radius-sm));background:#0000;content:"";pointer-events:none;transition:background-color .3s ease}.kosmio-button:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-button:disabled,.kosmio-button[aria-disabled=true]{cursor:default;opacity:.58}.kosmio-button-primary,.custom-button.primary{background:var(--highlight1, var(--kosmio-color-primary));color:var(--text-color-1, var(--kosmio-color-primary-text))}.kosmio-button-primary:hover:not(:disabled):not([aria-disabled=true]),.custom-button.primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--highlight1, var(--kosmio-color-primary))}.kosmio-button.searchbar-filter,.custom-button.searchbar-filter,.kosmio-button.searchbar-add,.custom-button.searchbar-add{width:100px;min-height:44px}.kosmio-button-danger,.custom-button.danger{background:#ca3a5c;color:var(--text-color-1, var(--kosmio-color-danger-text))}.kosmio-button-danger:hover:not(:disabled):not([aria-disabled=true]),.custom-button.danger:hover:not(:disabled):not([aria-disabled=true]){background:#ca3a5c}.kosmio-button-tooltip:after{position:absolute;z-index:var(--kosmio-layer-popover);top:calc(100% + var(--kosmio-space-2));left:50%;width:max-content;max-width:240px;padding:var(--kosmio-space-2) var(--kosmio-space-3);border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-text);color:var(--kosmio-color-bg);content:attr(data-tooltip);font-size:var(--kosmio-font-size-xs);opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-button-tooltip:hover:after{opacity:1}.desktop .tooltip-left,.desktop .tooltip-right{position:relative;z-index:var(--layer-local-overlay, var(--kosmio-layer-popover));overflow:visible}.desktop .tooltip-left:after,.desktop .tooltip-right:after{position:absolute;z-index:var(--layer-local-tooltip, var(--kosmio-layer-popover));display:inline-block;width:fit-content;padding:12px 10px;border-radius:var(--radius-semicircle, var(--kosmio-radius-full));background-color:var(--bg, var(--kosmio-color-surface));color:var(--text-color-dynamic-2, var(--kosmio-color-muted));content:attr(data-tooltip);font-size:12px;font-weight:600;opacity:0;pointer-events:none;white-space:nowrap}.desktop .tooltip-right:after{top:calc(100% - 25px);left:calc(100% + 5px)}.desktop .tooltip-left:after{top:calc(100% + 5px);right:60%}.desktop .tooltip-left:hover:after,.desktop .tooltip-right:hover:after{opacity:1}.kosmio-action-button{gap:var(--kosmio-space-2)}.kosmio-action-button-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em}.kosmio-action-button-icon>svg{width:100%;height:100%}.kosmio-floating-action-button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid var(--kosmio-color-primary);border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-primary);box-shadow:var(--kosmio-shadow-sm);color:var(--kosmio-color-primary-text);cursor:pointer;transition:transform var(--kosmio-duration-fast) var(--kosmio-ease-standard),box-shadow var(--kosmio-duration-fast) var(--kosmio-ease-standard),opacity var(--kosmio-duration-fast) var(--kosmio-ease-standard)}.kosmio-floating-action-button:hover:not(:disabled){transform:translateY(-1px)}.kosmio-floating-action-button:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-floating-action-button:disabled{cursor:default;opacity:.58}.kosmio-floating-action-button.is-compact{width:44px;height:44px}.kosmio-floating-action-button-icon,.kosmio-floating-action-button-icon>svg{width:1.5em;height:1.5em}.kosmio-selection-button,.selection-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;min-height:56px;gap:10px;padding:10px 12px;border:var(--border-card, 1px solid var(--kosmio-color-border));border-radius:var(--radius-sm, var(--kosmio-radius-sm));background:var(--highlight2, var(--kosmio-color-surface-muted));cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.kosmio-selection-button:before,.selection-button:before{display:none}.kosmio-selection-button:hover:not(:disabled),.selection-button:hover:not(:disabled){background:color-mix(in srgb,var(--highlight2, var(--kosmio-color-surface-muted)) 86%,var(--highlight0, var(--kosmio-color-primary)));transform:translateY(-1px)}.kosmio-selection-button:focus-visible,.selection-button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring, var(--kosmio-shadow-focus))}.kosmio-selection-button:disabled,.kosmio-selection-button.is-not-selectable,.selection-button:disabled,.selection-button.is-not-selectable{cursor:default}.kosmio-selection-button.is-selected,.selection-button.is-selected{border-color:var(--highlight1, var(--kosmio-color-primary));background:var(--highlight4, var(--kosmio-color-surface))}.kosmio-clickable{all:unset;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-sizing:border-box;display:inline-block;color:inherit;cursor:pointer;font:inherit;text-align:inherit;-webkit-user-select:none;user-select:none}.kosmio-clickable:focus-visible{outline:none;box-shadow:var(--kosmio-shadow-focus)}.kosmio-clickable:disabled{cursor:default;opacity:.58}.form-field-container{display:flex;flex-direction:column;width:100%;gap:5px;box-sizing:border-box;text-align:left}.form-field{padding:16px;border:var(--border-input);background:var(--auth-input-bg);color:var(--auth-shell-text-strong);transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease;outline:none;border-radius:var(--radius-md);text-align:left;width:100%;box-sizing:border-box;font-size:13px;line-height:1;-webkit-box-shadow:var(--shadow-input-border);box-shadow:var(--shadow-input-border)}body.dark .form-field,body.dark .generatorInput-container{color-scheme:dark}body.light .form-field,body.light .generatorInput-container{color-scheme:light}input.form-field:-webkit-autofill,input.form-field:-webkit-autofill:hover,textarea.form-field:-webkit-autofill,textarea.form-field:-webkit-autofill:hover,select.form-field:-webkit-autofill,select.form-field:-webkit-autofill:hover{-webkit-text-fill-color:var(--auth-shell-text-strong)!important;border:var(--border-input)!important;-webkit-box-shadow:var(--shadow-input-border)!important;box-shadow:var(--shadow-input-border)!important;transition:none!important}input.form-field:-webkit-autofill:focus,textarea.form-field:-webkit-autofill:focus,select.form-field:-webkit-autofill:focus{-webkit-text-fill-color:var(--auth-shell-text-strong)!important;border:var(--border-input-focus)!important;-webkit-box-shadow:var(--shadow-input-focus)!important;box-shadow:var(--shadow-input-focus)!important;transition:none!important}.form-field:focus,.generatorInput-container:focus-within{outline:none;border-color:var(--auth-input-focus);background:var(--auth-input-bg-focus);-webkit-box-shadow:var(--shadow-input-focus);box-shadow:var(--shadow-input-focus)}.form-field-container.invalid .form-field{border-color:var(--border-color-invalid);-webkit-box-shadow:var(--shadow-input-border);box-shadow:var(--shadow-input-border)}select::-webkit-scrollbar{width:8px}input.form-field::placeholder{color:#888}.light .form-field::placeholder,.light select.form-field:invalid{color:#aaa;font-weight:400}.form-field::placeholder,select.form-field:invalid{color:var(--auth-input-placeholder)}.searchbar{position:relative;display:flex;align-items:center;width:100%}.kosmio-full-searchbar .searchbar-select{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:132px;min-width:0;gap:0;padding:0 14px;border-left:1px solid var(--kosmio-searchbar-divider, var(--kosmio-color-border));cursor:pointer}.kosmio-full-searchbar.searchbar-container{position:relative;display:block;box-sizing:border-box;width:100%;height:44px;border:1px solid var(--kosmio-searchbar-border, var(--kosmio-color-border));border-radius:var(--radius-semicircle, var(--kosmio-radius-full, 999px));background:var(--kosmio-searchbar-bg, var(--kosmio-color-surface-muted))}.kosmio-full-searchbar .searchbar-main.searchbar{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.kosmio-full-searchbar.is-filter-only{display:flex;align-items:center}.kosmio-full-searchbar.is-filter-only .searchbar-select{position:relative;inset:auto;width:100%;height:100%;border-left:0}.kosmio-full-searchbar .searchbar-input.form-field{width:100%;height:100%;padding:0 56px 0 20px;border:0;border-radius:inherit;background:transparent;color:var(--kosmio-searchbar-text, var(--kosmio-color-text));font:inherit;text-align:start}.kosmio-full-searchbar .kosmio-search-clear{position:absolute;top:50%;right:140px;display:grid;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--kosmio-searchbar-label, var(--kosmio-color-text-muted));cursor:pointer;transform:translateY(-50%)}.kosmio-full-searchbar .kosmio-search-clear:hover,.kosmio-full-searchbar .kosmio-search-clear:focus-visible{background:color-mix(in srgb,var(--kosmio-searchbar-text, var(--kosmio-color-text)) 12%,transparent);color:var(--kosmio-searchbar-text, var(--kosmio-color-text))}.kosmio-search-suggestions{position:fixed;z-index:calc(var(--kosmio-layer-modal, 1100) + 2);overflow:auto;box-sizing:border-box;border:1px solid var(--kosmio-searchbar-menu-border, var(--border-color-input));border-radius:var(--kosmio-radius-md, var(--radius-md));background:var(--kosmio-searchbar-menu-bg, var(--auth-input-bg, var(--kosmio-color-surface)));color:var(--kosmio-searchbar-text, var(--kosmio-color-text));box-shadow:var(--kosmio-searchbar-menu-shadow, var(--shadow-lg));overscroll-behavior:contain}.kosmio-search-suggestion-list{display:flex;flex-direction:column;gap:2px;padding:5px}.kosmio-search-suggestion{display:flex;align-items:center;width:100%;min-height:40px;padding:8px 10px;border:1px solid transparent;border-radius:var(--radius-sm, var(--kosmio-radius-md));background:transparent;color:inherit;cursor:pointer;text-align:left}.kosmio-search-suggestion:hover,.kosmio-search-suggestion.is-active{background:color-mix(in srgb,var(--kosmio-searchbar-text, var(--kosmio-color-text)) 10%,transparent)}.kosmio-search-suggestion.is-selected{border-color:var(--kosmio-searchbar-focus, var(--kosmio-color-primary))}.kosmio-search-suggestion:focus-visible,.kosmio-search-clear:focus-visible{outline:2px solid var(--kosmio-searchbar-focus, var(--kosmio-color-primary));outline-offset:2px}.kosmio-search-suggestion-empty{margin:0;padding:16px 12px;color:var(--kosmio-searchbar-label, var(--kosmio-color-text-muted));text-align:center}.kosmio-full-searchbar.has-dataset .searchbar-input.form-field{padding-right:152px}.kosmio-full-searchbar.has-filter-action .searchbar-input.form-field{padding-right:160px}.kosmio-full-searchbar.has-dataset.has-filter-action .searchbar-input.form-field{padding-right:344px}.kosmio-full-searchbar .searchbar-select .form-field-label{display:block;margin:0;color:var(--highlight1);font-family:var(--kosmio-font-family);font-size:var(--kosmio-font-size-xxs, 10px);font-weight:600;line-height:1.2;text-transform:none}.kosmio-full-searchbar .searchbar-select .select-field{position:static;width:100%}.kosmio-full-searchbar .searchbar-select .select-trigger{box-sizing:border-box;width:100%;min-height:0;gap:12px;padding:1px 20px 0 0;border:0;border-radius:0;background:transparent;color:var(--kosmio-searchbar-text, var(--kosmio-color-text));box-shadow:none;font:inherit;line-height:1.2;text-align:left}.kosmio-full-searchbar .searchbar-select .icon-chevron{position:absolute;top:0;bottom:0;right:14px;height:var(--kosmio-icon-size-xs, 8px);margin-block:auto;opacity:.42;transform-origin:50% 50%;transform:rotate(45deg)}.kosmio-full-searchbar .searchbar-select .select-field.is-open .icon-chevron{opacity:1;transform:rotate(-135deg)}.kosmio-full-searchbar .searchbar-select .select-trigger-label{min-height:16px;line-height:1.2}.kosmio-full-searchbar.has-filter-action .searchbar-filter{position:absolute;top:50%;right:56px;transform:translateY(-50%)}.kosmio-full-searchbar.has-dataset.has-filter-action .searchbar-filter{right:266px}.kosmio-full-searchbar:focus-within{background:var(--kosmio-searchbar-bg-focus, var(--auth-input-bg-focus, var(--kosmio-color-surface)));border-color:var(--kosmio-searchbar-focus, var(--kosmio-color-primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--kosmio-searchbar-focus, var(--kosmio-color-primary)) 18%,transparent)}body:has(.kosmio-full-searchbar .searchbar-select .select-field.is-open) .select-dropdown{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(.kosmio-full-searchbar .searchbar-select .select-field.is-open) .select-dropdown-panel{border:0!important;background:var(--kosmio-searchbar-menu-bg, var(--auth-input-bg, var(--kosmio-color-surface)))!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(.kosmio-full-searchbar .searchbar-select .select-field.is-open) .select-dropdown:not(.is-top){transform:translateY(7px)}body:has(.kosmio-full-searchbar .searchbar-select .select-field.is-open) .select-dropdown.is-top{transform:translateY(calc(-100% - 7px))}.searchbar .searchbar-button{position:absolute;top:50%;right:14px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:var(--border-none);background:transparent;color:var(--auth-input-placeholder);cursor:pointer;transform:translateY(-50%)}.searchbar .searchbar-button .icon{width:18px;height:18px}.searchbar .searchbar-button:focus-visible{outline:none}.kosmio-full-searchbar:not(.has-search-icon) .searchbar-button{display:none}@media(max-width:768px){.kosmio-full-searchbar .searchbar-select .form-field-label{font-size:8px}.kosmio-full-searchbar .searchbar-select{width:120px;padding:0 10px}.kosmio-full-searchbar .kosmio-search-clear{right:128px}.kosmio-full-searchbar.has-dataset .searchbar-input.form-field{padding-right:164px}.kosmio-full-searchbar.has-dataset.has-filter-action .searchbar-input.form-field{padding-right:306px}.kosmio-full-searchbar.has-dataset.has-filter-action .searchbar-filter{right:216px}}.select-field{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--auth-shell-text-strong);cursor:pointer;font-size:13px;font-weight:400;line-height:0}.select-trigger-label{display:inline-flex;flex:1;align-items:center;min-width:0;min-height:13px;overflow:hidden;color:inherit;font:inherit;line-height:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.select-trigger.placeholder .select-trigger-label{color:var(--auth-input-placeholder)}.select-trigger.has-subtitle{align-items:center;min-height:56px;height:auto;padding-top:8px;padding-bottom:8px;line-height:normal}.select-trigger.has-subtitle .select-trigger-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:0;overflow:hidden;line-height:normal;white-space:normal}.select-trigger-option-label{width:100%;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.select-trigger-option-subtitle,.select-option-subtitle{color:var(--form-text-soft, var(--text-color-dynamic-3));font-size:11px;line-height:1.3}.select-trigger-option-subtitle{display:-webkit-box;width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.select-dropdown{position:fixed;background:#0000;z-index:var(--layer-popover)}.select-dropdown.is-top{transform:translateY(-100%)}.select-dropdown-panel{display:flex;flex-direction:column;gap:2px;max-height:240px;padding:0;overflow:hidden;border:var(--border-input);border-radius:var(--radius-md);background:linear-gradient(180deg,color-mix(in srgb,var(--auth-input-bg-focus) 92%,transparent),color-mix(in srgb,var(--auth-input-bg) 96%,transparent));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.select-dropdown-list{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow-y:auto}.select-option,.sheet-option{display:flex;align-items:center;justify-content:start;width:100%;padding:16px 26px;border:var(--border-none);border-right:var(--border-none);border-left:var(--border-none);border-radius:var(--radius-none);background:transparent;cursor:pointer;line-height:1;text-align:left}.select-option-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.select-option-label{display:block;min-height:0;line-height:1.2}.select-option-subtitle{display:block;line-height:1.3}.select-option:hover,.sheet-option:hover{border-color:var(--border-color-input);background:color-mix(in srgb,var(--auth-input-bg-focus) 76%,transparent)}.select-option.is-selected,.sheet-option.is-selected{border-color:color-mix(in srgb,var(--auth-input-focus) 58%,transparent);background:color-mix(in srgb,var(--auth-input-focus-ring) 100%,transparent)}.select-dropdown-panel .select-option:first-child,.select-dropdown-list .select-option:first-child{border-top:var(--border-none)}.select-searchbar-wrap+.select-dropdown-list .select-option:first-child,.select-searchbar-wrap+.select-dropdown-list .select-option:first-child:hover{border-top:var(--border-input)}.select-searchbar-wrap+.select-dropdown-list .select-option:first-child.is-selected{background:color-mix(in srgb,var(--auth-input-focus-ring) 100%,transparent)}.select-dropdown-panel .select-option:last-child,.select-dropdown-list .select-option:last-child{border-bottom:var(--border-none)}.select-option-label,.select-sheet-label{display:inline-flex;flex:1;align-items:center;min-width:0;min-height:13px;line-height:1}.select-sheet-header{display:flex;align-items:center;justify-content:center;padding:16px 18px;border-bottom:var(--border-input)}.select-searchbar-wrap{padding:8px 8px 4px}.select-sheet-searchbar-wrap{padding:14px 14px 8px}.select-searchbar{position:relative}.select-search-icon{position:absolute;top:50%;right:14px;width:14px;height:14px;opacity:.72;pointer-events:none;transform:translateY(-50%)}.select-empty-state{padding:18px 26px 22px}.select-sheet-list{display:flex;flex-direction:column;gap:0;padding:0;overflow-y:auto}.sheet-option{gap:10px;padding:18px 26px;border-right:var(--border-none);border-left:var(--border-none)}.sheet-option .select-option-content{gap:5px}@media(max-width:768px){.select-dropdown{display:none}.select-sheet .kosmio-sheet-drag-zone{position:absolute;top:0;right:0;left:0;z-index:var(--layer-local-overlay);height:var(--sheet-grab-height);min-height:0;padding:0;background:transparent}.select-sheet .kosmio-sheet-drag-handle{display:none}.select-sheet .kosmio-sheet-scroll{top:0;height:100%}}.customCheckbox input{width:auto}.customCheckbox label{align-items:center;display:flex}.enum-option{min-width:140px;padding:20px 30px;border:var(--border-card);background-color:var(--bg);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}.enum-option:hover{border-color:var(--highlight3);transform:translateY(-1px)}.enum-option:focus-visible{outline:var(--border-width-medium) solid var(--highlight1);outline-offset:2px}.enum-option .enum-option-label{color:var(--text-color-dynamic-2);transition:color .2s ease}.enum-option--text-only{justify-content:center}.enum-option--text-only .enum-option-label{text-align:center}.enum-option img{transition:transform .2s ease,filter .2s ease}.enum-option.is-selected{border-color:var(--highlight1);background-color:var(--highlight2);box-shadow:var(--shadow-focus-ring-strong)}.enum-option.is-selected .enum-option-label{color:var(--text-color-dynamic-1)}.enum-option.is-selected img{transform:scale(1.05);filter:saturate(1.15)}.enum-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:10px}.enum-selector-grid .enum-option{width:100%}.enum-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));width:100%;gap:10px}.enum-option.theme-option--light{border-color:var(--border-color-theme-option-light);background-color:#f7f9fc}.enum-option.theme-option--light .text{color:#2a3342}.enum-option.theme-option--light .enum-option-label{border-color:var(--highlight1)}.enum-option.theme-option--dark{border-color:var(--border-color-theme-option-dark);background-color:#2a3342}.enum-option.theme-option--dark .enum-option-label{color:#dbe3ef}.enum-option.theme-option.is-selected{border-color:var(--highlight1)}.generatorInput-container{align-items:center;display:flex;flex-wrap:wrap;gap:6px;min-height:52px;padding:6px 10px;box-sizing:border-box;cursor:text}.generatorInput-input{flex:1 1 120px;min-width:120px;width:auto;margin:0;padding:6px 2px;box-sizing:border-box;border:var(--border-none);border-radius:var(--radius-none);background:transparent;line-height:1.2;text-align:left;cursor:text}.generatorInput-chip{margin:0}.generatorInput-disabled{opacity:.7;cursor:not-allowed}.generatorInput-disabled .generatorInput-input{cursor:not-allowed}.kosmio-card{display:flex;flex-direction:column;gap:var(--kosmio-space-3, 12px);padding:var(--kosmio-space-5, 20px);border:var(--border-card, 1px solid var(--kosmio-color-border));border-radius:var(--radius-sm, var(--kosmio-radius-md));background:var(--bg, var(--kosmio-color-surface));color:var(--text-color-dynamic-2, var(--kosmio-color-text));font-family:var(--kosmio-font-family)}.kosmio-container{padding:var(--kosmio-container-padding, var(--kosmio-space-5, 20px));border:var(--kosmio-container-border, var(--border-card, 1px solid var(--kosmio-color-border)));border-radius:var(--kosmio-container-radius, var(--radius-sm, var(--kosmio-radius-md)));background:var(--kosmio-container-background, var(--bg, var(--kosmio-color-surface)));color:var(--kosmio-container-color, var(--text-color-dynamic-2, var(--kosmio-color-text)))}.kosmio-grid{display:grid;box-sizing:border-box;width:100%;gap:var(--kosmio-space-4)}.collapsible-box{display:flex;flex-direction:column;gap:0;padding:0}.collapsible-box-trigger{display:flex;align-items:center;width:100%;background:transparent;cursor:pointer}.collapsible-box-chevron,.collapsible-card-chevron{width:8px;height:8px;flex:0 0 auto;border-right:var(--border-width-medium, 2px) solid currentColor;border-bottom:var(--border-width-medium, 2px) solid currentColor;opacity:.72;transform:rotate(45deg) translateY(-2px);transition:transform .16s ease,opacity .16s ease}.collapsible-box.is-expanded .collapsible-box-chevron,.collapsible-card.is-expanded .collapsible-card-chevron{opacity:1;transform:rotate(-135deg) translateY(-1px)}.collapsible-box .card-title{padding:0}.collapsible-box.is-collapsed>.collapsible-box-content,.collapsible-card.is-collapsed>.collapsible-card-content,.card-content-hidden{display:none}.collapsible-card{display:flex;flex-direction:column;gap:0;padding:0;border:var(--border, 1px solid var(--kosmio-color-border));border-radius:var(--radius-md, var(--kosmio-radius-md));background-color:var(--bg, var(--kosmio-color-surface))}.collapsible-card-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 20px;border:var(--border-none, 0);background:transparent;color:var(--text-color-3, var(--kosmio-color-muted));cursor:pointer;font:inherit;text-align:left}.collapsible-card-trigger:focus-visible{outline:var(--border-width-medium, 2px) solid var(--highlight1, var(--kosmio-color-primary));outline-offset:2px}.collapsible-card .card-title{padding:10px 20px}.collapsible-card .card-divider{border-bottom:var(--border-card, 1px solid var(--kosmio-color-border))}.collapsible-card .card-content{padding:20px}.mobile-route-stack{display:grid;flex:1 1 auto;min-height:0;width:100%}.mobile-route-layer{grid-area:1 / 1;min-width:0;min-height:0;width:100%;will-change:transform,opacity}.mobile-route-layer--current{z-index:2}.mobile-route-layer--enter-forward{animation:mobile-route-enter-forward var(--kosmio-mobile-route-duration, var(--dur-veryFast, var(--kosmio-duration-fast))) var(--ease-enter, var(--kosmio-ease-enter, ease)) both}.mobile-route-layer--enter-back{animation:mobile-route-enter-back var(--kosmio-mobile-route-duration, var(--dur-fast, var(--kosmio-duration-normal))) var(--ease-enter, var(--kosmio-ease-enter, ease)) both}@keyframes mobile-route-enter-forward{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes mobile-route-enter-back{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@media(prefers-reduced-motion:reduce){.mobile-route-layer{animation:none!important;transition:none!important}}.kosmio-loader{width:24px;height:24px;border:3px solid var(--kosmio-color-surface-strong);border-top-color:var(--kosmio-color-primary);border-radius:var(--kosmio-radius-full);animation:kosmio-spin var(--kosmio-duration-normal) linear infinite}@keyframes kosmio-spin{to{transform:rotate(360deg)}}.table{width:100%;overflow:hidden;border-radius:var(--radius-sm);border-collapse:collapse;border-spacing:0}.table thead{background-color:var(--highlight1);color:var(--text-color-1)}.table th{padding:12px}.table th .text{display:inline-flex}.sort-icon{display:inline-flex;align-items:center;justify-content:center;width:.8em;height:.8em}.sort-icon-asc:before{content:"▲";font-size:.7em}.sort-icon-desc:before{content:"▼";font-size:.7em}.table td{padding:12px}.table-empty-cell-icon{display:inline-block;width:10px;height:1px;background-color:currentColor;opacity:.4}.table tbody .text{font-weight:400}.table .row-even{background-color:#f8f9fa}.dark .table .row-even,.table .row-odd{background-color:var(--highlight2)}.dark .table .row-odd{background-color:#24252a}.table tbody tr:hover,.dark .table tbody tr:hover{background-color:var(--highlight3)}.table tbody tr.row-selected,.dark .table tbody tr.row-selected{background-color:var(--highlight4)}.table tbody tr.row-archived .text{color:var(--text-color-dynamic-3)}.table tbody tr.row-archived .icon.dynamic-theme{filter:invert(.5)}@media(--bp-mobile-max){.table-fill-available,.table-fill-available .table-shell{flex:1 1 auto;min-height:0}.table-fill-available{max-height:var(--mobile-table-max-height)}.table-fill-available .table-crud{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;min-height:0}.table-fill-available .table-shell{height:100%;max-height:100%;min-height:0;overflow:hidden}.table-fill-available .table-scroll{height:100%;max-height:100%;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch}.table-scroll .table{overflow:visible}.table th{position:sticky;top:0;z-index:var(--layer-local-overlay);background-color:var(--highlight1)}div .table{font-size:9px}div .table td{padding:12px 6px}}.id-tag{align-items:center;display:flex;justify-content:center;padding:10px 7px;line-height:0;background-color:var(--highlight3);border-radius:var(--radius-full)}@media(--bp-mobile-max){.id-tag{padding:9px 7px}}.floating-row-menu-card{display:flex;flex-direction:column;min-width:200px;padding:10px 0;background:var(--highlight2);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.floating-row-menu-card .menu-item{align-items:center;display:flex;height:100%;width:100%;gap:10px;padding:5px 20px;background:transparent;border:var(--border-none);border-radius:var(--radius-none);cursor:pointer}.floating-row-menu-card .menu-item:hover{background:var(--highlight3)}.floating-row-menu-card .shortcut{align-items:center;display:flex;justify-content:end;height:100%}.shortcut p{padding:5px 8px;background-color:var(--bg);border-radius:var(--radius-shortcut);font-size:11px;font-weight:500;text-wrap-mode:nowrap}.kosmio-backdrop{position:absolute;inset:0;z-index:0;padding:0;border:0;border-radius:0;background:color-mix(in srgb,var(--kosmio-color-text) 42%,transparent);cursor:pointer;opacity:var(--kosmio-overlay-backdrop-opacity, 1)}.kosmio-backdrop-animated{animation:kosmio-overlay-backdrop-fade-in var(--kosmio-duration-normal) ease-out}.kosmio-overlay.is-closing .kosmio-backdrop-animated{animation:kosmio-overlay-backdrop-fade-out var(--kosmio-duration-normal) ease-out forwards}@keyframes kosmio-overlay-backdrop-fade-in{0%{opacity:0}to{opacity:var(--kosmio-overlay-backdrop-opacity, 1)}}@keyframes kosmio-overlay-backdrop-fade-out{0%{opacity:var(--kosmio-overlay-backdrop-opacity, 1)}to{opacity:0}}.kosmio-overlay{position:fixed;z-index:var(--kosmio-layer-modal);inset:0}.kosmio-overlay-centered{display:flex;align-items:center;justify-content:center;padding:var(--kosmio-space-4)}.kosmio-overlay-content{position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.kosmio-overlay-content>*{pointer-events:auto}.kosmio-overlay-content-centered{display:flex;align-items:center;justify-content:center}.kosmio-sheet{--kosmio-sheet-backdrop-drag-fade: .55;--kosmio-sheet-backdrop-min-opacity: .18;--kosmio-sheet-close-distance: 140;--kosmio-sheet-close-offset: 48;--kosmio-sheet-close-velocity: .55;--kosmio-sheet-drag-settle-duration: var(--kosmio-duration-normal);position:absolute;right:0;display:flex;flex-direction:column;align-items:center;width:45%;max-width:45%;height:100%;padding:0;overflow:hidden;border-left:1px solid var(--kosmio-color-border);border-radius:var(--kosmio-radius-md) 0 0 var(--kosmio-radius-md);background:var(--kosmio-color-surface);box-shadow:var(--kosmio-shadow-sm);will-change:transform}.kosmio-sheet-scroll{position:absolute;top:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden auto}.kosmio-sheet.is-entering{animation:kosmio-slide-in-from-right var(--kosmio-duration-normal) var(--kosmio-ease-standard) both}.kosmio-overlay.is-closing .kosmio-sheet:not(.is-gesture-closing){animation:kosmio-slide-out-to-right var(--kosmio-duration-fast) var(--kosmio-ease-standard) forwards}.kosmio-sheet-feedback{position:absolute;inset:0;z-index:var(--kosmio-layer-modal);display:none;overflow:hidden;border-radius:inherit;opacity:0;pointer-events:none}.kosmio-overlay.is-closing .kosmio-sheet-feedback{display:block;opacity:1}.kosmio-sheet-feedback.is-success{background:transparent}.kosmio-sheet-feedback.is-failure{background-color:var(--kosmio-color-danger)}.kosmio-overlay.is-closing .kosmio-sheet-feedback.is-success:before{position:absolute;top:50%;left:50%;width:16px;height:16px;border-radius:var(--kosmio-radius-full);background:var(--kosmio-color-success);content:"";transform:translate(-50%,-50%) scale(0);animation:kosmio-sheet-success-expand 1.3s cubic-bezier(.2,.85,.2,1) forwards}@media(max-width:768px){.kosmio-sheet{--kosmio-sheet-grab-height: 26px;bottom:0;width:100%;max-width:100%;height:80%;border-top:1px solid var(--kosmio-color-border);border-left:0;border-radius:var(--kosmio-radius-md) var(--kosmio-radius-md) 0 0}.kosmio-sheet.is-entering{animation:kosmio-slide-up var(--kosmio-duration-normal) var(--kosmio-ease-standard) both}.kosmio-overlay.is-closing .kosmio-sheet:not(.is-gesture-closing){animation:kosmio-slide-down var(--kosmio-duration-fast) var(--kosmio-ease-standard) forwards}.kosmio-sheet-drag-zone{position:relative;z-index:1;display:flex;justify-content:center;box-sizing:border-box;min-height:var(--kosmio-sheet-grab-height);padding:10px 0 6px;touch-action:none}.kosmio-sheet-drag-handle{width:48px;height:5px;border-radius:var(--kosmio-radius-full);background:color-mix(in srgb,var(--kosmio-color-text-muted) 42%,transparent)}.kosmio-sheet-scroll{top:var(--kosmio-sheet-grab-height);box-sizing:border-box;height:calc(100% - var(--kosmio-sheet-grab-height));overscroll-behavior-y:contain}.kosmio-sheet.is-dragging .kosmio-sheet-scroll{-webkit-user-select:none;user-select:none}}@keyframes kosmio-slide-in-from-right{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes kosmio-slide-out-to-right{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@keyframes kosmio-slide-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes kosmio-slide-down{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes kosmio-sheet-success-expand{to{transform:translate(-50%,-50%) scale(180)}}

package/dist/ui.js

@@ -1,6 +1,6 @@
-import { A as s, a as o, b as t, B as r, c as n, d as i, C as l, e as c, f as T, g as u, h as m, i as b, j as C, k as y, E as S, l as d, m as p, n as F, F as A, o as E, p as I, q as B, r as g, s as R, G as v, t as h, u as x, I as D, v as f, w as O, x as _, y as k, z as L, L as N, N as M, O as P, D as G, P as H, R as U, S as w, H as j, J as z, K, M as W, T as Y, Q as q, U as J, V as Q, W as V, X, Y as Z, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as ca, a8 as Ta, a9 as ua, aa as ma, ab as ba, ac as Ca, ad as ya, ae as Sa, af as da, ag as pa, ah as Fa, ai as Aa, aj as Ea, ak as Ia, al as Ba, am as ga, an as Ra, ao as va } from "./formRegistry-Lvs6aL14.js";
-import { D as xa, M as Da, r as fa } from "./MobileRouteTransition-C16D4K5c.js";
-import { N as _a } from "./NativeBackButtonHandler-CcLHewdm.js";
+import { A as s, a as o, b as t, B as r, c as n, d as i, C as l, e as c, f as T, g as u, h as m, i as b, j as C, k as y, E as S, l as d, m as p, n as F, F as A, o as E, p as I, q as g, r as B, s as R, G as v, t as h, u as x, I as D, v as f, w as O, x as _, y as k, z as L, L as N, N as P, O as M, D as G, P as H, H as U, R as w, S as j, J as z, K, M as W, Q as Y, T as q, U as J, V as Q, W as V, X, Y as Z, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as ca, a8 as Ta, a9 as ua, aa as ma, ab as ba, ac as Ca, ad as ya, ae as Sa, af as da, ag as pa, ah as Fa, ai as Aa, aj as Ea, ak as Ia, al as ga, am as Ba, an as Ra, ao as va, ap as ha } from "./formRegistry-CjW2-z6G.js";
+import { D as Da, M as fa, r as Oa } from "./MobileRouteTransition-C16D4K5c.js";
+import { N as ka } from "./NativeBackButtonHandler-CcLHewdm.js";
 export {
   s as ActionButton,
   o as ActionsForm,
@@ -16,7 +16,7 @@ export {
   b as ColorTag,
   C as Container,
   y as ContainerStyle,
-  xa as DEFAULT_MOBILE_ROUTE_TRANSITION_STATE_KEY,
+  Da as DEFAULT_MOBILE_ROUTE_TRANSITION_STATE_KEY,
   S as EmptyCell,
   d as EntityTable,
   p as EnumOption,
@@ -24,8 +24,8 @@ export {
   A as FloatingActionButton,
   E as FloatingRowMenu,
   I as FormCheckbox,
-  B as FormInput,
-  g as FormSelect,
+  g as FormInput,
+  B as FormSelect,
   R as FullSearchBar,
   v as GLOBAL_TABLE_SEARCH_SCOPE,
   h as GeneratorInput,
@@ -37,52 +37,53 @@ export {
   k as IconTextCell,
   L as Input,
   N as Loader,
-  Da as MobileRouteTransition,
-  _a as NativeBackButtonHandler,
-  M as NavItem,
-  P as Overlay,
+  fa as MobileRouteTransition,
+  ka as NativeBackButtonHandler,
+  P as NavItem,
+  M as Overlay,
   G as OverlayDialog,
   H as Page,
-  U as ResponsiveTable,
-  w as Searchbar,
-  j as Select,
-  z as SelectionButton,
-  K as Sheet,
-  W as SidebarNav,
-  Y as Table,
-  q as TableBody,
-  J as TableCRUD,
-  Q as TableHead,
-  V as TableRow,
-  X as TableSearchProvider,
-  Z as Tag,
-  $ as Text,
-  aa as TextCell,
-  ea as TypoStyle,
-  sa as WriteEntityForm,
-  oa as buildActionsForm,
-  ta as buildCreateFormDefaults,
-  ra as createActionsFormPayload,
-  na as createContainer,
-  ia as createContainers,
-  la as createFormRegistry,
-  ca as createIconComponent,
-  Ta as createTextStyle,
-  ua as createTypo,
-  ma as createTypos,
-  ba as defineActionForm,
-  Ca as defineForm,
-  ya as defineFormGroup,
-  Sa as normalizeEntityForm,
-  da as resolveActionsFormActions,
-  fa as resolveMobileRouteTransition,
-  pa as useDebounce,
-  Fa as useEntityTableActions,
-  Aa as useFormDraft,
-  Ea as useIconRegistry,
-  Ia as useOverlayDismiss,
+  U as PageContent,
+  w as ResponsiveTable,
+  j as Searchbar,
+  z as Select,
+  K as SelectionButton,
+  W as Sheet,
+  Y as SidebarNav,
+  q as Table,
+  J as TableBody,
+  Q as TableCRUD,
+  V as TableHead,
+  X as TableRow,
+  Z as TableSearchProvider,
+  $ as Tag,
+  aa as Text,
+  ea as TextCell,
+  sa as TypoStyle,
+  oa as WriteEntityForm,
+  ta as buildActionsForm,
+  ra as buildCreateFormDefaults,
+  na as createActionsFormPayload,
+  ia as createContainer,
+  la as createContainers,
+  ca as createFormRegistry,
+  Ta as createIconComponent,
+  ua as createTextStyle,
+  ma as createTypo,
+  ba as createTypos,
+  Ca as defineActionForm,
+  ya as defineForm,
+  Sa as defineFormGroup,
+  da as normalizeEntityForm,
+  pa as resolveActionsFormActions,
+  Oa as resolveMobileRouteTransition,
+  Fa as useDebounce,
+  Aa as useEntityTableActions,
+  Ea as useFormDraft,
+  Ia as useIconRegistry,
+  ga as useOverlayDismiss,
   Ba as useSheetDragDismiss,
-  ga as useTableSearch,
-  Ra as useTableSelection,
-  va as useTableSorting
+  Ra as useTableSearch,
+  va as useTableSelection,
+  ha as useTableSorting
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kosmio",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Reusable React components, design-system tokens, and pure UI utilities.",
   "type": "module",
   "private": false,

package/types/app.d.ts

@@ -53,12 +53,18 @@ export interface KosmioMobileTransitionsConfig {
   defaultTransition?: Partial<MobileRouteTransitionRule>;
 }
 
+export interface KosmioOfflineQueueScope {
+  userId: string;
+  tenantId?: string | null;
+}
+
 export interface KosmioOfflineQueueConfig {
   storagePrefix?: string;
   userId?: string;
   tenantId?: string;
   resolveUser?: () => string | Promise<string>;
   resolveTenant?: () => string | Promise<string>;
+  resolveScope?: () => KosmioOfflineQueueScope | null | Promise<KosmioOfflineQueueScope | null>;
   resolveScopeKey?: () => string | Promise<string>;
   invalidateQueries?: () => unknown;
   appStateAdapter?: { addListener?: (event: string, listener: (state: unknown) => void) => unknown } | null;
@@ -84,7 +90,7 @@ export interface KosmioAppRuntime extends PlatformRuntime {
   NativeBackButtonHandler: ComponentType<Partial<NativeBackButtonHandlerProps>>;
   configure: () => QueryClient;
   queryClient: QueryClient;
-  startOfflineSync: () => undefined;
+  startOfflineSync: () => Promise<void>;
   systemBars: SystemBarsController;
   getSystemBarsPlugin: SystemBarsController["getSystemBarsPlugin"];
   markNativeAppReady: SystemBarsController["markNativeAppReady"];

package/types/context.d.ts

@@ -43,12 +43,13 @@ export interface OfflineSyncValue {
   isSyncing: boolean;
   pendingSyncCount: number;
   hasPendingSync: boolean;
-  scopeKey: string;
+  scopeKey: string | null;
 }
 
 export interface OfflineSyncProviderProps {
   children?: ReactNode;
-  scopeKey?: string;
+  scope?: { userId: string; tenantId?: string | null } | null;
+  scopeKey?: string | null;
   getQueueState?: (scopeKey?: string) => Omit<OfflineSyncValue, "scopeKey">;
   subscribeQueue?: (listener: () => void) => () => void;
 }

package/types/core.d.ts

@@ -189,8 +189,11 @@ export function configureOfflineWriteQueue(options?: {
   storagePrefix?: string;
   resolveScopeKey?: () => string | Promise<string>;
   invalidateQueries?: () => unknown;
-  appStateAdapter?: { addListener?: (event: string, listener: (state: unknown) => void) => unknown };
+  appStateAdapter?: { addListener?: (event: string, listener: (state: unknown) => void) => unknown } | null;
 }): void;
+export class OfflineQueueScopeUnavailableError extends Error {
+  code: "KOSMIO_OFFLINE_QUEUE_SCOPE_UNAVAILABLE";
+}
 export function registerOfflineWriteClient<T>(client: T): T;
 export function isOfflineQueueHandledResult(result: unknown): boolean;
 export function isOfflineQueueQueuedResult(result: unknown): boolean;
@@ -206,5 +209,6 @@ export function getOfflineWriteQueueState(scopeKey?: string): {
 export function subscribeOfflineWriteQueue(listener: () => void): () => void;
 export function enqueueOfflineWrite(client: ApiClient, requestConfig: Record<string, unknown>, reason?: string): Promise<Record<string, unknown>>;
 export function shouldQueueOfflineWrite(error: unknown, requestConfig: unknown): boolean;
-export function requestOfflineWriteQueueSync(): void;
-export function startOfflineWriteQueueSync(): undefined;
+export function requestOfflineWriteQueueSync(): Promise<void>;
+export function pauseOfflineWriteQueueSync(): Promise<() => void>;
+export function startOfflineWriteQueueSync(): Promise<void>;

package/types/ui.d.ts

@@ -253,6 +253,7 @@ export const Searchbar: import("react").ForwardRefExoticComponent<
 export interface SelectOption {
   value: SelectOptionValue;
   label?: ReactNode;
+  subtitle?: ReactNode;
   disabled?: boolean;
   className?: string;
 }
@@ -430,7 +431,15 @@ export interface PageProps extends HTMLAttributes<HTMLElement> {
   fullsize?: boolean;
 }
 
-export function Page(props: PageProps): import("react").JSX.Element;
+export function Page(props: PageProps): import("react").JSX.Element;
+
+export interface PageContentProps extends HTMLAttributes<HTMLElement> {
+  as?: ElementType;
+  fullsize?: boolean;
+  showContentCard?: boolean;
+}
+
+export function PageContent(props: PageContentProps): import("react").JSX.Element;
 
 export interface NavItemConfig {
   id?: string;
@@ -753,6 +762,10 @@ export function FullSearchBar(props: {
   setData?: (data: unknown[]) => void;
   onQueryChange?: (query: string) => void;
   initialQuery?: string;
+  placeholder?: string;
+  ariaLabel?: string;
+  filterLabel?: string;
+  className?: string;
   filters?: boolean;
   addButton?: boolean;
   buttonName?: string;
@@ -761,6 +774,7 @@ export function FullSearchBar(props: {
   isMobile?: boolean;
   onAdd?: (option?: Record<string, unknown> | null) => void;
   searchIcon?: ReactNode;
+  showSearchIcon?: boolean;
   renderActionButton?: (props: Record<string, unknown>) => ReactNode;
   searchScope?: string;
 }): import("react").JSX.Element;

package/dist/OfflineSyncContext-CRwPM5kh.js

@@ -1,34 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useSyncExternalStore as c, useMemo as u, useContext as l, createContext as S } from "react";
-import { k as m, a as O } from "./offlineWriteQueue-C31IjyB_.js";
-const o = {
-  isOnline: !0,
-  isSyncing: !1,
-  pendingSyncCount: 0,
-  hasPendingSync: !1,
-  scopeKey: "anonymous:no-tenant"
-}, s = S(o), C = () => l(s);
-function d({
-  children: i,
-  scopeKey: n = o.scopeKey,
-  getQueueState: e = O,
-  subscribeQueue: r = m
-}) {
-  const t = c(
-    r,
-    () => e(n),
-    () => e(n)
-  ), f = u(
-    () => ({
-      ...t,
-      scopeKey: n
-    }),
-    [n, t]
-  );
-  return /* @__PURE__ */ a(s.Provider, { value: f, children: i });
-}
-export {
-  o as D,
-  d as O,
-  C as u
-};