@alxgrn/telefrag-ui 0.0.64 → 0.1.1

package/dist/assets/PageHeader.css

@@ -1 +1 @@
-*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-huge: 40px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-largest: 22px;--alxgrn-font-size-small: 14px;--alxgrn-font-size-smallest: 10px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-h1: #777;--alxgrn-color-h2: #777;--alxgrn-color-h3: #777;--alxgrn-font-size-h1: var(--alxgrn-font-size-huge);--alxgrn-font-size-h2: var(--alxgrn-font-size-big);--alxgrn-font-size-h3: var(--alxgrn-font-size-large);--alxgrn-line-height-h1: var(--alxgrn-line-height);--alxgrn-line-height-h2: var(--alxgrn-line-height);--alxgrn-line-height-h3: var(--alxgrn-line-height);--alxgrn-logo-color-blue: #7091a7;--alxgrn-logo-color-navi: #004571;--alxgrn-logo-color-beige: #c9c1ae;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border: #ddd;--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border: #555;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}.one-line{overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 512px){*{--alxgrn-font-size-h1: var(--alxgrn-font-size-big);--alxgrn-font-size-h2: var(--alxgrn-font-size-largest);--alxgrn-font-size-h3: var(--alxgrn-font-size-large)}}.FormItem .SelectWrap{position:relative}.FormItem .SelectWrap input{padding-right:var(--alxgrn-unit-double);cursor:pointer}.FormItem .SelectWrap .Icon{position:absolute;font-size:var(--alxgrn-font-size-large);top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);cursor:pointer;pointer-events:none;display:flex}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin-top:var(--alxgrn-unit)}.Form .FormItem:first-child{margin-top:0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}.FormItem .Time{display:flex;gap:var(--alxgrn-unit-small);align-items:center}.Form .ImageLabel input[type=file]{display:none}.Form .ImageLabel{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--alxgrn-unit-small);border:1px dashed var(--alxgrn-border-accent);color:var(--alxgrn-color-accent);background-color:var(--alxgrn-bg-accent);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;cursor:pointer}.Form .ImageLabel.Disabled{color:var(--alxgrn-color-light);border-color:var(--alxgrn-border-light);background-color:var(--alxgrn-bg-light);cursor:default}.Form .ImageLabel.Error{color:var(--alxgrn-color-error);border-color:var(--alxgrn-border-error);background-color:var(--alxgrn-bg-error)}.Form .ImageLabel .ImageRemove{display:flex;position:absolute;top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-smallest);background-color:var(--alxgrn-bg-accent);z-index:100}.Form .ImageLabel.Disabled .ImageRemove{display:none}.Form .ImageLabel label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.Form .ImageLabel.Disabled label{cursor:default}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 200px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarIsShown{display:none}@media (max-width: 768px){.LayoutSidebarIsShown{display:initial}}.Page{display:flex;flex-direction:column}.Page .PageBody{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--alxgrn-unit);margin-top:var(--alxgrn-unit)}@media (max-width: 768px){.Page .PageBody{display:block}}.Page .PageBody .PageContent{display:block;grid-column:span 2}.Page .PageBody .PageSidebar{display:flex;align-items:flex-end}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:0;min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}.Page .PageBody.Wide{display:block}.PageHeader{position:relative;border-radius:var(--alxgrn-unit-half);display:flex;flex-direction:column;overflow:hidden;margin-top:var(--alxgrn-unit)}@media (max-width: 1024px){.PageHeader{border-radius:0;margin-top:0}}.PageHeader .PageHeaderBack{width:100%;position:relative;padding-bottom:25%;background-size:cover;background-color:var(--alxgrn-logo-color-beige)}.PageHeader .PageHeaderBack .PageHeaderBackCreate,.PageHeader .PageHeaderBack .PageHeaderBackRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);top:0;right:0;color:var(--alxgrn-color-light);cursor:pointer;opacity:0;transition:.5s}.PageHeader .PageHeaderBack:hover .PageHeaderBackCreate,.PageHeader .PageHeaderBack:hover .PageHeaderBackRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderBack .PageHeaderBackRemove{left:unset;right:calc(2.5 * var(--alxgrn-unit))}.PageHeader .PageHeaderBack .PageHeaderBackCreate:hover,.PageHeader .PageHeaderBack .PageHeaderBackRemove:hover{color:var(--alxgrn-color-accent)}.PageHeader .PageHeaderAbout{display:flex;gap:var(--alxgrn-unit-half);align-items:center;background-color:var(--alxgrn-bg-panel);height:calc(5 * var(--alxgrn-unit));padding-left:calc(11.5 * var(--alxgrn-unit));padding-right:var(--alxgrn-unit)}@media (max-width: 768px){.PageHeader .PageHeaderAbout{height:calc(3 * var(--alxgrn-unit));padding-left:var(--alxgrn-unit);padding-right:var(--alxgrn-unit-half)}}.PageHeader .PageHeaderAbout .PageHeaderInfo{flex:1 1 auto;overflow:hidden}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderTitle{font-size:var(--alxgrn-font-size-largest);font-weight:600}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{color:var(--alxgrn-color-light)}@media (max-width: 768px){.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{display:none}}.PageHeader .PageHeaderAbout .PageHeaderMenu{flex:0 0 auto;display:flex}.PageHeader .PageHeaderShowSidebar{display:none}@media (max-width: 768px){.PageHeader .PageHeaderShowSidebar{display:flex}}.PageHeader .Button{font-size:var(--alxgrn-font-size-small);padding:var(--alxgrn-unit-half) var(--alxgrn-unit)!important}.PageHeader .PageHeaderLogo{position:absolute;flex:0 0 auto;border-radius:var(--alxgrn-unit-half);border:var(--alxgrn-unit-small) solid var(--alxgrn-bg-panel);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--alxgrn-logo-color-blue);aspect-ratio:1 / 1;height:calc(10 * var(--alxgrn-unit));left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small));bottom:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest))}@media (max-width: 768px){.PageHeader .PageHeaderLogo{border-width:var(--alxgrn-unit-smallest);height:calc(25vw - var(--alxgrn-unit-double) + var(--alxgrn-unit-smallest));top:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);bottom:unset}}.PageHeader:has(.PageHeaderToolbar) .PageHeaderLogo{bottom:calc(var(--alxgrn-unit) * 4 - var(--alxgrn-unit-half))}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);bottom:0;left:0;cursor:pointer;color:var(--alxgrn-color-light);opacity:0;transition:.5s}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{margin:0;border-radius:0;border-top-right-radius:var(--alxgrn-unit-small)}}.PageHeader .PageHeaderLogo:hover .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo:hover .PageHeaderLogoRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{left:unset;right:0}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{border-top-left-radius:var(--alxgrn-unit-small);border-top-right-radius:0}}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate:hover,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove:hover{color:var(--alxgrn-color-accent)}.PageHeaderToolbar{margin-top:1px;background-color:var(--alxgrn-bg-panel);padding:var(--alxgrn-unit-half)}
+*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-huge: 40px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-largest: 22px;--alxgrn-font-size-small: 14px;--alxgrn-font-size-smallest: 10px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-h1: #777;--alxgrn-color-h2: #777;--alxgrn-color-h3: #777;--alxgrn-font-size-h1: var(--alxgrn-font-size-huge);--alxgrn-font-size-h2: var(--alxgrn-font-size-big);--alxgrn-font-size-h3: var(--alxgrn-font-size-large);--alxgrn-line-height-h1: var(--alxgrn-line-height);--alxgrn-line-height-h2: var(--alxgrn-line-height);--alxgrn-line-height-h3: var(--alxgrn-line-height);--alxgrn-logo-color-blue: #7091a7;--alxgrn-logo-color-navi: #004571;--alxgrn-logo-color-beige: #c9c1ae;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border: #ddd;--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border: #555;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}.one-line{overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 512px){*{--alxgrn-font-size-h1: var(--alxgrn-font-size-big);--alxgrn-font-size-h2: var(--alxgrn-font-size-largest);--alxgrn-font-size-h3: var(--alxgrn-font-size-large)}}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin-top:var(--alxgrn-unit)}.Form .FormItem:first-child{margin-top:0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}.FormItem .Time{display:flex;gap:var(--alxgrn-unit-small);align-items:center}.Form .ImageLabel input[type=file]{display:none}.Form .ImageLabel{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;aspect-ratio:16 / 9;border-radius:var(--alxgrn-unit-small);border:1px dashed var(--alxgrn-border-accent);color:var(--alxgrn-color-accent);background-color:var(--alxgrn-bg-accent);background-position:center;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;cursor:pointer}.Form .ImageLabel.Disabled{color:var(--alxgrn-color-light);border-color:var(--alxgrn-border-light);background-color:var(--alxgrn-bg-light);cursor:default}.Form .ImageLabel.Error{color:var(--alxgrn-color-error);border-color:var(--alxgrn-border-error);background-color:var(--alxgrn-bg-error)}.Form .ImageLabel .ImageRemove{display:flex;position:absolute;top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-smallest);background-color:var(--alxgrn-bg-accent);z-index:100}.Form .ImageLabel.Disabled .ImageRemove{display:none}.Form .ImageLabel label{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.Form .ImageLabel.Disabled label{cursor:default}.FormItem .SelectWrap{position:relative}.FormItem .SelectWrap input{padding-right:var(--alxgrn-unit-double);cursor:pointer}.FormItem .SelectWrap .Icon{position:absolute;font-size:var(--alxgrn-font-size-large);top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);cursor:pointer;pointer-events:none;display:flex}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 200px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarIsShown{display:none}@media (max-width: 768px){.LayoutSidebarIsShown{display:initial}}.Page{display:flex;flex-direction:column}.Page .PageBody{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--alxgrn-unit);margin-top:var(--alxgrn-unit)}@media (max-width: 768px){.Page .PageBody{display:block}}.Page .PageBody .PageContent{display:block;grid-column:span 2}.Page .PageBody .PageSidebar{display:flex;align-items:flex-end}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:0;min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}.Page .PageBody.Wide{display:block}.PageHeader{position:relative;border-radius:var(--alxgrn-unit-half);display:flex;flex-direction:column;overflow:hidden;margin-top:var(--alxgrn-unit)}@media (max-width: 1024px){.PageHeader{border-radius:0;margin-top:0}}.PageHeader .PageHeaderBack{width:100%;position:relative;padding-bottom:25%;background-size:cover;background-color:var(--alxgrn-logo-color-beige)}.PageHeader .PageHeaderBack .PageHeaderBackCreate,.PageHeader .PageHeaderBack .PageHeaderBackRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);top:0;right:0;color:var(--alxgrn-color-light);cursor:pointer;opacity:0;transition:.5s}.PageHeader .PageHeaderBack:hover .PageHeaderBackCreate,.PageHeader .PageHeaderBack:hover .PageHeaderBackRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderBack .PageHeaderBackRemove{left:unset;right:calc(2.5 * var(--alxgrn-unit))}.PageHeader .PageHeaderBack .PageHeaderBackCreate:hover,.PageHeader .PageHeaderBack .PageHeaderBackRemove:hover{color:var(--alxgrn-color-accent)}.PageHeader .PageHeaderAbout{display:flex;gap:var(--alxgrn-unit-half);align-items:center;background-color:var(--alxgrn-bg-panel);height:calc(5 * var(--alxgrn-unit));padding-left:calc(11.5 * var(--alxgrn-unit));padding-right:var(--alxgrn-unit)}@media (max-width: 768px){.PageHeader .PageHeaderAbout{height:calc(3 * var(--alxgrn-unit));padding-left:var(--alxgrn-unit);padding-right:var(--alxgrn-unit-half)}}.PageHeader .PageHeaderAbout .PageHeaderInfo{flex:1 1 auto;overflow:hidden}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderTitle{font-size:var(--alxgrn-font-size-largest);font-weight:600}.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{color:var(--alxgrn-color-light)}@media (max-width: 768px){.PageHeader .PageHeaderAbout .PageHeaderInfo .PageHeaderSubtitle{display:none}}.PageHeader .PageHeaderAbout .PageHeaderMenu{flex:0 0 auto;display:flex}.PageHeader .PageHeaderShowSidebar{display:none}@media (max-width: 768px){.PageHeader .PageHeaderShowSidebar{display:flex}}.PageHeader .Button{font-size:var(--alxgrn-font-size-small);padding:var(--alxgrn-unit-half) var(--alxgrn-unit)!important}.PageHeader .PageHeaderLogo{position:absolute;flex:0 0 auto;border-radius:var(--alxgrn-unit-half);border:var(--alxgrn-unit-small) solid var(--alxgrn-bg-panel);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--alxgrn-logo-color-blue);aspect-ratio:1 / 1;height:calc(10 * var(--alxgrn-unit));left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small));bottom:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest))}@media (max-width: 768px){.PageHeader .PageHeaderLogo{border-width:var(--alxgrn-unit-smallest);height:calc(25vw - var(--alxgrn-unit-double) + var(--alxgrn-unit-smallest));top:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);left:calc(var(--alxgrn-unit) - var(--alxgrn-unit-smallest) / 2);bottom:unset}}.PageHeader:has(.PageHeaderToolbar) .PageHeaderLogo{bottom:calc(var(--alxgrn-unit) * 4 - var(--alxgrn-unit-half))}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{display:flex;position:absolute;font-size:var(--alxgrn-font-size-large);padding:var(--alxgrn-unit-half);margin:var(--alxgrn-unit-half);background-color:var(--alxgrn-bg-panel);border-radius:var(--alxgrn-unit-small);bottom:0;left:0;cursor:pointer;color:var(--alxgrn-color-light);opacity:0;transition:.5s}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove{margin:0;border-radius:0;border-top-right-radius:var(--alxgrn-unit-small)}}.PageHeader .PageHeaderLogo:hover .PageHeaderLogoCreate,.PageHeader .PageHeaderLogo:hover .PageHeaderLogoRemove{opacity:1;transition:.5s}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{left:unset;right:0}@media (max-width: 768px){.PageHeader .PageHeaderLogo .PageHeaderLogoCreate{border-top-left-radius:var(--alxgrn-unit-small);border-top-right-radius:0}}.PageHeader .PageHeaderLogo .PageHeaderLogoCreate:hover,.PageHeader .PageHeaderLogo .PageHeaderLogoRemove:hover{color:var(--alxgrn-color-accent)}.PageHeaderToolbar{margin-top:1px;background-color:var(--alxgrn-bg-panel);padding:var(--alxgrn-unit-half)}

package/dist/components/form/form/Form.js

@@ -1,31 +1,24 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { useState as q, useEffect as H } from "react";
-import { deepForEach as y } from "react-children-utilities";
-import x, { isValidDate as R } from "../date/Date.js";
-import { Select as F } from "../select/Select.js";
-import { Button as C } from "../button/Button.js";
-import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css                           */
+import { jsxs as v, jsx as c } from "react/jsx-runtime";
+import { useState as D, useEffect as E } from "react";
+import { isValidDate as L } from "../date/Date.js";
+import { Button as h } from "../button/Button.js";
+import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css                           */
 /* empty css                        */
 /* empty css                        */
 /* empty css                               */
 /* empty css                             */
 /* empty css                           */
-import T from "../time/Time.js";
-import { Files as E } from "../files/Files.js";
-import { Image as I } from "../image/Image.js";
-import g from "../input/Input.js";
 /* empty css                             */
 /* empty css                      */
-import { RadioList as D } from "../radio/RadioList.js";
-import V from "../hidden/Hidden.js";
-import B from "../checkbox/Checkbox.js";
-import { CheckboxList as S } from "../checkbox/CheckboxList.js";
-/* empty css                         */
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
 /* empty css                     */
-import l from "../../ui/block/Block.js";
+/* empty css                         */
+/* empty css                      */
+/* empty css                      */
+/* empty css                           */
+import u from "../../ui/block/Block.js";
 /* empty css                      */
 /* empty css                        */
 /* empty css                      */
@@ -38,133 +31,128 @@ import l from "../../ui/block/Block.js";
 /* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const De = ({
-  info: d,
-  error: k,
-  success: b,
-  submit: m,
-  cancel: u,
-  submitType: j = "Accent",
-  cancelType: w = "Error",
-  wide: A,
-  onSubmit: v,
-  onCancel: L,
-  children: c
+import x from "./traverse.js";
+const ne = ({
+  info: f,
+  error: d,
+  success: k,
+  submit: p,
+  cancel: l,
+  submitType: C = "Accent",
+  cancelType: F = "Error",
+  wide: y,
+  onSubmit: b,
+  onCancel: I,
+  children: n
 }) => {
-  const [N, i] = q(!1);
-  return H(() => {
-    m && (i(!1), y(c, (r) => {
-      if (!r) return;
-      const o = r;
-      if (typeof o.type != "function") return;
-      const e = o.props;
-      if (e.required)
-        switch (o.type) {
-          case g:
-            e.value.trim() || i(!0);
+  const [g, i] = D(!1);
+  return E(() => {
+    p && (i(!1), x(n, (o) => {
+      const t = o.props;
+      if (t.required)
+        switch (o.type.name) {
+          case "Input":
+            t.value.trim() || i(!0);
             break;
-          case B:
-            e.checked || i(!0);
+          case "Checkbox":
+            t.checked || i(!0);
             break;
-          case F:
+          case "Select":
             {
-              const p = e.value;
-              e.options.findIndex((a) => a.value === p) < 0 && i(!0);
+              const a = t.value;
+              t.options.findIndex((s) => s.value === a) < 0 && i(!0);
             }
             break;
-          case D:
+          case "RadioList":
             {
-              const p = e.value;
-              e.options.findIndex((a) => a.value === p) < 0 && i(!0);
+              const a = t.value;
+              t.options.findIndex((s) => s.value === a) < 0 && i(!0);
             }
             break;
-          case E:
-            e.files.length < 1 && i(!0);
+          case "Files":
+            t.files.length < 1 && i(!0);
             break;
-          case I:
-            e.value || i(!0);
+          case "Image":
+            t.value || i(!0);
             break;
-          case x:
-            R(e.value.trim()) || i(!0);
+          case "Date":
+            L(t.value.trim()) || i(!0);
             break;
-          case S:
-            e.options.findIndex((f) => f.checked === !0) < 0 && i(!0);
+          case "CheckboxList":
+            t.options.findIndex((m) => m.checked === !0) < 0 && i(!0);
             break;
         }
     }));
-  }, [c, m]), /* @__PURE__ */ h("div", { className: A ? "Form FormWide" : "Form", children: [
-    b && /* @__PURE__ */ n(l, { type: "Success", children: b }),
-    k && /* @__PURE__ */ n(l, { type: "Error", children: k }),
-    d && /* @__PURE__ */ n(l, { children: d }),
-    c,
-    (m || u) && /* @__PURE__ */ h("div", { className: "FormSubmitButtons", children: [
-      m && /* @__PURE__ */ n(
-        C,
+  }, [n, p]), /* @__PURE__ */ v("div", { className: y ? "Form FormWide" : "Form", children: [
+    k && /* @__PURE__ */ c(u, { type: "Success", children: k }),
+    d && /* @__PURE__ */ c(u, { type: "Error", children: d }),
+    f && /* @__PURE__ */ c(u, { children: f }),
+    n,
+    (p || l) && /* @__PURE__ */ v("div", { className: "FormSubmitButtons", children: [
+      p && /* @__PURE__ */ c(
+        h,
         {
-          type: j,
-          label: m,
-          disabled: N,
+          type: C,
+          label: p,
+          disabled: g,
           onClick: () => {
-            if (!v) return;
-            const r = {}, o = (e, s) => {
-              if (!r[e]) {
-                r[e] = s;
+            if (!b) return;
+            const o = {}, t = (r, e) => {
+              if (!o[r]) {
+                o[r] = e;
                 return;
               }
-              r[e] instanceof Array ? r[e].push(s) : r[e] = [r[e], s];
+              o[r] instanceof Array ? o[r].push(e) : o[r] = [o[r], e];
             };
-            y(c, (e) => {
-              if (!e) return;
-              const s = e;
-              if (typeof s.type != "function") return;
-              const t = s.props;
-              switch (s.type) {
-                case x:
-                case T:
-                case g:
-                  o(t.id, t.value.trim());
+            x(n, (r) => {
+              const e = r.props;
+              switch (r.type.name) {
+                case "Date":
+                case "Time":
+                case "Input":
+                  t(e.id, e.value.trim());
                   break;
-                case B:
-                  o(t.id, t.checked ? t.value : void 0);
+                case "Checkbox":
+                  t(e.id, e.checked ? e.value : void 0);
                   break;
-                case F:
-                case D:
-                  o(t.id, t.value);
+                case "Select":
+                case "RadioList":
+                  t(e.id, e.value);
                   break;
-                case E:
-                  o(t.id, t.files);
+                case "Files":
+                  t(e.id, e.files);
                   break;
-                case I:
-                  o(t.id, t.value);
+                case "Image":
+                  t(e.id, e.value);
                   break;
-                case V:
-                  o(t.id, t.value);
+                case "Hidden":
+                  t(e.id, e.value);
                   break;
-                case S:
+                case "CheckboxList":
                   {
-                    const p = [];
-                    t.options.forEach((a) => {
-                      a.checked && p.push(a.value);
-                    }), o(t.id, p);
+                    const a = [];
+                    e.options.forEach((s) => {
+                      s.checked && a.push(s.value);
+                    }), t(e.id, a);
                   }
                   break;
               }
-            }), v(r);
+            }), b(o);
           }
         }
       ),
-      u && /* @__PURE__ */ n(
-        C,
+      l && /* @__PURE__ */ c(
+        h,
         {
-          type: w,
-          label: u,
-          onClick: L
+          type: F,
+          label: l,
+          onClick: I
         }
       )
     ] })
   ] });
 };
 export {
-  De as Form,
-  De as default
+  ne as Form,
+  ne as default
 };

package/dist/components/form/form/traverse.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode, ReactElement } from 'react';
+/**
+ * Рекурсивно обходит всех потомков и вызывает callback для каждого функционального компонента
+ */
+declare function traverseFunctionalComponents(children: ReactNode, callback: (element: ReactElement) => void): void;
+export default traverseFunctionalComponents;

package/dist/components/form/form/traverse.js

@@ -0,0 +1,24 @@
+import r from "react";
+function f(t) {
+  return typeof t == "object" && t !== null && "$$typeof" in t && typeof t.$$typeof == "symbol";
+}
+function i(t) {
+  var o;
+  if (!r.isValidElement(t)) return !1;
+  let e = t.type;
+  for (; f(e) && (e.$$typeof === Symbol.for("react.memo") || e.$$typeof === Symbol.for("react.forward_ref")); )
+    e = e.type;
+  return typeof e == "function" && !((o = e.prototype) != null && o.isReactComponent);
+}
+function p(t, e) {
+  r.Children.forEach(t, (o) => {
+    if (o && r.isValidElement(o)) {
+      i(o) && e(o);
+      const n = o.props;
+      "children" in n && n.children != null && p(n.children, e);
+    }
+  });
+}
+export {
+  p as default
+};

package/dist/components/form/image/Image.js

@@ -2,7 +2,6 @@ import { jsx as r, jsxs as F, Fragment as C } from "react/jsx-runtime";
 import { useState as n, useEffect as d } from "react";
 import E from "../label/Label.js";
 import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
@@ -34,7 +33,7 @@ import j from "../../icons/Trash.js";
 /* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const gr = ({
+const cr = ({
   id: u,
   value: o,
   text: l,
@@ -101,6 +100,6 @@ const gr = ({
   ) });
 };
 export {
-  gr as Image,
-  gr as default
+  cr as Image,
+  cr as default
 };

package/dist/components/form/select/Select.js

@@ -2,7 +2,6 @@ import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import { useRef as S, useState as a, useEffect as O } from "react";
 import V from "../label/Label.js";
 import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
@@ -33,7 +32,7 @@ import { Menu as E } from "../../ui/menu/Menu.js";
 /* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const ur = ({
+const cr = ({
   id: f,
   value: o,
   onChange: d,
@@ -109,6 +108,6 @@ const ur = ({
   ] });
 };
 export {
-  ur as Select,
-  ur as default
+  cr as Select,
+  cr as default
 };

package/dist/components/form/time/Time.js

@@ -3,7 +3,6 @@ import { useRef as k, useState as s, useEffect as H } from "react";
 import R from "../label/Label.js";
 import { Menu as N } from "../../ui/menu/Menu.js";
 import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css                           */
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
@@ -32,9 +31,9 @@ import O from "../../icons/Check.js";
 /* empty css                       */
 /* empty css                         */
 /* empty css                        */
-const vr = ({
+const hr = ({
   id: d,
-  value: l,
+  value: m,
   step: x = 1,
   onChange: o,
   label: g,
@@ -43,13 +42,13 @@ const vr = ({
   required: $ = !1,
   disabled: p = !1
 }) => {
-  const a = k(null), c = k(null), [n, C] = s(""), [m, I] = s(""), [j, w] = s([]), [z, E] = s([]), [S, u] = s(!1), [T, f] = s(!1);
+  const a = k(null), c = k(null), [n, C] = s(""), [l, I] = s(""), [j, w] = s([]), [z, E] = s([]), [S, u] = s(!1), [T, f] = s(!1);
   H(() => {
-    let [r, t] = l.split(":");
+    let [r, t] = m.split(":");
     r = parseInt(r), t = parseInt(t), (isNaN(r) || r < 0 || r > 23) && (r = 0), (isNaN(t) || t < 0 || t > 59) && (t = 0), r = `0${r}`.slice(-2), t = `0${t}`.slice(-2), C(r), I(t);
     const i = `${r}:${t}`;
-    i !== l && o && o(i);
-  }, [l, o]), H(() => {
+    i !== m && o && o(i);
+  }, [m, o]), H(() => {
     const r = [], t = [];
     for (let i = 0; i < 24; i++)
       r.push(`0${i}`.slice(-2));
@@ -57,14 +56,14 @@ const vr = ({
       t.push(`0${i}`.slice(-2));
     w(r), E(t);
   }, [x]);
-  const h = () => !!($ && (!n || !m)), v = () => {
+  const h = () => !!($ && (!n || !l)), v = () => {
     if (h()) return {
       caretColor: "var(--alxgrn-input-border-error)",
       borderColor: "var(--alxgrn-input-border-error)",
       backgroundColor: "var(--alxgrn-input-bg-error)"
     };
   }, F = (r) => {
-    u(!1), o && o(`${r.text ?? ""}:${m}`);
+    u(!1), o && o(`${r.text ?? ""}:${l}`);
   }, L = (r) => {
     f(!1), o && o(`${n}:${r.text ?? ""}`);
   };
@@ -99,7 +98,7 @@ const vr = ({
               id: `${d}-min`,
               ref: c,
               type: "text",
-              value: m,
+              value: l,
               style: v(),
               disabled: !!p,
               onClick: () => f(!0),
@@ -131,7 +130,7 @@ const vr = ({
         onClose: () => f(!1),
         horizontal: "inner-right",
         margin: "var(--alxgrn-unit-small)",
-        items: z.map((r) => ({ id: r, text: r, icon: r === m ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e("div", { className: "empty" }) })),
+        items: z.map((r) => ({ id: r, text: r, icon: r === l ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e("div", { className: "empty" }) })),
         onClick: L,
         maxHeight: "auto",
         width: "auto"
@@ -140,5 +139,5 @@ const vr = ({
   ] });
 };
 export {
-  vr as default
+  hr as default
 };

package/dist/components/layout/Layout.js

@@ -3,7 +3,6 @@ import { useState as n } from "react";
 import l from "./Header.js";
 import u from "./Content.js";
 import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                   */
@@ -31,7 +30,7 @@ import { Sidebar as d } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
 /* empty css                        */
 import c from "./MainMenu.js";
-const X = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
+const W = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
   const [a, r] = n(!1);
   return /* @__PURE__ */ f("div", { className: "Layout", children: [
     /* @__PURE__ */ o(
@@ -62,5 +61,5 @@ const X = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick:
   ] });
 };
 export {
-  X as default
+  W as default
 };

package/dist/components/layout/Page.js

@@ -1,7 +1,6 @@
 import { jsxs as m, jsx as r, Fragment as a } from "react/jsx-runtime";
 import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css                        */
 import "react";
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                   */
@@ -31,7 +30,7 @@ import { Sidebar as n } from "../ui/sidebar/Sidebar.js";
 /* empty css                    */
 /* empty css                      */
 /* empty css                     */
-const L = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
+const K = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
   o && /* @__PURE__ */ r(a, { children: o }),
   /* @__PURE__ */ m("div", { className: i ? "PageBody" : "PageBody Wide", children: [
     /* @__PURE__ */ r("div", { className: "PageContent", children: p }),
@@ -50,5 +49,5 @@ const L = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSid
   )
 ] });
 export {
-  L as default
+  K as default
 };

package/dist/components/layout/PageHeader.js

@@ -5,7 +5,6 @@ import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../
 import k from "../icons/Trash.js";
 /* empty css                        */
 import "react";
-import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                   */
@@ -33,7 +32,7 @@ import x from "../ui/toolbar/Toolbar.js";
 /* empty css                    */
 /* empty css                      */
 /* empty css                     */
-const te = ({
+const de = ({
   menu: d,
   title: C,
   subtitle: T,
@@ -107,5 +106,5 @@ const te = ({
   ] });
 };
 export {
-  te as default
+  de as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alxgrn/telefrag-ui",
   "description": "UI library for The Daily Telefrag project",
-  "version": "0.0.64",
+  "version": "0.1.1",
   "private": false,
   "author": "Alexander Fedorov <alex@molner.ru>",
   "license": "Apache-2.0",
@@ -29,7 +29,6 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "react-children-utilities": "^2.10.0",
     "react-dom": "^19.2.0",
     "react-transition-group": "^4.4.5"
   },