@yourbestsoft/studio-screen-ui-kit 0.0.1 → 0.0.3

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";._text_4m304_1,._tertiary_4m304_1,._secondary_4m304_1,._primary_4m304_1{display:inline-flex;justify-content:center;cursor:pointer;user-select:none;width:fit-content;gap:.625em;min-height:2.25em;padding:.625em;font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--border-radius-m)}._text_4m304_1:focus,._tertiary_4m304_1:focus,._secondary_4m304_1:focus,._primary_4m304_1:focus{outline:none}._text_4m304_1:focus-visible,._tertiary_4m304_1:focus-visible,._secondary_4m304_1:focus-visible,._primary_4m304_1:focus-visible{outline:2px solid var(--color-accent-700)}._primary_4m304_1{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_4m304_1:hover{background-color:var(--color-accent-300)}._primary_4m304_1:active{background-color:var(--color-accent-700)}._secondary_4m304_1{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_4m304_1:focus-visible{outline:1px solid var(--color-accent-300)}._secondary_4m304_1:hover{background-color:var(--color-dark-100)}._secondary_4m304_1:active{background-color:var(--color-dark-400)}._tertiary_4m304_1{border:1px solid currentcolor}._fullWidth_4m304_50{width:100%}._buttonWithIcon_4m304_54{display:flex;justify-content:space-between;align-items:center;gap:.625em;width:100%}._buttonWithIcon_4m304_54 ._content_4m304_61{display:flex;align-items:center;gap:.625em}._buttonWithIcon_4m304_54 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._buttonWithIcon_4m304_54 ._shortcut_4m304_70{opacity:.6}._text_4m304_1:hover,._tertiary_4m304_1:hover{background-color:var(--color-accent-100)}._text_4m304_1:active,._tertiary_4m304_1:active{background-color:var(--color-accent-300);outline:1px solid var(--color-accent-700)}._disabled_4m304_82{cursor:not-allowed;pointer-events:none;opacity:.65}._content_23x5h_1,._header_23x5h_1{display:flex;flex-direction:column;gap:.75rem}._root_23x5h_7{background-color:var(--bg-color);box-shadow:var(--box-shadow);border-radius:.125rem;padding:.75rem}._header_23x5h_1{display:flex;align-items:flex-start;gap:.75rem;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem}._header_23x5h_1+._contentAfterHeader_23x5h_22{padding-top:1.125rem}._root_1xfv8_1{display:inline-block;position:relative}._dropdownContent_1xfv8_6{position:absolute;background-color:var(--bg-modal-color);border-radius:var(--border-radius-lg);margin-top:.5rem;padding:.5rem;box-shadow:var(--box-shadow);z-index:1000;min-width:200px}._left_1xfv8_17{left:0}._center_1xfv8_21{left:50%;transform:translate(-50%)}._right_1xfv8_26{right:20%}._top_1xfv8_30{bottom:100%}._bottom_1xfv8_34{top:100%}._fixedPosition_1xfv8_38{position:fixed;left:5%}._dialogRoot_c30vs_1{position:relative}._dialogTrigger_c30vs_5{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogContent_c30vs_13{padding:.5rem;background-color:var(--bg-modal-color);border-radius:8px;border:none;box-shadow:var(--box-shadow)}._dialogContent_c30vs_13::backdrop{background-color:#00000080}._dialogClose_c30vs_25{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogTitle_c30vs_33{font-size:1.5rem;padding-block:.5rem}._dialogSeparator_c30vs_38{height:1px;background-color:var(--color-light-500);margin:10px 0}:root{--sidebar-width: 250px;--sidebar-height: 100vh;--sidebar-bg: var(--color-dark-300);--sidebar-color: var(--color-light-500);--animation-duration: .3s;--sidebar-zIndex-trigger: 10;--sidebar-zIndex-content: 100}._sidebar_dg2au_12{width:100%}._trigger_dg2au_16{position:relative;z-index:var(--sidebar-zIndex-trigger)}._content_dg2au_21{width:var(--sidebar-width);height:var(--sidebar-height);background:var(--sidebar-bg);color:var(--sidebar-color);padding:1rem;box-shadow:var(--box-shadow, 0 4px 6px rgba(0, 0, 0, .1));position:fixed;top:0;transition:transform var(--animation-duration) ease-in-out;z-index:var(--sidebar-zIndex-content)}._left_dg2au_34{left:0;transform:translate(-100%)}._left_dg2au_34._open_dg2au_38{transform:translate(0)}._right_dg2au_42{right:0;transform:translate(100%)}._right_dg2au_42._open_dg2au_38{transform:translate(0)}._bottom_dg2au_50{inset:auto 0 0;height:fit-content;width:100%;transform:translateY(100%)}._bottom_dg2au_50._open_dg2au_38{transform:translateY(0)}._top_dg2au_63{inset:0 0 auto;height:fit-content;width:100%;transform:translateY(-100%)}._top_dg2au_63._open_dg2au_38{transform:translateY(0)}._switcher_k6tdq_1{display:flex;gap:.5rem;align-items:center}._switcher_k6tdq_1 ._buttons_k6tdq_6{display:flex;gap:.5rem}._switcher_k6tdq_1 ._separator_k6tdq_10{width:1px;height:1.5rem;border-radius:var(--border-radius-lg);background-color:var(--color-light-700)}:root{--head-color: var(--color-light-900);--cell-color: var(--color-light-100);--caption-color: var(--color-light-700);--footer-background: var(--color-dark-100)}:root[data-theme=light]{--head-color: var(--color-dark-300);--cell-color: var(--color-dark-900);--footer-background: var(--color-light-900)}._root_w2o37_13{width:100%;border-spacing:0;caption-side:bottom}._header_w2o37_19{border-bottom:1px solid var(--color-dark-100)}._footer_w2o37_23{width:100%;background-color:var(--color-dark-100)}._row_w2o37_28{border-bottom:1px solid var(--color-dark-100);display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}._row_w2o37_28:hover{background-color:var(--color-dark-300)}._body_w2o37_40{display:flex;flex-direction:column;justify-content:center}._head_w2o37_19,._cell_w2o37_47{justify-items:flex-start;padding:.5rem;font-size:14px;width:100%}._cell_w2o37_47{color:var(--cell-color)}._head_w2o37_19{color:var(--head-color);font-weight:500;text-align:start}._caption_w2o37_64{margin-top:1rem;color:var(--caption-color)}._storiesFooterCellOne_w2o37_69{vertical-align:middle}._storiesFooterCellTwo_w2o37_72{text-align:end}._inputContainer_iqbs3_1{position:relative;width:100%;background-color:inherit}._inputContainer_iqbs3_1 input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}._input_iqbs3_1{display:flex;width:100%;padding-inline:16px;padding-block:12px;color:var(--color-dark-100);background-color:var(--color-light-500);border:1px solid transparent;border-radius:16px;font-size:var(--font-weight-bold);line-height:var(--line-height-m)}._input_iqbs3_1:disabled{color:var(--color-dark-300)}._input_iqbs3_1:focus{color:var(--color-dark-300);border-color:var(--color-accent-500)}._input_iqbs3_1:hover{color:var(--color-dark-100);border-color:var(--color-dark-100)}._input_iqbs3_1:active:enabled{border-color:var(--color-light-100)}._input_iqbs3_1:focus-visible{border-color:var(--color-dark-100)}._input_iqbs3_1._inputSearch_iqbs3_40{padding-inline:50px 34px}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43::placeholder{color:red}._input_iqbs3_1._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._error_iqbs3_43::placeholder{color:red}._button_iqbs3_58{position:absolute;top:16px;right:15px;width:20px;height:20px;padding:0;background-color:inherit;border:0}._button_iqbs3_58._buttonWithLabel_iqbs3_68{cursor:pointer;bottom:8px}._resetSearchValue_iqbs3_73{color:var(--color-dark-100)}._resetSearchValue_iqbs3_73:hover{color:var(--color-danger-300)}._searchOutline_iqbs3_80{position:absolute;top:14px;left:16px;color:var(--color-dark-100)}._errorMessage_iqbs3_87{position:absolute;font-size:var(--font-size-s);line-height:var(--line-height-m);color:var(--color-danger-300)}._root_17w6h_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}._icon_17w6h_11{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg);width:var(--button-size-lg);height:var(--button-size-lg);transition:background-color .2s ease}._icon_17w6h_11:hover{background-color:var(--color-accent-100)}._icon_17w6h_11:active,._icon_17w6h_11._active_17w6h_27{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._icon_17w6h_11._disabled_17w6h_31{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._icon_17w6h_11._disabled_17w6h_31:hover{background-color:var(--color-light-700)}._icon_17w6h_11 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._keybinding_17w6h_44{position:absolute;bottom:4px;right:2px;font-size:.625rem;color:var(--color-dark-300);-webkit-user-select:none;user-select:none}._buttonGroup_ejhd6_1{display:flex;gap:0;border-radius:var(--border-radius-lg);width:fit-content;overflow:hidden}._button_ejhd6_1{display:flex;align-items:center;padding:.5rem;border:none;background-color:var(--color-dark-100);color:#fff;transition:background-color .3s;cursor:pointer}._button_ejhd6_1:hover:not(:disabled){background-color:var(--color-dark-300)}._button_ejhd6_1:active:not(:disabled){background-color:var(--color-dark-500)}._button_ejhd6_1:disabled{background-color:#555;cursor:not-allowed}._button_ejhd6_1 button:focus-visible{outline:2px solid var(--color-dark-500);outline-offset:2px}._button_ejhd6_1 svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}._button_ejhd6_1 ._label_ejhd6_37{height:var(--icon-size-lg);line-height:1rem}._single_ejhd6_42{border-radius:var(--border-radius-lg)}._first_ejhd6_46{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}._last_ejhd6_50{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}._selected_ejhd6_54{background-color:var(--color-dark-500)}._colorButton_wldf2_1{filter:none;transition:background-color .2s ease;display:flex;justify-content:flex-end;align-items:end;padding-right:.25rem;border:.4px solid var(--color-light-700);font-size:var(--font-size-xs);background-color:var(--swatch-color)}._colorButton_wldf2_1:hover{box-shadow:0 0 0 1px var(--color-light-900)}._colorButton_wldf2_1:active{box-shadow:0 0 0 .5px var(--color-accent-700)}._colorButton_wldf2_1:disabled{opacity:.6;cursor:not-allowed}._colorButton_wldf2_1 ._hotkey_wldf2_22{user-select:none}._selected_wldf2_26,._selected_wldf2_26:hover{box-shadow:0 0 0 1px var(--color-accent-700)}._disabled_wldf2_33{opacity:.6;cursor:not-allowed}._disabled_wldf2_33:hover{border-color:transparent}._transparent_wldf2_41{background:url(data:image/png;base64,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) center center;background-size:cover}._small_wldf2_46{width:var(--button-size-xs);height:var(--button-size-xs);border-radius:var(--border-radius-m)}._medium_wldf2_52{width:var(--button-size-m);height:var(--button-size-m);border-radius:var(--border-radius-m)}._large_wldf2_58{width:var(--button-size-xl);height:var(--button-size-xl);border-radius:var(--border-radius-lg)}._content_1ybrq_1{top:-.5rem;left:3rem;max-width:210px;padding-inline:1rem;padding-block:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}._content_1ybrq_1 ._section_1ybrq_11{display:flex;flex-direction:column;gap:.25rem}._title_1ybrq_17{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}@media (max-width: 738px){._content_1ybrq_1{top:2rem;left:-5rem}}:root{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=light]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=dark]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-light-500)}._iconButton_yk1r1_14{color:var(--iconButton-color);display:flex;align-items:center;justify-content:center;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--border-radius-lg);transition:background-color .2s ease;border:var(--iconButton-border)}._iconButton_yk1r1_14:disabled{cursor:not-allowed;border:1px solid transparent}._iconButton_yk1r1_14 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._primary_yk1r1_34{background-color:var(--color-light-500);border:1px solid var(--color-light-500)}._primary_yk1r1_34:hover{background-color:var(--color-accent-300)}._primary_yk1r1_34:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._secondary_yk1r1_46:hover{background-color:var(--color-accent-100)}._secondary_yk1r1_46:active{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._transparent_yk1r1_54{border-color:transparent}._transparent_yk1r1_54:hover{background-color:var(--color-accent-100)}._transparent_yk1r1_54:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._selected_yk1r1_65{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._selected_yk1r1_65 ._transparent_yk1r1_54{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._disabled_yk1r1_74{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._disabled_yk1r1_74:hover{background-color:var(--color-light-700)}._disabled_yk1r1_74:active{border-color:var(--color-light-700);background-color:var(--color-light-700)}._hexInput_x3rtz_1{position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;max-width:200px;gap:.25rem;align-items:center;overflow:hidden}._hexInput_x3rtz_1 ._inputContainer_x3rtz_11{position:relative;display:flex;align-items:center;max-width:100%;overflow:hidden}._hexInput_x3rtz_1 ._hash_x3rtz_18{position:absolute;left:.5rem;color:var(--color-light-900);pointer-events:none;font-size:var(--font-size-xl)}._hexInput_x3rtz_1 ._input_x3rtz_11{flex:1;padding-left:1.5rem;height:1.875rem;border-radius:var(--border-radius-m);border:1px solid var(--color-light-700);padding-block:.25rem;padding-right:.5rem;max-width:100%;font-size:var(--font-size-m)}._hexInput_x3rtz_1 ._input_x3rtz_11:focus-visible,._hexInput_x3rtz_1 ._input_x3rtz_11:focus{border:1px solid var(--color-accent-700)}._hexInput_x3rtz_1 ._input_x3rtz_11._error_x3rtz_39{border-color:var(--color-error)}._hexInput_x3rtz_1 ._copyButton_x3rtz_42{width:1.875rem;height:1.875rem;align-self:flex-start;border-radius:var(--border-radius-m)}._hexInput_x3rtz_1 ._slot_x3rtz_48{border-left:1px solid var(--color-light-700);position:absolute;right:.5rem;bottom:.22rem;padding-inline:.5rem}._hexInput_x3rtz_1 ._copiedMessage_x3rtz_55{height:1.875rem;position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:2rem;background-color:var(--color-dark-300);color:#fff;padding:4px 8px;border-radius:var(--border-radius-m);font-size:var(--font-size-xs);animation:_fadeInOut_x3rtz_1 2s ease-out}@keyframes _fadeInOut_x3rtz_1{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}._colorsList_1brrj_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:auto;grid-column-gap:.25rem;grid-row-gap:.25rem}._shadowList_1srdv_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}._shadowText_1srdv_6{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);height:var(--button-size-xl)}._pagination_3kmd4_1{width:100%;max-width:800px;margin:0 auto;padding:20px 15px;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:2rem}._pages_3kmd4_13{display:flex;align-items:center;gap:.5rem}._selectContainer_1kdni_1{position:relative}._selectButton_1kdni_5{display:flex;justify-content:space-between}._selectIcon_1kdni_10{transition:transform 2ms ease-in-out}._selectIconOpen_1kdni_14{transform:rotate(180deg)}._selectMenu_1kdni_18{position:absolute;background-color:var(--bg-modal-color);max-width:max-content;max-height:13rem;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-m);box-shadow:var(--box-shadow);z-index:10}._selectMenu_1kdni_18::-webkit-scrollbar{width:var(--scrollbar-width)}._selectMenu_1kdni_18::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:var(--border-radius-m)}._selectMenu_1kdni_18::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:4px}._selectMenu_1kdni_18::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg)}._positionBottomRight_1kdni_44{top:100%;right:0;margin-top:.5rem}._positionBottomLeft_1kdni_50{top:100%;left:0;margin-top:.5rem}._positionTopRight_1kdni_56{bottom:100%;right:0;margin-bottom:.5rem}._positionTopLeft_1kdni_62{bottom:100%;left:0;margin-bottom:.5rem}._positionRight_1kdni_68{top:0;left:100%;margin-left:.5rem}._positionLeft_1kdni_74{top:0;right:100%;margin-right:.5rem}._positionBottom_1kdni_44{top:100%;left:0;margin-top:.5rem}._positionTop_1kdni_56{bottom:100%;left:0;margin-bottom:.5rem}._menuItem_1kdni_92{display:flex;width:200px;align-items:center;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s;border-radius:var(--border-radius-m)}._menuItemSelected_1kdni_102{background-color:var(--color-light-900)}._menuItemHover_1kdni_106:hover{background-color:var(--color-light-700)}._menuItemHighlighted_1kdni_110{background-color:var(--color-light-700);outline:none}:root{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=light]{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=dark]{--shourtcut-border: 1px solid var(--color-light-900);--shourtcut-title-color: var(--color-light-100);--shourtcut-item-key-background: var(--color-accent-500);--shourtcut-item-key-color: var(--color-light-700);--shourtcut-item-description-color: var(--color-light-100)}._groupTitle_eelpn_23{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--shourtcut-title-color);margin-bottom:.625rem}._list_eelpn_30{border:var(--shourtcut-border);border-radius:var(--border-radius-m)}._item_eelpn_35{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.375rem .75rem}._item_eelpn_35:not(:last-child){border-bottom:var(--shourtcut-border)}._itemKeysVariants_eelpn_45{display:flex;align-items:center;gap:.25rem}._itemKeysSeparator_eelpn_50{color:var(--shourtcut-item-key-color);font-size:var(--font-size-s)}._itemDescription_eelpn_54{font-size:var(--font-size-s);color:var(--shourtcut-item-description-color);white-space:nowrap}._itemKey_eelpn_45{font-size:var(--font-size-xs);line-height:var(--line-height-s);padding:.5rem;background:var(--shourtcut-item-key-background);color:var(--shourtcut-item-key-color);border-radius:var(--border-radius-lg)}._slider-container_1b9o2_1{max-width:300px;outline:none}._slider_1b9o2_1{width:100%;appearance:none;height:6px;border-radius:5px;outline:none;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--color-accent-500);border-radius:50%;cursor:pointer;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb:hover{background:var(--color-accent-700)}._slider_1b9o2_1::-webkit-slider-thumb:active{background:var(--color-accent-700)}._slider_1b9o2_1::-moz-range-thumb{width:15px;height:15px;background:var(--color-accent-700);border-radius:50%;cursor:pointer}._focused_1b9o2_37 ._slider_1b9o2_1::-webkit-slider-thumb{background:var(--color-accent-700)}:root{--themeSwitcher-background: var(--color-dark-100);--themeSwitcher-background-btn: var(--color-accent-300);--themeSwitcher-background-btn-selected: var(--color-accent-300);--themeSwitcher-border: var(--color-light-900);--themeSwitcher-selected-color: var(--color-dark-700);--themeSwitcher-color: var(--color-accent-300)}:root[data-theme=light]{--themeSwitcher-background: var(--color-light-100);--themeSwitcher-background-btn: var(--color-accent-500);--themeSwitcher-background-btn-selected: var(--color-accent-500);--themeSwitcher-color: var(--color-accent-500);--themeSwitcher-selected-color: var(--color-light-100);--themeSwitcher-border: var(--color-light-700)}._themeSwitcher_11ggx_18{display:flex;padding:.188rem;border-radius:var(--border-radius-lg);border:.5px solid var(--themeSwitcher-border);width:fit-content;background-color:var(--themeSwitcher-background);color:var(--themeSwitcher-color)}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27{width:2rem;height:1.5rem}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27 ._background_11ggx_31{background-color:var(--bg-color);width:100%;height:30vh;display:flex;align-items:center;justify-content:center}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27:hover{background:none}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42{background:var(--themeSwitcher-background-btn-selected);color:var(--themeSwitcher-selected-color)}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42:hover{background:var(--themeSwitcher-background-btn-selected)}:root{--toggleSwitcher-background-color: var(--color-light-500);--toggleSwitcher-border-color: var(--color-light-500);--toggleSwitcher-selected-background: var(--color-accent-500);--toggleSwitcher-selected-color: var(--color-light-500)}:root[data-theme=dark]{--toggleSwitcher-background-color: var(--color-dark-500);--toggleSwitcher-border-color: var(--color-dark-100);--toggleSwitcher-selected-background: var(--color-accent-300);--toggleSwitcher-selected-color: var(--color-dark-500)}._toggleSwitch_1w0s9_14{display:flex;padding:.13rem;border:1px solid var(--toggleSwitcher-border-color);background-color:var(--toggleSwitcher-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);width:fit-content}._button_1w0s9_24{height:var(--button-size-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}._button_1w0s9_24:hover{background-color:transparent}._button_1w0s9_24:active{border-color:transparent}._button_1w0s9_24 svg{width:var(--icon-size-lg)}._selected_1w0s9_41{background-color:var(--toggleSwitcher-selected-background);color:var(--toggleSwitcher-selected-color)}._selected_1w0s9_41:hover{background-color:var(--toggleSwitcher-selected-background)}._selected_1w0s9_41:focus{background-color:var(--toggleSwitcher-selected-background)}._toolbar_18q11_1{padding:4px;border-radius:var(--border-radius-lg);background-color:var(--bg-color);box-shadow:var(--box-shadow);grid-auto-rows:min-content;display:grid;width:min-content}._separator_18q11_11{background-color:var(--color-light-500);margin:0 .25rem}._vertical_18q11_16{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row;gap:.25rem}._vertical_18q11_16 ._separator_18q11_11{width:1.5rem;height:1px;justify-self:center}._horizontal_18q11_28{grid-template-rows:auto;grid-auto-columns:min-content;grid-auto-flow:column;gap:.25rem}._horizontal_18q11_28 ._separator_18q11_11{width:1px;height:1.5rem;align-self:center}._root_y0usf_1{border-radius:var(--border-radius-lg)}._cardList_y0usf_5{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width: 770px){._cardList_y0usf_5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}._cardItemHeader_y0usf_16{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1rem}._cardItemHeaderIcon_y0usf_23{height:100%;display:flex;align-self:center}._cardItemHeaderTitle_y0usf_28{font-size:.95rem;font-weight:var(--font-weight-regular);text-wrap:nowrap;overflow-x:hidden}._cardItemHeaderAction_y0usf_34{margin-left:auto;display:flex}._cardItemContentImg_y0usf_38{width:100%;border-radius:var(--border-radius-lg)}._content_1iqyy_1{padding:2.5rem}._card_1iqyy_5{display:flex;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem}._cardList_1iqyy_12{margin-top:1rem;display:grid;grid-template-columns:auto auto auto;gap:1rem;max-width:800px}._cardIcon_1iqyy_19{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-light-100);border-radius:50%}._cardTitle_1iqyy_28{font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold)}._cardDescription_1iqyy_33{margin-bottom:auto;text-align:center;font-size:var(--font-size-m);min-height:90px;padding:0 1rem}._red_1iqyy_41{background-color:var(--color-danger-300)}._green_1iqyy_45{background-color:var(--color-success-700)}._primary_1iqyy_49{background-color:var(--color-accent-500)}@media (max-width: 768px){._content_1iqyy_1{width:100vw;height:100vh}._cardList_1iqyy_12{grid-template-columns:1fr}}:root{--color-accent-100: #e3e2fe;--color-accent-300: #cecdff;--color-accent-500: #6965db;--color-accent-700: #363399;--color-accent-900: #292673;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000}:root{--font-family-primary: "Assistant", "Inter", "Roboto", -apple-system, sans-serif;--line-height-s: 1;--line-height-m: 1.5;--line-height-l: 2;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit}button{padding:0;background-color:transparent;border:none}a{text-decoration:none}:where(a:visited){color:inherit}body{margin:0;padding:0;font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-m);background-color:var(--bg-color)}:root{--button-size-xs: 1.35rem;--button-size-m: 1.625rem;--button-size-xl: 1.85rem;--button-size-lg: 2.25rem;--icon-size-lg: 1rem;--border-radius-m: .25rem;--border-radius-lg: .5rem;--bg-color: var(--color-light-100);--bg-modal-color: var(--color-light-100);--box-shadow: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--dialog-border-color: var(--color-light-500);--swatch-color: var(--color-light-100);--scrollbar-width: .5rem;--scrollbar-track-bg: var(--color-light-100);--scrollbar-thumb-bg: var(--color-light-900);--scrollbar-thumb-hover-bg: var(--color-dark-100);--scrollbar-border-radius: 4px}:root[data-theme=dark]{--bg-color: var(--color-light-100);--bg-modal-color: var(--color-light-100)}
+@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";._text_4m304_1,._tertiary_4m304_1,._secondary_4m304_1,._primary_4m304_1{display:inline-flex;justify-content:center;cursor:pointer;user-select:none;width:fit-content;gap:.625em;min-height:2.25em;padding:.625em;font-weight:var(--font-weight-medium);text-align:center;border-radius:var(--border-radius-m)}._text_4m304_1:focus,._tertiary_4m304_1:focus,._secondary_4m304_1:focus,._primary_4m304_1:focus{outline:none}._text_4m304_1:focus-visible,._tertiary_4m304_1:focus-visible,._secondary_4m304_1:focus-visible,._primary_4m304_1:focus-visible{outline:2px solid var(--color-accent-700)}._primary_4m304_1{color:var(--color-light-100);background-color:var(--color-accent-500)}._primary_4m304_1:hover{background-color:var(--color-accent-300)}._primary_4m304_1:active{background-color:var(--color-accent-700)}._secondary_4m304_1{color:var(--color-light-100);background-color:var(--color-dark-300)}._secondary_4m304_1:focus-visible{outline:1px solid var(--color-accent-300)}._secondary_4m304_1:hover{background-color:var(--color-dark-100)}._secondary_4m304_1:active{background-color:var(--color-dark-400)}._tertiary_4m304_1{border:1px solid currentcolor}._fullWidth_4m304_50{width:100%}._buttonWithIcon_4m304_54{display:flex;justify-content:space-between;align-items:center;gap:.625em;width:100%}._buttonWithIcon_4m304_54 ._content_4m304_61{display:flex;align-items:center;gap:.625em}._buttonWithIcon_4m304_54 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._buttonWithIcon_4m304_54 ._shortcut_4m304_70{opacity:.6}._text_4m304_1:hover,._tertiary_4m304_1:hover{background-color:var(--color-accent-100)}._text_4m304_1:active,._tertiary_4m304_1:active{background-color:var(--color-accent-300);outline:1px solid var(--color-accent-700)}._disabled_4m304_82{cursor:not-allowed;pointer-events:none;opacity:.65}._content_23x5h_1,._header_23x5h_1{display:flex;flex-direction:column;gap:.75rem}._root_23x5h_7{background-color:var(--bg-color);box-shadow:var(--box-shadow);border-radius:.125rem;padding:.75rem}._header_23x5h_1{display:flex;align-items:flex-start;gap:.75rem;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem}._header_23x5h_1+._contentAfterHeader_23x5h_22{padding-top:1.125rem}._root_1xfv8_1{display:inline-block;position:relative}._dropdownContent_1xfv8_6{position:absolute;background-color:var(--bg-modal-color);border-radius:var(--border-radius-lg);margin-top:.5rem;padding:.5rem;box-shadow:var(--box-shadow);z-index:1000;min-width:200px}._left_1xfv8_17{left:0}._center_1xfv8_21{left:50%;transform:translate(-50%)}._right_1xfv8_26{right:20%}._top_1xfv8_30{bottom:100%}._bottom_1xfv8_34{top:100%}._fixedPosition_1xfv8_38{position:fixed;left:5%}._dialogRoot_c30vs_1{position:relative}._dialogTrigger_c30vs_5{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogContent_c30vs_13{padding:.5rem;background-color:var(--bg-modal-color);border-radius:8px;border:none;box-shadow:var(--box-shadow)}._dialogContent_c30vs_13::backdrop{background-color:#00000080}._dialogClose_c30vs_25{border:none;background:none;padding:0;cursor:pointer;font:inherit}._dialogTitle_c30vs_33{font-size:1.5rem;padding-block:.5rem}._dialogSeparator_c30vs_38{height:1px;background-color:var(--color-light-500);margin:10px 0}:root{--sidebar-width: 250px;--sidebar-height: 100vh;--sidebar-bg: var(--color-dark-300);--sidebar-color: var(--color-light-500);--animation-duration: .3s;--sidebar-zIndex-trigger: 10;--sidebar-zIndex-content: 100}._sidebar_dg2au_12{width:100%}._trigger_dg2au_16{position:relative;z-index:var(--sidebar-zIndex-trigger)}._content_dg2au_21{width:var(--sidebar-width);height:var(--sidebar-height);background:var(--sidebar-bg);color:var(--sidebar-color);padding:1rem;box-shadow:var(--box-shadow, 0 4px 6px rgba(0, 0, 0, .1));position:fixed;top:0;transition:transform var(--animation-duration) ease-in-out;z-index:var(--sidebar-zIndex-content)}._left_dg2au_34{left:0;transform:translate(-100%)}._left_dg2au_34._open_dg2au_38{transform:translate(0)}._right_dg2au_42{right:0;transform:translate(100%)}._right_dg2au_42._open_dg2au_38{transform:translate(0)}._bottom_dg2au_50{inset:auto 0 0;height:fit-content;width:100%;transform:translateY(100%)}._bottom_dg2au_50._open_dg2au_38{transform:translateY(0)}._top_dg2au_63{inset:0 0 auto;height:fit-content;width:100%;transform:translateY(-100%)}._top_dg2au_63._open_dg2au_38{transform:translateY(0)}._switcher_k6tdq_1{display:flex;gap:.5rem;align-items:center}._switcher_k6tdq_1 ._buttons_k6tdq_6{display:flex;gap:.5rem}._switcher_k6tdq_1 ._separator_k6tdq_10{width:1px;height:1.5rem;border-radius:var(--border-radius-lg);background-color:var(--color-light-700)}:root{--head-color: var(--color-light-900);--cell-color: var(--color-light-100);--caption-color: var(--color-light-700);--footer-background: var(--color-dark-100)}:root[data-theme=light]{--head-color: var(--color-dark-300);--cell-color: var(--color-dark-900);--footer-background: var(--color-light-900)}._root_w2o37_13{width:100%;border-spacing:0;caption-side:bottom}._header_w2o37_19{border-bottom:1px solid var(--color-dark-100)}._footer_w2o37_23{width:100%;background-color:var(--color-dark-100)}._row_w2o37_28{border-bottom:1px solid var(--color-dark-100);display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}._row_w2o37_28:hover{background-color:var(--color-dark-300)}._body_w2o37_40{display:flex;flex-direction:column;justify-content:center}._head_w2o37_19,._cell_w2o37_47{justify-items:flex-start;padding:.5rem;font-size:14px;width:100%}._cell_w2o37_47{color:var(--cell-color)}._head_w2o37_19{color:var(--head-color);font-weight:500;text-align:start}._caption_w2o37_64{margin-top:1rem;color:var(--caption-color)}._storiesFooterCellOne_w2o37_69{vertical-align:middle}._storiesFooterCellTwo_w2o37_72{text-align:end}._inputContainer_iqbs3_1{position:relative;width:100%;background-color:inherit}._inputContainer_iqbs3_1 input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}._input_iqbs3_1{display:flex;width:100%;padding-inline:16px;padding-block:12px;color:var(--color-dark-100);background-color:var(--color-light-500);border:1px solid transparent;border-radius:16px;font-size:var(--font-weight-bold);line-height:var(--line-height-m)}._input_iqbs3_1:disabled{color:var(--color-dark-300)}._input_iqbs3_1:focus{color:var(--color-dark-300);border-color:var(--color-accent-500)}._input_iqbs3_1:hover{color:var(--color-dark-100);border-color:var(--color-dark-100)}._input_iqbs3_1:active:enabled{border-color:var(--color-light-100)}._input_iqbs3_1:focus-visible{border-color:var(--color-dark-100)}._input_iqbs3_1._inputSearch_iqbs3_40{padding-inline:50px 34px}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._inputSearch_iqbs3_40._error_iqbs3_43::placeholder{color:red}._input_iqbs3_1._error_iqbs3_43{color:var(--color-danger-300);border-color:var(--color-danger-300)}._input_iqbs3_1._error_iqbs3_43::placeholder{color:red}._button_iqbs3_58{position:absolute;top:16px;right:15px;width:20px;height:20px;padding:0;background-color:inherit;border:0}._button_iqbs3_58._buttonWithLabel_iqbs3_68{cursor:pointer;bottom:8px}._resetSearchValue_iqbs3_73{color:var(--color-dark-100)}._resetSearchValue_iqbs3_73:hover{color:var(--color-danger-300)}._searchOutline_iqbs3_80{position:absolute;top:14px;left:16px;color:var(--color-dark-100)}._errorMessage_iqbs3_87{position:absolute;font-size:var(--font-size-s);line-height:var(--line-height-m);color:var(--color-danger-300)}._root_17w6h_1{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}._icon_17w6h_11{display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg);width:var(--button-size-lg);height:var(--button-size-lg);transition:background-color .2s ease}._icon_17w6h_11:hover{background-color:var(--color-accent-100)}._icon_17w6h_11:active,._icon_17w6h_11._active_17w6h_27{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._icon_17w6h_11._disabled_17w6h_31{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._icon_17w6h_11._disabled_17w6h_31:hover{background-color:var(--color-light-700)}._icon_17w6h_11 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._keybinding_17w6h_44{position:absolute;bottom:4px;right:2px;font-size:.625rem;color:var(--color-dark-300);-webkit-user-select:none;user-select:none}._buttonGroup_ejhd6_1{display:flex;gap:0;border-radius:var(--border-radius-lg);width:fit-content;overflow:hidden}._button_ejhd6_1{display:flex;align-items:center;padding:.5rem;border:none;background-color:var(--color-dark-100);color:#fff;transition:background-color .3s;cursor:pointer}._button_ejhd6_1:hover:not(:disabled){background-color:var(--color-dark-300)}._button_ejhd6_1:active:not(:disabled){background-color:var(--color-dark-500)}._button_ejhd6_1:disabled{background-color:#555;cursor:not-allowed}._button_ejhd6_1 button:focus-visible{outline:2px solid var(--color-dark-500);outline-offset:2px}._button_ejhd6_1 svg{height:var(--icon-size-lg);width:var(--icon-size-lg)}._button_ejhd6_1 ._label_ejhd6_37{height:var(--icon-size-lg);line-height:1rem}._single_ejhd6_42{border-radius:var(--border-radius-lg)}._first_ejhd6_46{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}._last_ejhd6_50{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}._selected_ejhd6_54{background-color:var(--color-dark-500)}._colorButton_wldf2_1{filter:none;transition:background-color .2s ease;display:flex;justify-content:flex-end;align-items:end;padding-right:.25rem;border:.4px solid var(--color-light-700);font-size:var(--font-size-xs);background-color:var(--swatch-color)}._colorButton_wldf2_1:hover{box-shadow:0 0 0 1px var(--color-light-900)}._colorButton_wldf2_1:active{box-shadow:0 0 0 .5px var(--color-accent-700)}._colorButton_wldf2_1:disabled{opacity:.6;cursor:not-allowed}._colorButton_wldf2_1 ._hotkey_wldf2_22{user-select:none}._selected_wldf2_26,._selected_wldf2_26:hover{box-shadow:0 0 0 1px var(--color-accent-700)}._disabled_wldf2_33{opacity:.6;cursor:not-allowed}._disabled_wldf2_33:hover{border-color:transparent}._transparent_wldf2_41{background:url(data:image/png;base64,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) center center;background-size:cover}._small_wldf2_46{width:var(--button-size-xs);height:var(--button-size-xs);border-radius:var(--border-radius-m)}._medium_wldf2_52{width:var(--button-size-m);height:var(--button-size-m);border-radius:var(--border-radius-m)}._large_wldf2_58{width:var(--button-size-xl);height:var(--button-size-xl);border-radius:var(--border-radius-lg)}._content_1ybrq_1{top:-.5rem;left:3rem;max-width:210px;padding-inline:1rem;padding-block:.5rem 1rem;display:flex;flex-direction:column;gap:.5rem}._content_1ybrq_1 ._section_1ybrq_11{display:flex;flex-direction:column;gap:.25rem}._title_1ybrq_17{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}@media (max-width: 738px){._content_1ybrq_1{top:2rem;left:-5rem}}:root{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=light]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-dark-900)}:root[data-theme=dark]{--iconButton-border: 1px solid var(--color-accent-100);--iconButton-color: var(--color-light-500)}._iconButton_yk1r1_14{color:var(--iconButton-color);display:flex;align-items:center;justify-content:center;width:var(--button-size-lg);height:var(--button-size-lg);border-radius:var(--border-radius-lg);transition:background-color .2s ease;border:var(--iconButton-border)}._iconButton_yk1r1_14:disabled{cursor:not-allowed;border:1px solid transparent}._iconButton_yk1r1_14 svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}._primary_yk1r1_34{background-color:var(--color-light-500);border:1px solid var(--color-light-500)}._primary_yk1r1_34:hover{background-color:var(--color-accent-300)}._primary_yk1r1_34:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._secondary_yk1r1_46:hover{background-color:var(--color-accent-100)}._secondary_yk1r1_46:active{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._transparent_yk1r1_54{border-color:transparent}._transparent_yk1r1_54:hover{background-color:var(--color-accent-100)}._transparent_yk1r1_54:active{background-color:var(--color-accent-300);border-color:var(--color-accent-500)}._selected_yk1r1_65{background-color:var(--color-accent-300);border:1px solid var(--color-accent-300)}._selected_yk1r1_65 ._transparent_yk1r1_54{background-color:var(--color-accent-500);border-color:var(--color-accent-500)}._disabled_yk1r1_74{opacity:.6;cursor:not-allowed;background-color:var(--color-light-700)}._disabled_yk1r1_74:hover{background-color:var(--color-light-700)}._disabled_yk1r1_74:active{border-color:var(--color-light-700);background-color:var(--color-light-700)}._hexInput_x3rtz_1{position:relative;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr;max-width:200px;gap:.25rem;align-items:center;overflow:hidden}._hexInput_x3rtz_1 ._inputContainer_x3rtz_11{position:relative;display:flex;align-items:center;max-width:100%;overflow:hidden}._hexInput_x3rtz_1 ._hash_x3rtz_18{position:absolute;left:.5rem;color:var(--color-light-900);pointer-events:none;font-size:var(--font-size-xl)}._hexInput_x3rtz_1 ._input_x3rtz_11{flex:1;padding-left:1.5rem;height:1.875rem;border-radius:var(--border-radius-m);border:1px solid var(--color-light-700);padding-block:.25rem;padding-right:.5rem;max-width:100%;font-size:var(--font-size-m)}._hexInput_x3rtz_1 ._input_x3rtz_11:focus-visible,._hexInput_x3rtz_1 ._input_x3rtz_11:focus{border:1px solid var(--color-accent-700)}._hexInput_x3rtz_1 ._input_x3rtz_11._error_x3rtz_39{border-color:var(--color-error)}._hexInput_x3rtz_1 ._copyButton_x3rtz_42{width:1.875rem;height:1.875rem;align-self:flex-start;border-radius:var(--border-radius-m)}._hexInput_x3rtz_1 ._slot_x3rtz_48{border-left:1px solid var(--color-light-700);position:absolute;right:.5rem;bottom:.22rem;padding-inline:.5rem}._hexInput_x3rtz_1 ._copiedMessage_x3rtz_55{height:1.875rem;position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:2rem;background-color:var(--color-dark-300);color:#fff;padding:4px 8px;border-radius:var(--border-radius-m);font-size:var(--font-size-xs);animation:_fadeInOut_x3rtz_1 2s ease-out}@keyframes _fadeInOut_x3rtz_1{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}._colorsList_1brrj_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-auto-rows:auto;grid-column-gap:.25rem;grid-row-gap:.25rem}._shadowList_1srdv_1{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}._shadowText_1srdv_6{display:flex;justify-content:center;align-items:center;font-size:var(--font-size-xs);height:var(--button-size-xl)}._pagination_3kmd4_1{width:100%;max-width:800px;margin:0 auto;padding:20px 15px;user-select:none;display:flex;justify-content:space-between;align-items:center;gap:2rem}._pages_3kmd4_13{display:flex;align-items:center;gap:.5rem}._selectContainer_1kdni_1{position:relative}._selectButton_1kdni_5{display:flex;justify-content:space-between}._selectIcon_1kdni_10{transition:transform 2ms ease-in-out}._selectIconOpen_1kdni_14{transform:rotate(180deg)}._selectMenu_1kdni_18{position:absolute;background-color:var(--bg-modal-color);max-width:max-content;max-height:13rem;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius-m);box-shadow:var(--box-shadow);z-index:10}._selectMenu_1kdni_18::-webkit-scrollbar{width:var(--scrollbar-width)}._selectMenu_1kdni_18::-webkit-scrollbar-track{background:var(--scrollbar-track-bg);border-radius:var(--border-radius-m)}._selectMenu_1kdni_18::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-bg);border-radius:4px}._selectMenu_1kdni_18::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-bg)}._positionBottomRight_1kdni_44{top:100%;right:0;margin-top:.5rem}._positionBottomLeft_1kdni_50{top:100%;left:0;margin-top:.5rem}._positionTopRight_1kdni_56{bottom:100%;right:0;margin-bottom:.5rem}._positionTopLeft_1kdni_62{bottom:100%;left:0;margin-bottom:.5rem}._positionRight_1kdni_68{top:0;left:100%;margin-left:.5rem}._positionLeft_1kdni_74{top:0;right:100%;margin-right:.5rem}._positionBottom_1kdni_44{top:100%;left:0;margin-top:.5rem}._positionTop_1kdni_56{bottom:100%;left:0;margin-bottom:.5rem}._menuItem_1kdni_92{display:flex;width:200px;align-items:center;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s;border-radius:var(--border-radius-m)}._menuItemSelected_1kdni_102{background-color:var(--color-light-900)}._menuItemHover_1kdni_106:hover{background-color:var(--color-light-700)}._menuItemHighlighted_1kdni_110{background-color:var(--color-light-700);outline:none}:root{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=light]{--shourtcut-border: 1px solid var(--color-light-700);--shourtcut-title-color: var(--color-dark-900);--shourtcut-item-key-background: var(--color-accent-300);--shourtcut-item-key-color: var(--color-dark-900);--shourtcut-item-description-color: var(--color-dark-900)}:root[data-theme=dark]{--shourtcut-border: 1px solid var(--color-light-900);--shourtcut-title-color: var(--color-light-100);--shourtcut-item-key-background: var(--color-accent-500);--shourtcut-item-key-color: var(--color-light-700);--shourtcut-item-description-color: var(--color-light-100)}._groupTitle_eelpn_23{font-size:var(--font-size-m);font-weight:var(--font-weight-bold);color:var(--shourtcut-title-color);margin-bottom:.625rem}._list_eelpn_30{border:var(--shourtcut-border);border-radius:var(--border-radius-m)}._item_eelpn_35{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.375rem .75rem}._item_eelpn_35:not(:last-child){border-bottom:var(--shourtcut-border)}._itemKeysVariants_eelpn_45{display:flex;align-items:center;gap:.25rem}._itemKeysSeparator_eelpn_50{color:var(--shourtcut-item-key-color);font-size:var(--font-size-s)}._itemDescription_eelpn_54{font-size:var(--font-size-s);color:var(--shourtcut-item-description-color);white-space:nowrap}._itemKey_eelpn_45{font-size:var(--font-size-xs);line-height:var(--line-height-s);padding:.5rem;background:var(--shourtcut-item-key-background);color:var(--shourtcut-item-key-color);border-radius:var(--border-radius-lg)}._slider-container_1b9o2_1{max-width:300px;outline:none}._slider_1b9o2_1{width:100%;appearance:none;height:6px;border-radius:5px;outline:none;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb{appearance:none;width:15px;height:15px;background:var(--color-accent-500);border-radius:50%;cursor:pointer;transition:background .3s}._slider_1b9o2_1::-webkit-slider-thumb:hover{background:var(--color-accent-700)}._slider_1b9o2_1::-webkit-slider-thumb:active{background:var(--color-accent-700)}._slider_1b9o2_1::-moz-range-thumb{width:15px;height:15px;background:var(--color-accent-700);border-radius:50%;cursor:pointer}._focused_1b9o2_37 ._slider_1b9o2_1::-webkit-slider-thumb{background:var(--color-accent-700)}:root{--themeSwitcher-background: var(--color-dark-100);--themeSwitcher-background-btn: var(--color-accent-300);--themeSwitcher-background-btn-selected: var(--color-accent-300);--themeSwitcher-border: var(--color-light-900);--themeSwitcher-selected-color: var(--color-dark-700);--themeSwitcher-color: var(--color-accent-300)}:root[data-theme=light]{--themeSwitcher-background: var(--color-light-100);--themeSwitcher-background-btn: var(--color-accent-500);--themeSwitcher-background-btn-selected: var(--color-accent-500);--themeSwitcher-color: var(--color-accent-500);--themeSwitcher-selected-color: var(--color-light-100);--themeSwitcher-border: var(--color-light-700)}._themeSwitcher_11ggx_18{display:flex;padding:.188rem;border-radius:var(--border-radius-lg);border:.5px solid var(--themeSwitcher-border);width:fit-content;background-color:var(--themeSwitcher-background);color:var(--themeSwitcher-color)}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27{width:2rem;height:1.5rem}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27 ._background_11ggx_31{background-color:var(--bg-color);width:100%;height:30vh;display:flex;align-items:center;justify-content:center}._themeSwitcher_11ggx_18 ._themeButton_11ggx_27:hover{background:none}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42{background:var(--themeSwitcher-background-btn-selected);color:var(--themeSwitcher-selected-color)}._themeSwitcher_11ggx_18 ._selectedButton_11ggx_42:hover{background:var(--themeSwitcher-background-btn-selected)}:root{--toggleSwitcher-background-color: var(--color-light-500);--toggleSwitcher-border-color: var(--color-light-500);--toggleSwitcher-selected-background: var(--color-accent-500);--toggleSwitcher-selected-color: var(--color-light-500)}:root[data-theme=dark]{--toggleSwitcher-background-color: var(--color-dark-500);--toggleSwitcher-border-color: var(--color-dark-100);--toggleSwitcher-selected-background: var(--color-accent-300);--toggleSwitcher-selected-color: var(--color-dark-500)}._toggleSwitch_1w0s9_14{display:flex;padding:.13rem;border:1px solid var(--toggleSwitcher-border-color);background-color:var(--toggleSwitcher-background-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);width:fit-content}._button_1w0s9_24{height:var(--button-size-lg);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg)}._button_1w0s9_24:hover{background-color:transparent}._button_1w0s9_24:active{border-color:transparent}._button_1w0s9_24 svg{width:var(--icon-size-lg)}._selected_1w0s9_41{background-color:var(--toggleSwitcher-selected-background);color:var(--toggleSwitcher-selected-color)}._selected_1w0s9_41:hover{background-color:var(--toggleSwitcher-selected-background)}._selected_1w0s9_41:focus{background-color:var(--toggleSwitcher-selected-background)}._toolbar_18q11_1{padding:4px;border-radius:var(--border-radius-lg);background-color:var(--bg-color);box-shadow:var(--box-shadow);grid-auto-rows:min-content;display:grid;width:min-content}._separator_18q11_11{background-color:var(--color-light-500);margin:0 .25rem}._vertical_18q11_16{grid-template-columns:auto;grid-auto-rows:min-content;grid-auto-flow:row;gap:.25rem}._vertical_18q11_16 ._separator_18q11_11{width:1.5rem;height:1px;justify-self:center}._horizontal_18q11_28{grid-template-rows:auto;grid-auto-columns:min-content;grid-auto-flow:column;gap:.25rem}._horizontal_18q11_28 ._separator_18q11_11{width:1px;height:1.5rem;align-self:center}._root_y0usf_1{border-radius:var(--border-radius-lg)}._cardList_y0usf_5{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (max-width: 770px){._cardList_y0usf_5{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}._cardItemHeader_y0usf_16{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1rem}._cardItemHeaderIcon_y0usf_23{height:100%;display:flex;align-self:center}._cardItemHeaderTitle_y0usf_28{font-size:.95rem;font-weight:var(--font-weight-regular);text-wrap:nowrap;overflow-x:hidden}._cardItemHeaderAction_y0usf_34{margin-left:auto;display:flex}._cardItemContentImg_y0usf_38{width:100%;border-radius:var(--border-radius-lg)}._content_1iqyy_1{padding:2.5rem}._card_1iqyy_5{display:flex;align-items:center;flex-direction:column;gap:1.5rem;padding:1rem}._cardList_1iqyy_12{margin-top:1rem;display:grid;grid-template-columns:auto auto auto;gap:1rem;max-width:800px}._cardIcon_1iqyy_19{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--color-light-100);border-radius:50%}._cardTitle_1iqyy_28{font-size:var(--font-size-xxl);text-align:center;font-weight:var(--font-weight-bold)}._cardDescription_1iqyy_33{margin-bottom:auto;text-align:center;font-size:var(--font-size-m);min-height:90px;padding:0 1rem}._red_1iqyy_41{background-color:var(--color-danger-300)}._green_1iqyy_45{background-color:var(--color-success-700)}._primary_1iqyy_49{background-color:var(--color-accent-500)}@media (max-width: 768px){._content_1iqyy_1{width:100vw;height:100vh}._cardList_1iqyy_12{grid-template-columns:1fr}}:root{--color-accent-100: #e3e2fe;--color-accent-300: #cecdff;--color-accent-500: #6965db;--color-accent-700: #363399;--color-accent-900: #292673;--color-success-100: #80ffbf;--color-success-300: #22e584;--color-success-500: #14cc70;--color-success-700: #0f9954;--color-success-900: #0a6638;--color-danger-100: #ff8099;--color-danger-300: #f23d61;--color-danger-500: #cc1439;--color-danger-700: #990f2b;--color-danger-900: #660a1d;--color-warning-100: #ffd073;--color-warning-300: #e5ac39;--color-warning-500: #d99000;--color-warning-700: #960;--color-warning-900: #640;--color-light-100: #fff;--color-light-300: #f7fbff;--color-light-500: #edf3fa;--color-light-700: #d5dae0;--color-light-900: #8d9094;--color-dark-100: #4c4c4c;--color-dark-300: #333;--color-dark-400: #212121;--color-dark-500: #171717;--color-dark-700: #0d0d0d;--color-dark-900: #000}:root{--font-family-primary: "Assistant", "Inter", "Roboto", -apple-system, sans-serif;--line-height-s: 1;--line-height-m: 1.5;--line-height-l: 2;--font-size-xs: .75rem;--font-size-s: .875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700}html{font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0}input,button,select,textarea,optgroup,option{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;color:inherit}button{padding:0;background-color:transparent;border:none}a{text-decoration:none}:where(a:visited){color:inherit}body{margin:0;padding:0;font-family:var(--font-family-primary),sans-serif;line-height:var(--line-height-m);background-color:var(--bg-color)}:root{--button-size-xs: 1.35rem;--button-size-m: 1.625rem;--button-size-xl: 1.85rem;--button-size-lg: 2.25rem;--icon-size-lg: 1rem;--border-radius-m: .25rem;--border-radius-lg: .5rem;--bg-color: var(--color-light-100);--bg-modal-color: var(--color-light-100);--font-color: var(--color-dark-900);--box-shadow: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--dialog-border-color: var(--color-light-500);--swatch-color: var(--color-light-100);--scrollbar-width: .5rem;--scrollbar-track-bg: var(--color-light-100);--scrollbar-thumb-bg: var(--color-light-900);--scrollbar-thumb-hover-bg: var(--color-dark-100);--scrollbar-border-radius: 4px}:root[data-theme=dark]{--bg-color: var(--color-dark-400);--bg-modal-color: var(--color-dark-400);--font-color: var(--color-light-100)}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yourbestsoft/studio-screen-ui-kit",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/dist/ToolIconButton-Be6zefbX.js

@@ -1,520 +0,0 @@
-import { jsx as n, jsxs as g, Fragment as A } from "react/jsx-runtime";
-import i from "classnames";
-import G, { forwardRef as p, createContext as I, useState as w, useRef as P, useEffect as E, useContext as C } from "react";
-import { Eye as J, EyeOff as Q, X as U, Search as Y } from "lucide-react";
-const Z = "_text_4m304_1", tt = "_tertiary_4m304_1", et = "_secondary_4m304_1", ot = "_primary_4m304_1", nt = "_fullWidth_4m304_50", st = "_buttonWithIcon_4m304_54", rt = "_content_4m304_61", ct = "_shortcut_4m304_70", at = "_disabled_4m304_82", b = {
-  text: Z,
-  tertiary: tt,
-  secondary: et,
-  primary: ot,
-  fullWidth: nt,
-  buttonWithIcon: st,
-  content: rt,
-  shortcut: ct,
-  disabled: at
-}, it = ({
-  children: t,
-  className: e,
-  component: o = "button",
-  disabled: s,
-  fullWidth: c,
-  icon: r,
-  shortcut: a,
-  variant: _ = "primary",
-  ...d
-}, l) => {
-  const m = /* @__PURE__ */ g("div", { className: b.buttonWithIcon, children: [
-    /* @__PURE__ */ g("div", { className: b.content, children: [
-      r,
-      t
-    ] }),
-    /* @__PURE__ */ n("div", { className: b.shortcut, children: a })
-  ] });
-  return /* @__PURE__ */ n(
-    o,
-    {
-      className: i(
-        b[_],
-        c && b.fullWidth,
-        s && b.disabled,
-        r && b.icon,
-        e
-      ),
-      children: r ? m : t,
-      disabled: s,
-      ref: l,
-      ...d
-    }
-  );
-}, He = p(it), lt = "_content_23x5h_1", dt = "_header_23x5h_1", _t = "_root_23x5h_7", ut = "_contentAfterHeader_23x5h_22", D = {
-  content: lt,
-  header: dt,
-  root: _t,
-  contentAfterHeader: ut
-}, H = p(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(D.root, t), ref: o, ...e })
-), ht = p(
-  ({ className: t, ignoreHeader: e, ...o }, s) => /* @__PURE__ */ n(
-    "div",
-    {
-      className: i(
-        D.content,
-        !e && D.contentAfterHeader,
-        t
-      ),
-      ref: s,
-      ...o
-    }
-  )
-), mt = p(
-  ({ className: t, ...e }, o) => /* @__PURE__ */ n("div", { className: i(D.header, t), ref: o, ...e })
-), Fe = Object.assign(H, {
-  Content: ht,
-  Header: mt,
-  Root: H
-}), gt = "_root_1xfv8_1", pt = "_dropdownContent_1xfv8_6", ft = "_left_1xfv8_17", bt = "_center_1xfv8_21", vt = "_right_1xfv8_26", wt = "_top_1xfv8_30", Ct = "_bottom_1xfv8_34", Nt = "_fixedPosition_1xfv8_38", T = {
-  root: gt,
-  dropdownContent: pt,
-  left: ft,
-  center: bt,
-  right: vt,
-  top: wt,
-  bottom: Ct,
-  fixedPosition: Nt
-}, B = I(
-  void 0
-), M = () => {
-  const t = C(B);
-  if (!t)
-    throw new Error("useDropDownContext must be used within a DropDown.Root");
-  return t;
-}, y = [], xt = ({
-  children: t,
-  closeOnEsc: e = !0,
-  closeOnOutsideClick: o = !0,
-  defaultVisible: s = !1
-}) => {
-  const [c, r] = w(s), a = P(null), _ = () => {
-    c ? d() : (r(!0), a.current && y.push(a.current));
-  }, d = () => {
-    if (r(!1), a.current) {
-      const l = y.indexOf(a.current);
-      l !== -1 && y.splice(l, 1);
-    }
-  };
-  return E(() => {
-    if (!o) return;
-    const l = (m) => {
-      a.current && !a.current.contains(m.target) && d();
-    };
-    return document.addEventListener("mousedown", l), () => {
-      document.removeEventListener("mousedown", l);
-    };
-  }, [o]), E(() => {
-    if (!e) return;
-    const l = (m) => {
-      m.key === "Escape" && c && y[y.length - 1] === a.current && d();
-    };
-    return document.addEventListener("keydown", l), () => {
-      document.removeEventListener("keydown", l);
-    };
-  }, [e, c]), /* @__PURE__ */ n(B.Provider, { value: { close: d, toggle: _, visible: c }, children: /* @__PURE__ */ n("div", { ref: a, className: T.root, children: t }) });
-}, kt = ({ children: t }) => {
-  const { toggle: e } = M();
-  return /* @__PURE__ */ n("div", { onClick: e, children: t });
-}, yt = ({
-  children: t,
-  className: e,
-  fixedPosition: o = !1,
-  horizontal: s = "left",
-  vertical: c = "bottom"
-}) => {
-  const { visible: r } = M();
-  return r ? /* @__PURE__ */ n(
-    "div",
-    {
-      className: i(
-        T.dropdownContent,
-        T[s],
-        T[c],
-        { [T.fixedPosition]: o },
-        e
-      ),
-      children: t
-    }
-  ) : null;
-}, Ae = { Content: yt, Root: xt, Trigger: kt }, Tt = "_dialogRoot_c30vs_1", Rt = "_dialogTrigger_c30vs_5", Dt = "_dialogContent_c30vs_13", St = "_dialogClose_c30vs_25", $t = "_dialogTitle_c30vs_33", Ot = "_dialogSeparator_c30vs_38", N = {
-  dialogRoot: Tt,
-  dialogTrigger: Rt,
-  dialogContent: Dt,
-  dialogClose: St,
-  dialogTitle: $t,
-  dialogSeparator: Ot
-}, S = G.createContext(null), Wt = ({
-  children: t,
-  isOpen: e,
-  onStateChange: o
-}) => {
-  const s = P(null), [c, r] = w(!1), a = e !== void 0 ? e : c, _ = (d) => {
-    e === void 0 && r(d), o && o(d);
-  };
-  return /* @__PURE__ */ n(S.Provider, { value: { dialogRef: s, isOpen: a, setIsOpen: _ }, children: /* @__PURE__ */ n("div", { className: N.dialogRoot, children: t }) });
-}, Et = ({
-  as: t,
-  children: e,
-  ...o
-}) => {
-  const s = C(S);
-  if (!s) throw new Error("Trigger must be used within a Dialog.Root");
-  const { dialogRef: c, setIsOpen: r } = s;
-  return /* @__PURE__ */ n(
-    t || "button",
-    {
-      onClick: () => {
-        c.current?.showModal(), r(!0);
-      },
-      ...o,
-      className: N.dialogTrigger,
-      role: t && t !== "button" ? "button" : void 0,
-      children: e
-    }
-  );
-}, It = p(
-  ({ children: t, className: e, closeOnBackdropClick: o = !0 }, s) => {
-    const c = C(S);
-    if (!c) throw new Error("Content must be used within a Dialog.Root");
-    const { dialogRef: r, isOpen: a, setIsOpen: _ } = c, d = (l) => {
-      o && l.target === r.current && (r.current?.close(), _(!1));
-    };
-    return /* @__PURE__ */ n(
-      "dialog",
-      {
-        ref: r,
-        className: i(N.dialogContent, e),
-        onClick: d,
-        open: a,
-        children: /* @__PURE__ */ n("div", { onClick: (l) => l.stopPropagation(), children: t })
-      }
-    );
-  }
-), Pt = ({
-  as: t,
-  children: e,
-  ...o
-}) => {
-  const s = C(S);
-  if (!s) throw new Error("Close must be used within a Dialog.Root");
-  const { dialogRef: c, setIsOpen: r } = s;
-  return /* @__PURE__ */ n(
-    t || "button",
-    {
-      onClick: () => {
-        c.current?.close(), r(!1);
-      },
-      ...o,
-      className: N.dialogClose,
-      role: t && t !== "button" ? "button" : void 0,
-      children: e
-    }
-  );
-}, Lt = ({ children: t, className: e }) => /* @__PURE__ */ n("h2", { className: i(N.dialogTitle, e), children: t }), qt = ({}) => /* @__PURE__ */ n("div", { className: N.dialogSeparator }), Be = {
-  Close: Pt,
-  Content: It,
-  Root: Wt,
-  Separator: qt,
-  Title: Lt,
-  Trigger: Et
-}, Ht = "_sidebar_dg2au_12", Ft = "_trigger_dg2au_16", At = "_content_dg2au_21", Bt = "_left_dg2au_34", Mt = "_open_dg2au_38", Vt = "_right_dg2au_42", jt = "_bottom_dg2au_50", zt = "_top_dg2au_63", v = {
-  sidebar: Ht,
-  trigger: Ft,
-  content: At,
-  left: Bt,
-  open: Mt,
-  right: Vt,
-  bottom: jt,
-  top: zt
-}, V = I(
-  void 0
-), L = () => {
-  const t = C(V);
-  if (!t)
-    throw new Error("useSidebarContext must be used within a SidebarProvider");
-  return t;
-}, Kt = ({ children: t, isOpen: e, setIsOpen: o }) => {
-  const [s, c] = w(e);
-  return /* @__PURE__ */ n(
-    V.Provider,
-    {
-      value: {
-        isOpen: s,
-        setIsOpen: (r) => {
-          c(r), o(r);
-        }
-      },
-      children: t
-    }
-  );
-}, Xt = ({ children: t }) => {
-  const { setIsOpen: e } = L(), o = (s) => {
-    s.preventDefault(), e(!0);
-  };
-  return /* @__PURE__ */ n("div", { className: v.trigger, onClick: o, children: t });
-}, Gt = ({
-  children: t,
-  className: e,
-  closeOnOutsideClick: o = !0,
-  position: s = "right"
-}) => {
-  const { isOpen: c, setIsOpen: r } = L(), a = P(null);
-  return E(() => {
-    if (!o) return;
-    const _ = (d) => {
-      a.current && !a.current.contains(d.target) && r(!1);
-    };
-    return c && document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("mousedown", _);
-    };
-  }, [c, r, o]), /* @__PURE__ */ n(
-    "div",
-    {
-      ref: a,
-      className: i(
-        v[s],
-        v.content,
-        {
-          [v.close]: !c,
-          [v.open]: c
-        },
-        e
-      ),
-      children: t
-    }
-  );
-}, Jt = ({ children: t }) => {
-  const { setIsOpen: e } = L(), o = (s) => {
-    s.preventDefault(), e(!1);
-  };
-  return /* @__PURE__ */ n("button", { className: v.close, onClick: o, children: t });
-}, Me = {
-  Close: Jt,
-  Content: Gt,
-  Root: Kt,
-  Trigger: Xt
-}, Qt = "_switcher_k6tdq_1", Ut = "_buttons_k6tdq_6", Yt = "_separator_k6tdq_10", W = {
-  switcher: Qt,
-  buttons: Ut,
-  separator: Yt
-}, Ve = p(
-  ({
-    className: t,
-    component: e,
-    componentValues: o,
-    containerProps: s,
-    onChange: c,
-    selectedValue: r,
-    slot: a
-  }, _) => {
-    const [d, l] = w(
-      r || o[0].value
-    ), m = (h) => {
-      l(h), c && c(h);
-    };
-    return /* @__PURE__ */ g("div", { ref: _, className: W.switcher, ...s, children: [
-      /* @__PURE__ */ n("div", { className: i(W.buttons, t), children: o.map((h, x) => /* @__PURE__ */ n(
-        e,
-        {
-          ...h,
-          selected: d === h.value,
-          onClick: () => m(h.value)
-        },
-        x
-      )) }),
-      a && /* @__PURE__ */ g(A, { children: [
-        /* @__PURE__ */ n("div", { className: W.separator }),
-        a
-      ] })
-    ] });
-  }
-), Zt = "_root_w2o37_13", te = "_header_w2o37_19", ee = "_footer_w2o37_23", oe = "_row_w2o37_28", ne = "_body_w2o37_40", se = "_head_w2o37_19", re = "_cell_w2o37_47", ce = "_caption_w2o37_64", ae = "_storiesFooterCellOne_w2o37_69", ie = "_storiesFooterCellTwo_w2o37_72", f = {
-  root: Zt,
-  header: te,
-  footer: ee,
-  row: oe,
-  body: ne,
-  head: se,
-  cell: re,
-  caption: ce,
-  storiesFooterCellOne: ae,
-  storiesFooterCellTwo: ie
-}, F = ({ children: t, className: e }) => /* @__PURE__ */ n("table", { className: i(f.root, e), children: t }), le = ({ children: t, className: e }) => /* @__PURE__ */ n("caption", { className: i(f.caption, e), children: t }), de = ({ children: t, className: e }) => /* @__PURE__ */ n("thead", { className: i(f.header, e), children: t }), _e = ({ children: t, className: e, onClick: o }) => /* @__PURE__ */ n("tr", { className: i(f.row, e), onClick: o, children: t }), ue = ({ children: t, className: e }) => /* @__PURE__ */ n("th", { className: i(f.head, e), children: t }), he = ({ children: t, className: e }) => /* @__PURE__ */ n("tbody", { className: i(f.body, e), children: t }), me = ({ children: t, className: e }) => /* @__PURE__ */ n("td", { className: i(f.cell, e), children: t }), ge = ({ children: t, className: e }) => /* @__PURE__ */ n("tfoot", { className: i(f.footer, e), children: t }), je = Object.assign(F, {
-  Body: he,
-  Caption: le,
-  Cell: me,
-  Footer: ge,
-  Head: ue,
-  Header: de,
-  Root: F,
-  Row: _e
-}), pe = "_inputContainer_iqbs3_1", fe = "_input_iqbs3_1", be = "_inputSearch_iqbs3_40", ve = "_error_iqbs3_43", we = "_button_iqbs3_58", Ce = "_buttonWithLabel_iqbs3_68", Ne = "_resetSearchValue_iqbs3_73", xe = "_searchOutline_iqbs3_80", ke = "_errorMessage_iqbs3_87", u = {
-  inputContainer: pe,
-  input: fe,
-  inputSearch: be,
-  error: ve,
-  button: we,
-  buttonWithLabel: Ce,
-  resetSearchValue: Ne,
-  searchOutline: xe,
-  errorMessage: ke
-}, ze = p(({ className: t, error: e, label: o, onChange: s, required: c, ...r }, a) => {
-  const [_, d] = w(!1), l = (x) => s(x.currentTarget.value), m = i(u.input, e && u.error, t);
-  let h;
-  if (!r.as || r.as === "input") {
-    const { as: x, inputType: k, ...K } = r, $ = k === "search", q = k === "password", X = _ ? "text" : "password";
-    h = /* @__PURE__ */ g(A, { children: [
-      /* @__PURE__ */ n(
-        "input",
-        {
-          className: i(m, $ && u.inputSearch),
-          onChange: l,
-          ref: a,
-          type: q ? X : k,
-          ...K
-        }
-      ),
-      q && (_ ? /* @__PURE__ */ n(
-        J,
-        {
-          strokeWidth: 2.5,
-          width: 20,
-          className: i(u.button, o && u.buttonWithLabel),
-          onClick: () => d((O) => !O)
-        }
-      ) : /* @__PURE__ */ n(
-        Q,
-        {
-          strokeWidth: 2.5,
-          width: 20,
-          className: i(u.button, o && u.buttonWithLabel),
-          onClick: () => d((O) => !O)
-        }
-      )),
-      $ && r.value && /* @__PURE__ */ n(
-        U,
-        {
-          onClick: () => s(""),
-          className: i(
-            u.button,
-            o && u.buttonWithLabel,
-            u.resetSearchValue
-          ),
-          strokeWidth: 2.5,
-          size: 24
-        }
-      ),
-      $ && /* @__PURE__ */ n(
-        Y,
-        {
-          className: i(
-            u.searchOutline,
-            o && u.searchOutlineWithLabel
-          ),
-          size: 20
-        }
-      )
-    ] });
-  }
-  if (r.as === "textarea") {
-    const { as: x, ...k } = r;
-    h = /* @__PURE__ */ n(
-      "textarea",
-      {
-        className: m,
-        onChange: l,
-        ref: a,
-        ...k
-      }
-    );
-  }
-  return /* @__PURE__ */ g("div", { className: u.root, children: [
-    /* @__PURE__ */ g("span", { className: u.title, children: [
-      o,
-      c && /* @__PURE__ */ n("span", { className: u.titleError, children: "*" })
-    ] }),
-    /* @__PURE__ */ n("div", { className: u.inputContainer, children: h }),
-    /* @__PURE__ */ n("div", { className: u.errorMessage, children: e })
-  ] });
-}), j = I(void 0), Ke = ({ children: t }) => {
-  const e = z() || "system", [o, s] = w(e);
-  return /* @__PURE__ */ n(j.Provider, { value: { setTheme: s, theme: o }, children: t });
-}, Xe = () => {
-  const t = C(j);
-  if (!t)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return ye(t.theme), t;
-}, ye = (t) => {
-  const e = window.matchMedia("(prefers-color-scheme: dark)"), s = z() ?? (e.matches ? "dark" : "light");
-  Te(t === "system" ? s : t);
-}, Te = (t) => {
-  Re(t), localStorage.setItem("theme", t);
-}, Re = (t) => {
-  document.documentElement.setAttribute("data-theme", t);
-}, z = () => {
-  const t = localStorage.getItem("theme");
-  if (t) return t;
-}, De = "_root_17w6h_1", Se = "_icon_17w6h_11", $e = "_active_17w6h_27", Oe = "_disabled_17w6h_31", We = "_keybinding_17w6h_44", R = {
-  root: De,
-  icon: Se,
-  active: $e,
-  disabled: Oe,
-  keybinding: We
-}, Ge = p(
-  (t, e) => {
-    const { classes: o, disabled: s, icon: c, isActive: r, keybinding: a, onClick: _, title: d } = t, l = Ee(o, r, s);
-    return /* @__PURE__ */ g("label", { className: R.root, title: d, children: [
-      /* @__PURE__ */ n(
-        "div",
-        {
-          className: l.icon,
-          ref: e,
-          tabIndex: s ? -1 : 0,
-          role: "button",
-          "aria-pressed": r,
-          "aria-disabled": s,
-          onClick: s ? void 0 : _,
-          children: c
-        }
-      ),
-      a && /* @__PURE__ */ n("span", { className: l.keybinding, children: a })
-    ] });
-  }
-), Ee = (t, e, o) => ({
-  icon: i(
-    R.icon,
-    {
-      [R.active]: e,
-      [R.disabled]: o
-    },
-    t?.icon
-  ),
-  keybinding: i(R.keybinding, t?.keybinding)
-});
-export {
-  He as B,
-  H as C,
-  Ae as D,
-  V as S,
-  je as T,
-  it as a,
-  ht as b,
-  mt as c,
-  Fe as d,
-  Be as e,
-  L as f,
-  Me as g,
-  Ve as h,
-  ze as i,
-  Ge as j,
-  Ke as k,
-  Xe as u
-};
-//# sourceMappingURL=ToolIconButton-Be6zefbX.js.map