@alxgrn/telefrag-ui 0.0.3 → 0.0.7

package/dist/assets/Button.css

@@ -1 +1 @@
-:root{--alxgrn-button-bg: var(--alxgrn-border-dark);--alxgrn-button-color: white;--alxgrn-button-border: var(--alxgrn-border-dark);--alxgrn-button-bg-error: var(--alxgrn-border-error);--alxgrn-button-color-error: white;--alxgrn-button-border-error: var(--alxgrn-border-error);--alxgrn-button-bg-success: var(--alxgrn-border-success);--alxgrn-button-color-success: white;--alxgrn-button-border-success: var(--alxgrn-border-success);--alxgrn-button-bg-accent: var(--alxgrn-border-accent);--alxgrn-button-color-accent: white;--alxgrn-button-border-accent: var(--alxgrn-border-accent)}[data-theme=dark]{--alxgrn-button-color: #ccc;--alxgrn-button-color-error: #ccc;--alxgrn-button-color-success: #ccc;--alxgrn-button-color-accent: #ccc}.Button,.Button.Default{cursor:pointer;color:var(--alxgrn-button-color);background-color:var(--alxgrn-button-bg);display:inline-block;margin:0;padding:var(--alxgrn-unit-half) var(--alxgrn-unit-double);text-align:center;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--alxgrn-unit-small);opacity:.9}.Button:hover{opacity:1}.Button.Disabled,.Button.Disabled:hover{cursor:default;opacity:.5}.Button.Success{color:var(--alxgrn-button-color-success);border-color:var(--alxgrn-button-border-success);background-color:var(--alxgrn-button-bg-success)}.Button.Error{color:var(--alxgrn-button-color-error);border-color:var(--alxgrn-button-border-error);background-color:var(--alxgrn-button-bg-error)}.Button.Accent{color:var(--alxgrn-button-color-accent);border-color:var(--alxgrn-button-border-accent);background-color:var(--alxgrn-button-bg-accent)}.Button.Small{font-size:var(--alxgrn-font-small);padding:var(--alxgrn-unit-small) var(--alxgrn-unit)}
+:root{--alxgrn-button-bg: var(--alxgrn-border-dark);--alxgrn-button-color: white;--alxgrn-button-border: var(--alxgrn-border-dark);--alxgrn-button-bg-error: var(--alxgrn-border-error);--alxgrn-button-color-error: white;--alxgrn-button-border-error: var(--alxgrn-border-error);--alxgrn-button-bg-success: var(--alxgrn-border-success);--alxgrn-button-color-success: white;--alxgrn-button-border-success: var(--alxgrn-border-success);--alxgrn-button-bg-accent: var(--alxgrn-border-accent);--alxgrn-button-color-accent: white;--alxgrn-button-border-accent: var(--alxgrn-border-accent)}[data-theme=dark]{--alxgrn-button-color: #ccc;--alxgrn-button-color-error: #ccc;--alxgrn-button-color-success: #ccc;--alxgrn-button-color-accent: #ccc}.Button,.Button.Default{cursor:pointer;color:var(--alxgrn-button-color);background-color:var(--alxgrn-button-bg);display:inline-block;margin:0;padding:var(--alxgrn-unit-half) var(--alxgrn-unit-double);text-align:center;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--alxgrn-unit-small);opacity:.9}.Button:hover{opacity:1}.Button.Disabled,.Button.Disabled:hover{cursor:default;opacity:.5}.Button.Success{color:var(--alxgrn-button-color-success);border-color:var(--alxgrn-button-border-success);background-color:var(--alxgrn-button-bg-success)}.Button.Error{color:var(--alxgrn-button-color-error);border-color:var(--alxgrn-button-border-error);background-color:var(--alxgrn-button-bg-error)}.Button.Accent{color:var(--alxgrn-button-color-accent);border-color:var(--alxgrn-button-border-accent);background-color:var(--alxgrn-button-bg-accent)}.Button.Small{font-size:var(--alxgrn-font-size-small);padding:var(--alxgrn-unit-small) var(--alxgrn-unit)}

package/dist/assets/Content.css

@@ -0,0 +1 @@
+.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:var(--alxgrn-layout-header-height)}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main)}.Content .ContentMenu .ContentMenuInner{position:sticky;top:var(--alxgrn-layout-header-height)}.Content .ContentMain{flex:1 1 auto}@media (max-width: 1024px){.Content .ContentMenu{display:none}}@media (max-width: 768px){.Content{padding-left:0;padding-right:0}}

package/dist/assets/DatePicker.css

@@ -1 +1 @@
-:root{--alxgrn-datepicker-bg: transparent;--alxgrn-datepicker-bg-day: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-menu: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-hover: var(--alxgrn-bg-active);--alxgrn-datepicker-bg-select: var(--alxgrn-bg-dark);--alxgrn-datepicker-color: var(--alxgrn-color-text);--alxgrn-datepicker-color-accent: var(--alxgrn-color-accent);--alxgrn-datepicker-color-select: white;--alxgrn-datepicker-border: transparent}.FormDatePicker{display:grid;gap:var(--alxgrn-unit-smallest);width:fit-content;overflow:hidden;border:1px solid var(--alxgrn-datepicker-border);border-radius:var(--alxgrn-unit-small);padding:var(--alxgrn-unit-small)}.FormDatePicker *{margin:0;padding:0;text-align:center;color:var(--alxgrn-datepicker-color);background-color:var(--alxgrn-datepicker-bg);line-height:var(--alxgrn-unit-double);-webkit-user-select:none;user-select:none}.FormDatePicker .FormDatePickerMenu{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));text-transform:capitalize;background-color:var(--alxgrn-datepicker-bg-menu);gap:var(--alxgrn-unit-smallest);border-radius:var(--alxgrn-unit-small);overflow:hidden}.FormDatePicker .FormDatePickerMenu .FormDatePickerText{grid-column:span 5;font-size:smaller}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext{color:var(--alxgrn-datepicker-color-accent);cursor:pointer}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev:hover,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));gap:var(--alxgrn-unit-smallest);font-size:smaller}.FormDatePicker .FormDatePickerDays span{background-color:var(--alxgrn-datepicker-bg-day);overflow:hidden;cursor:pointer;border-radius:var(--alxgrn-unit-small)}.FormDatePicker .FormDatePickerDays span:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays span.Empty{cursor:default;background-color:var(--alxgrn-datepicker-bg)}.FormDatePicker .FormDatePickerDays span.Selected{color:var(--alxgrn-datepicker-color-select);background-color:var(--alxgrn-datepicker-bg-select)}.FormDatePicker .FormDatePickerDays span.Current{color:var(--alxgrn-datepicker-color-accent);font-weight:700}
+:root{--alxgrn-datepicker-bg: transparent;--alxgrn-datepicker-bg-day: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-menu: var(--alxgrn-bg-light);--alxgrn-datepicker-bg-hover: var(--alxgrn-bg-active);--alxgrn-datepicker-bg-select: var(--alxgrn-bg-dark);--alxgrn-datepicker-color: var(--alxgrn-color-text);--alxgrn-datepicker-color-accent: var(--alxgrn-color-accent);--alxgrn-datepicker-color-select: white;--alxgrn-datepicker-border: transparent}.FormDatePicker{display:grid;gap:var(--alxgrn-unit-smallest);width:fit-content;overflow:hidden;border:1px solid var(--alxgrn-datepicker-border);border-radius:var(--alxgrn-unit-small);padding:var(--alxgrn-unit-small)}.FormDatePicker *{margin:0;padding:0;text-align:center;color:var(--alxgrn-datepicker-color);background-color:var(--alxgrn-datepicker-bg);line-height:var(--alxgrn-unit-double);-webkit-user-select:none;user-select:none}.FormDatePicker .FormDatePickerMenu{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));text-transform:capitalize;background-color:var(--alxgrn-datepicker-bg-menu);gap:var(--alxgrn-unit-smallest);border-radius:var(--alxgrn-unit-small);overflow:hidden}.FormDatePicker .FormDatePickerMenu .FormDatePickerText{grid-column:span 5;font-size:smaller}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext{color:var(--alxgrn-datepicker-color-accent);cursor:pointer;display:flex;align-items:center;justify-content:center}.FormDatePicker .FormDatePickerMenu .FormDatePickerPrev:hover,.FormDatePicker .FormDatePickerMenu .FormDatePickerNext:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays{display:grid;grid-template-columns:repeat(7,var(--alxgrn-unit-double));gap:var(--alxgrn-unit-smallest);font-size:smaller}.FormDatePicker .FormDatePickerDays span{background-color:var(--alxgrn-datepicker-bg-day);overflow:hidden;cursor:pointer;border-radius:var(--alxgrn-unit-small)}.FormDatePicker .FormDatePickerDays span:hover{background-color:var(--alxgrn-datepicker-bg-hover)}.FormDatePicker .FormDatePickerDays span.Empty{cursor:default;background-color:var(--alxgrn-datepicker-bg)}.FormDatePicker .FormDatePickerDays span.Selected{color:var(--alxgrn-datepicker-color-select);background-color:var(--alxgrn-datepicker-bg-select)}.FormDatePicker .FormDatePickerDays span.Current{color:var(--alxgrn-datepicker-color-accent);font-weight:700}

package/dist/assets/Fieldset.css

@@ -1 +1 @@
-:root{--alxgrn-fieldset-color: var(--alxgrn-color-accent);--alxgrn-fieldset-color-error: var(--alxgrn-color-error);--alxgrn-fieldset-color-top: var(--alxgrn-color-light);--alxgrn-fieldset-color-bottom: var(--alxgrn-color-light);--alxgrn-fieldset-color-disabled: var(--alxgrn-color-light);--alxgrn-fieldset-border: var(--alxgrn-border-accent);--alxgrn-fieldset-border-error: var(--alxgrn-border-error);--alxgrn-fieldset-border-disabled: var(--alxgrn-border-light)}.Form .Fieldset{display:block;margin:var(--alxgrn-unit) 0}.Form .Fieldset .FormItem{margin:0 0 var(--alxgrn-unit-half) 0}.Form .Fieldset .FormItem:last-child{margin-bottom:0}.Form .Fieldset .Label{color:var(--alxgrn-fieldset-color);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Inner{border:1px solid var(--alxgrn-fieldset-border);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small)}.Form .Fieldset .Top,.Form .Fieldset .Bottom{font-size:smaller}.Form .Fieldset .Top{color:var(--alxgrn-fieldset-color-top);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Bottom{color:var(--alxgrn-fieldset-color-bottom);margin-top:var(--alxgrn-unit-small)}.Form .Fieldset.Disabled .Label,.Form .Fieldset.Disabled .Top,.Form .Fieldset.Disabled .Bottom{color:var(--alxgrn-fieldset-color-disabled)}.Form .Fieldset.Disabled .Inner{border-color:var(--alxgrn-fieldset-border-disabled)}.Form .Fieldset.Error .Label,.Form .Fieldset.Error .Top,.Form .Fieldset.Error .Bottom{color:var(--alxgrn-fieldset-color-error)}.Form .Fieldset.Error .Inner{border-color:var(--alxgrn-fieldset-border-error)}
+:root{--alxgrn-fieldset-color: var(--alxgrn-color-accent);--alxgrn-fieldset-color-error: var(--alxgrn-color-error);--alxgrn-fieldset-color-top: var(--alxgrn-color-light);--alxgrn-fieldset-color-bottom: var(--alxgrn-color-light);--alxgrn-fieldset-color-disabled: var(--alxgrn-color-light);--alxgrn-fieldset-border: var(--alxgrn-border-accent);--alxgrn-fieldset-border-error: var(--alxgrn-border-error);--alxgrn-fieldset-border-disabled: var(--alxgrn-border-light)}.Form .Fieldset{display:block;margin:var(--alxgrn-unit) 0;overflow:hidden}.Form .Fieldset .FormItem{margin:0 0 var(--alxgrn-unit-half) 0}.Form .Fieldset .FormItem:last-child{margin-bottom:0}.Form .Fieldset .Label{display:flex;align-items:center;color:var(--alxgrn-fieldset-color);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Inner{border:1px solid var(--alxgrn-fieldset-border);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small)}.Form .Fieldset .Top,.Form .Fieldset .Bottom{font-size:smaller}.Form .Fieldset .Top{color:var(--alxgrn-fieldset-color-top);margin-bottom:var(--alxgrn-unit-small)}.Form .Fieldset .Bottom{color:var(--alxgrn-fieldset-color-bottom);margin-top:var(--alxgrn-unit-small)}.Form .Fieldset.Disabled .Label,.Form .Fieldset.Disabled .Top,.Form .Fieldset.Disabled .Bottom{color:var(--alxgrn-fieldset-color-disabled)}.Form .Fieldset.Disabled .Inner{border-color:var(--alxgrn-fieldset-border-disabled)}.Form .Fieldset.Error .Label,.Form .Fieldset.Error .Top,.Form .Fieldset.Error .Bottom{color:var(--alxgrn-fieldset-color-error)}.Form .Fieldset.Error .Inner{border-color:var(--alxgrn-fieldset-border-error)}

package/dist/assets/Footer.css

@@ -0,0 +1 @@
+.Footer{padding:var(--alxgrn-unit);font-size:var(--alxgrn-font-size-small);text-align:center}

package/dist/assets/Header.css

@@ -0,0 +1 @@
+.HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;padding:0;background-color:var(--alxgrn-bg-main)}.Header{display:flex;align-items:center;gap:var(--alxgrn-unit);padding:0 var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto}.HeaderLeft{display:none}.HeaderLeft span{cursor:pointer}.HeaderCenter{flex:1 1 auto;display:flex;align-items:center;padding-left:calc(var(--alxgrn-unit) + var(--alxgrn-layout-menu-width))}.HeaderCenter svg{width:auto;height:calc(2 * var(--alxgrn-unit))}@media (max-width: 1024px){.HeaderLeft{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.HeaderCenter{padding-left:0}}@media (max-width: 768px){.Header{padding-left:0;padding-right:0}}

package/dist/assets/Input.css

@@ -1 +1 @@
-:root{--alxgrn-input-bg: var(--alxgrn-bg-accent);--alxgrn-input-color: var(--alxgrn-color-text);--alxgrn-input-caret: var(--alxgrn-color-text);--alxgrn-input-border: var(--alxgrn-border-accent);--alxgrn-input-bg-focus: var(--alxgrn-bg-active);--alxgrn-input-color-focus: var(--alxgrn-color-text);--alxgrn-input-caret-focus: var(--alxgrn-color-accent);--alxgrn-input-border-focus: var(--alxgrn-border-accent);--alxgrn-input-bg-error: var(--alxgrn-bg-error);--alxgrn-input-color-error: var(--alxgrn-color-error);--alxgrn-input-caret-error: var(--alxgrn-color-error);--alxgrn-input-border-error: var(--alxgrn-border-error);--alxgrn-input-bg-success: var(--alxgrn-bg-success);--alxgrn-input-color-success: var(--alxgrn-color-success);--alxgrn-input-caret-success: var(--alxgrn-color-success);--alxgrn-input-border-success: var(--alxgrn-border-success);--alxgrn-input-bg-disabled: var(--alxgrn-bg-light);--alxgrn-input-color-disabled: var(--alxgrn-color-light);--alxgrn-input-caret-disabled: var(--alxgrn-color-light);--alxgrn-input-border-disabled: var(--alxgrn-border-light);--alxgrn-input-color-placeholder: lightslategrey}.FormItem input[type=text],.FormItem input[type=password],.FormItem textarea{color:var(--alxgrn-input-color);padding:var(--alxgrn-unit-half);margin:0;font-size:inherit;line-height:inherit;font-family:inherit;caret-color:var(--alxgrn-input-caret);border-radius:var(--alxgrn-unit-small);border:1px solid var(--alxgrn-input-border);width:100%;display:block;background-color:var(--alxgrn-input-bg);appearance:none;-moz-appearance:none;-webkit-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.FormItem textarea{resize:vertical}.FormItem input[type=text]:focus,.FormItem input[type=password]:focus,.FormItem textarea:focus{outline:none;color:var(--alxgrn-input-color-focus);background-color:var(--alxgrn-input-bg-focus);border:1px solid var(--alxgrn-input-border-focus);caret-color:var(--alxgrn-input-caret-focus)}.FormItem input[type=text]::placeholder,.FormItem input[type=password]::placeholder,.FormItem textarea::placeholder{color:var(--alxgrn-input-color-placeholder);font-size:var(--alxgrn-unit)}.FormItem input[type=text]:disabled,.FormItem input[type=password]:disabled,.FormItem textarea:disabled{color:var(--alxgrn-input-color-disabled);border-color:var(--alxgrn-input-border-disabled);background-color:var(--alxgrn-input-bg-disabled);cursor:default;caret-color:var(--alxgrn-input-caret-disabled)}.FormItem input:read-only{cursor:pointer}
+:root{--alxgrn-input-bg: var(--alxgrn-bg-accent);--alxgrn-input-color: var(--alxgrn-color-text);--alxgrn-input-caret: var(--alxgrn-color-text);--alxgrn-input-border: var(--alxgrn-border-accent);--alxgrn-input-border-scroll: var(--alxgrn-bg-accent);--alxgrn-input-bg-focus: var(--alxgrn-bg-active);--alxgrn-input-color-focus: var(--alxgrn-color-text);--alxgrn-input-caret-focus: var(--alxgrn-color-accent);--alxgrn-input-border-focus: var(--alxgrn-border-accent);--alxgrn-input-border-scroll-focus: var(--alxgrn-bg-active);--alxgrn-input-bg-error: var(--alxgrn-bg-error);--alxgrn-input-color-error: var(--alxgrn-color-error);--alxgrn-input-caret-error: var(--alxgrn-color-error);--alxgrn-input-border-error: var(--alxgrn-border-error);--alxgrn-input-bg-success: var(--alxgrn-bg-success);--alxgrn-input-color-success: var(--alxgrn-color-success);--alxgrn-input-caret-success: var(--alxgrn-color-success);--alxgrn-input-border-success: var(--alxgrn-border-success);--alxgrn-input-bg-disabled: var(--alxgrn-bg-light);--alxgrn-input-color-disabled: var(--alxgrn-color-light);--alxgrn-input-caret-disabled: var(--alxgrn-color-light);--alxgrn-input-border-disabled: var(--alxgrn-border-light);--alxgrn-input-color-placeholder: lightslategrey}.FormItem input[type=text],.FormItem input[type=password],.FormItem textarea{color:var(--alxgrn-input-color);padding:var(--alxgrn-unit-half);margin:0;font-size:inherit;line-height:inherit;font-family:inherit;caret-color:var(--alxgrn-input-caret);border-radius:var(--alxgrn-unit-small);border:1px solid var(--alxgrn-input-border);width:100%;display:block;background-color:var(--alxgrn-input-bg);appearance:none;-moz-appearance:none;-webkit-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.FormItem textarea{resize:none}.FormItem input[type=text]:focus,.FormItem input[type=password]:focus,.FormItem textarea:focus{outline:none;color:var(--alxgrn-input-color-focus);background-color:var(--alxgrn-input-bg-focus);border:1px solid var(--alxgrn-input-border-focus);caret-color:var(--alxgrn-input-caret-focus)}.FormItem input[type=text]::placeholder,.FormItem input[type=password]::placeholder,.FormItem textarea::placeholder{color:var(--alxgrn-input-color-placeholder);font-size:var(--alxgrn-unit)}.FormItem input[type=text]:disabled,.FormItem input[type=password]:disabled,.FormItem textarea:disabled{color:var(--alxgrn-input-color-disabled);border-color:var(--alxgrn-input-border-disabled);background-color:var(--alxgrn-input-bg-disabled);cursor:default;caret-color:var(--alxgrn-input-caret-disabled)}.FormItem input:read-only{cursor:pointer}.FormItem textarea::-webkit-scrollbar{width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half)}.FormItem textarea::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.FormItem textarea::-webkit-scrollbar-thumb{background-color:var(--alxgrn-input-border);border-radius:var(--alxgrn-unit-small);border:var(--alxgrn-unit-smallest) solid var(--alxgrn-input-border-scroll)}.FormItem textarea:focus::-webkit-scrollbar-thumb{border-color:var(--alxgrn-input-border-scroll-focus)}.FormItem textarea::-webkit-scrollbar-corner{background-color:transparent}

package/dist/assets/Label.css

@@ -1 +1 @@
-:root{--alxgrn-label-color: var(--alxgrn-color-accent);--alxgrn-label-color-error: var(--alxgrn-color-error);--alxgrn-label-color-top: var(--alxgrn-color-light);--alxgrn-label-color-bottom: var(--alxgrn-color-light);--alxgrn-label-color-disabled: var(--alxgrn-color-light)}.FormItem label{color:var(--alxgrn-label-color);display:block;-webkit-user-select:none;user-select:none;padding:0}.FormItem label .Label{margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Top,.FormItem label .Bottom{font-size:smaller}.FormItem label .Top{color:var(--alxgrn-label-color-top);margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Bottom{color:var(--alxgrn-label-color-bottom);margin-top:var(--alxgrn-unit-small)}.FormItem label.Disabled,.FormItem label.Disabled .Top,.FormItem label.Disabled .Bottom{color:var(--alxgrn-label-color-disabled)}.FormItem label.Error,.FormItem label.Error .Top,.FormItem label.Error .Bottom{color:var(--alxgrn-label-color-error)}
+:root{--alxgrn-label-color: var(--alxgrn-color-accent);--alxgrn-label-color-error: var(--alxgrn-color-error);--alxgrn-label-color-top: var(--alxgrn-color-light);--alxgrn-label-color-bottom: var(--alxgrn-color-light);--alxgrn-label-color-disabled: var(--alxgrn-color-light)}.FormItem label{color:var(--alxgrn-label-color);display:block;-webkit-user-select:none;user-select:none;padding:0}.FormItem label .Label{display:flex;align-items:center;margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Top,.FormItem label .Bottom{font-size:smaller}.FormItem label .Top{color:var(--alxgrn-label-color-top);margin-bottom:var(--alxgrn-unit-small)}.FormItem label .Bottom{color:var(--alxgrn-label-color-bottom);margin-top:var(--alxgrn-unit-small)}.FormItem label.Disabled,.FormItem label.Disabled .Top,.FormItem label.Disabled .Bottom{color:var(--alxgrn-label-color-disabled)}.FormItem label.Error,.FormItem label.Error .Top,.FormItem label.Error .Bottom{color:var(--alxgrn-label-color-error)}

package/dist/assets/Menu.css

@@ -1 +1 @@
-:root{--alxgrn-menu-bg-hover: var(--alxgrn-bg-active);--alxgrn-menu-color-scroll: var(--alxgrn-color-light);--alxgrn-menu-color-separator: var(--alxgrn-color-light)}.Popup .Menu{position:relative;overflow:auto;margin:var(--alxgrn-unit-small);margin-right:var(--alxgrn-unit-smallest);width:100%}.Popup .Menu ul{margin:0;padding:0 var(--alxgrn-unit-smallest) 0 0;list-style-type:none}.Popup .Menu ul li{display:flex;cursor:pointer;align-items:center;color:var(--alxgrn-color-text);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small);white-space:nowrap;gap:var(--alxgrn-unit-half)}.Popup .Menu ul li .Icon{flex:0 0 auto;font-size:larger;display:flex}.Popup .Menu ul li .Text{flex:1 1 auto;font-size:smaller;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Popup .Menu ul li:hover{background-color:var(--alxgrn-menu-bg-hover)}.Popup .Menu ul li:hover .Icon{color:var(--alxgrn-color-accent)}.Popup .Menu ul li.Separator{cursor:auto;padding:0;margin:var(--alxgrn-unit-half) var(--alxgrn-unit-small);border-top:1px solid var(--alxgrn-menu-color-separator);border-radius:0;height:0;overflow:hidden}.Popup .Menu ul li.Separator:hover{background-color:transparent}.Popup .Menu ul li.Disabled{color:var(--alxgrn-color-disabled);cursor:default}.Popup .Menu{scrollbar-color:transparent var(--alxgrn-menu-color-scroll);scrollbar-width:thin}.Popup .Menu::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Popup .Menu::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Popup .Menu::-webkit-scrollbar-thumb{background-color:var(--alxgrn-menu-color-scroll);border-radius:var(--alxgrn-unit-small)}.Popup .Menu::-webkit-scrollbar-corner{background-color:transparent}
+:root{--alxgrn-menu-bg-hover: var(--alxgrn-bg-active);--alxgrn-menu-color-separator: var(--alxgrn-color-light)}.Popup .Menu{position:relative;overflow:auto;margin:var(--alxgrn-unit-small);margin-right:var(--alxgrn-unit-smallest);width:100%}.Popup .Menu ul{margin:0;padding:0 var(--alxgrn-unit-smallest) 0 0;list-style-type:none}.Popup .Menu ul li{display:flex;cursor:pointer;align-items:center;color:var(--alxgrn-color-text);padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-small);white-space:nowrap;gap:var(--alxgrn-unit-half)}.Popup .Menu ul li .Icon{flex:0 0 auto;font-size:larger;display:flex}.Popup .Menu ul li .Text{flex:1 1 auto;font-size:smaller;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Popup .Menu ul li:hover{background-color:var(--alxgrn-menu-bg-hover)}.Popup .Menu ul li:hover .Icon{color:var(--alxgrn-color-accent)}.Popup .Menu ul li.Separator{cursor:auto;padding:0;margin:var(--alxgrn-unit-half) var(--alxgrn-unit-small);border-top:1px solid var(--alxgrn-menu-color-separator);border-radius:0;height:0;overflow:hidden}.Popup .Menu ul li.Separator:hover{background-color:transparent}.Popup .Menu ul li.Disabled{color:var(--alxgrn-color-disabled);cursor:default}

package/dist/assets/Modal.css

@@ -1 +1 @@
-:root{--alxgrn-modal-zindex: 1000;--alxgrn-modal-shadow: 0 0 var(--alxgrn-unit-half) rgba(0,0,0,.1);--alxgrn-modal-color: var(--alxgrn-color-text);--alxgrn-modal-bg-color: var(--alxgrn-bg-modal);--alxgrn-modal-animation-length: .1s;--alxgrn-modal-width: 512px;--alxgrn-modal-color-close: var(--alxgrn-color-light);--alxgrn-modal-color-accent: var(--alxgrn-color-accent);--alxgrn-modal-color-scroll: var(--alxgrn-color-light)}.Modal{z-index:var(--alxgrn-modal-zindex);position:fixed;top:0;left:0;right:0;bottom:0;padding:var(--alxgrn-unit);background-color:#00000080;overflow:hidden;display:flex;align-items:center;justify-content:center}.Modal *{color:var(--alxgrn-modal-color);font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Modal .ModalInner{display:flex;padding:var(--alxgrn-unit-double) var(--alxgrn-unit) var(--alxgrn-unit-double) var(--alxgrn-unit-double);position:relative;background-color:var(--alxgrn-modal-bg-color);width:var(--alxgrn-modal-width);max-height:100%;border-radius:var(--alxgrn-unit-half);overflow:auto}.Modal .ModalInner .ModalContent{width:100%;overflow:auto;padding-right:var(--alxgrn-unit)}.Modal .ModalInner .ModalContent .Form{max-width:100%;margin-bottom:0}.Modal .ModalInner .ModalClose{position:absolute;top:var(--alxgrn-unit);right:var(--alxgrn-unit);width:var(--alxgrn-unit);height:var(--alxgrn-unit);cursor:pointer}.Modal .ModalInner .ModalClose span{position:absolute;background-color:var(--alxgrn-modal-color-close);display:inline-block;border-radius:2px;width:2px;height:var(--alxgrn-unit);top:0;left:0;transform:translate(var(--alxgrn-unit-half)) rotate(45deg)}.Modal .ModalInner .ModalClose span:nth-child(2){transform:translate(var(--alxgrn-unit-half)) rotate(135deg)}.Modal .ModalInner .ModalClose:hover span{background-color:var(--alxgrn-modal-color-accent)}@media (max-width: 512px){.Modal .ModalInner{width:100%;border-radius:var(--alxgrn-unit-half);padding:calc(var(--alxgrn-unit-half) * 3) var(--alxgrn-unit-half) var(--alxgrn-unit) var(--alxgrn-unit)}.Modal .ModalInner .ModalClose{top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half)}.Modal .ModalInner .ModalContent{padding-right:var(--alxgrn-unit-half)}}.Modal-enter{pointer-events:none;background-color:#0000}.Modal-enter-active{pointer-events:none;background-color:#00000080;transition:background-color var(--alxgrn-modal-animation-length) ease-in}.Modal-enter-done{pointer-events:auto;background-color:#00000080}.Modal-exit{pointer-events:none;background-color:#00000080}.Modal-exit-active{pointer-events:none;background-color:#0000;transition:background-color var(--alxgrn-modal-animation-length) ease-out}.Modal-exit-done{pointer-events:auto;background-color:#0000}.Modal-enter .ModalInner{pointer-events:none;opacity:0;transform:scale(.8)}.Modal-enter-active .ModalInner{pointer-events:none;opacity:1;transform:scale(1);transition:opacity var(--alxgrn-modal-animation-length) ease-in,transform var(--alxgrn-modal-animation-length) ease-in}.Modal-exit .ModalInner{pointer-events:none;opacity:1;transform:scale(1)}.Modal-exit-active .ModalInner{pointer-events:none;opacity:0;transform:scale(.8);transition:opacity var(--alxgrn-modal-animation-length) ease-out,transform var(--alxgrn-modal-animation-length) ease-out}.Modal .ModalInner .ModalContent{scrollbar-color:transparent var(--alxgrn-modal-color-scroll);scrollbar-width:thin}.Modal .ModalInner .ModalContent::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Modal .ModalInner .ModalContent::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Modal .ModalInner .ModalContent::-webkit-scrollbar-thumb{background-color:var(--alxgrn-modal-color-scroll);border-radius:var(--alxgrn-unit-small)}.Modal .ModalInner .ModalContent::-webkit-scrollbar-corner{background-color:transparent}
+:root{--alxgrn-modal-color: var(--alxgrn-color-text);--alxgrn-modal-bg-color: var(--alxgrn-bg-modal);--alxgrn-modal-animation-length: var(--alxgrn-animation-length);--alxgrn-modal-width: 512px;--alxgrn-modal-color-close: var(--alxgrn-color-light);--alxgrn-modal-color-accent: var(--alxgrn-color-accent)}.Modal{display:flex;padding:var(--alxgrn-unit-double) var(--alxgrn-unit) var(--alxgrn-unit-double) var(--alxgrn-unit-double);position:relative;background-color:var(--alxgrn-modal-bg-color);width:var(--alxgrn-modal-width);max-height:90%;border-radius:var(--alxgrn-unit-half);overflow:auto}.Modal *{font-size:inherit;line-height:inherit;font-family:inherit}.Modal .ModalInner{width:100%;overflow:auto;padding-right:var(--alxgrn-unit)}.Modal .ModalInner .Form{max-width:100%;margin-bottom:0}.Modal .ModalClose{position:absolute;top:var(--alxgrn-unit);right:var(--alxgrn-unit);width:var(--alxgrn-unit);height:var(--alxgrn-unit);cursor:pointer}.Modal .ModalClose{position:absolute;color:var(--alxgrn-modal-color-close);top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half);transform:rotate(45deg);display:flex;justify-content:center;align-items:center}.Modal .ModalClose:hover{color:var(--alxgrn-modal-color-accent)}@media (max-width: 512px){.Modal{width:100%;border-radius:var(--alxgrn-unit-half);padding:calc(var(--alxgrn-unit-half) * 3) var(--alxgrn-unit-half) var(--alxgrn-unit) var(--alxgrn-unit)}.Modal .ModalClose{top:var(--alxgrn-unit-half);right:var(--alxgrn-unit-half)}.Modal .ModalInner{padding-right:var(--alxgrn-unit-half)}}.Overlay-enter .Modal{pointer-events:none;opacity:0;transform:scale(.8)}.Overlay-enter-active .Modal{pointer-events:none;opacity:1;transform:scale(1);transition:opacity var(--alxgrn-modal-animation-length) ease-in,transform var(--alxgrn-modal-animation-length) ease-in}.Overlay-exit .Modal{pointer-events:none;opacity:1;transform:scale(1)}.Overlay-exit-active .Modal{pointer-events:none;opacity:0;transform:scale(.8);transition:opacity var(--alxgrn-modal-animation-length) ease-out,transform var(--alxgrn-modal-animation-length) ease-out}

package/dist/assets/Overlay.css

@@ -0,0 +1 @@
+:root{--alxgrn-overlay-zindex: 1000;--alxgrn-overlay-animation-length: var(--alxgrn-animation-length)}.Overlay{z-index:var(--alxgrn-overlay-zindex);position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;overflow:hidden;display:flex;align-items:center;justify-content:center}.Overlay.Left{justify-content:flex-start}.Overlay.Right{justify-content:flex-end}.Overlay.Top{align-items:flex-start}.Overlay.Bottom{align-items:flex-end}.Overlay-enter{pointer-events:none;background-color:#0000}.Overlay-enter-active{pointer-events:none;background-color:#00000080;transition:background-color var(--alxgrn-overlay-animation-length) ease-in}.Overlay-enter-done{pointer-events:auto;background-color:#00000080}.Overlay-exit{pointer-events:none;background-color:#00000080}.Overlay-exit-active{pointer-events:none;background-color:#0000;transition:background-color var(--alxgrn-overlay-animation-length) ease-out}.Overlay-exit-done{pointer-events:auto;background-color:#0000}

package/dist/assets/Page.css

@@ -0,0 +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-small: 12px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--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-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-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}: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:var(--alxgrn-unit) 0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 100px;--alxgrn-layout-sidebar-width: 340px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarShow{display:none}@media (max-width: 768px){.LayoutSidebarShow{display:initial}}.Page{display:flex;flex-direction:column;gap:var(--alxgrn-unit)}.Page .PageBody{display:flex;gap:var(--alxgrn-unit);align-items:stretch}.Page .PageBody .PageContent{flex:1 1 auto}.Page .PageBody .PageSidebar{flex:1 1 auto;width:40%;display:flex;align-items:flex-end}.Page .PageBody .PageSidebar .PageSidebarInner{position:sticky;bottom:var(--alxgrn-unit);min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}

package/dist/assets/Popup.css

@@ -1 +1 @@
-:root{--alxgrn-popup-zindex: 2000;--alxgrn-popup-shadow: 0 0 var(--alxgrn-unit-half) rgba(0,0,0,.1);--alxgrn-popup-color: var(--alxgrn-color-text);--alxgrn-popup-bg-color: var(--alxgrn-bg-popup);--alxgrn-popup-animation-length: .1s}.Popup{z-index:var(--alxgrn-popup-zindex);position:absolute}.Popup *{color:var(--alxgrn-popup-color);font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Popup .PopupInner{position:absolute;background-color:var(--alxgrn-popup-bg-color);border-radius:var(--alxgrn-unit-half);box-shadow:var(--alxgrn-popup-shadow);overflow:hidden;display:flex}.Popup-enter{pointer-events:none;opacity:0;transform:scale(.8)}.Popup-enter-active{pointer-events:none;opacity:1;transform:scale(1);transition:opacity var(--alxgrn-popup-animation-length) ease-in,transform var(--alxgrn-popup-animation-length) ease-in}.Popup-exit{pointer-events:none;opacity:1;transform:scale(1)}.Popup-exit-active{pointer-events:none;opacity:0;transform:scale(.8);transition:opacity var(--alxgrn-popup-animation-length) ease-out,transform var(--alxgrn-popup-animation-length) ease-out}
+:root{--alxgrn-popup-zindex: 2000;--alxgrn-popup-shadow: 0 0 var(--alxgrn-unit-half) rgba(0,0,0,.1);--alxgrn-popup-color: var(--alxgrn-color-text);--alxgrn-popup-bg-color: var(--alxgrn-bg-popup);--alxgrn-popup-animation-length: var(--alxgrn-animation-length)}.Popup{z-index:var(--alxgrn-popup-zindex);position:absolute}.Popup *{color:var(--alxgrn-popup-color);font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Popup .PopupInner{position:absolute;background-color:var(--alxgrn-popup-bg-color);border-radius:var(--alxgrn-unit-half);box-shadow:var(--alxgrn-popup-shadow);overflow:hidden;display:flex}.Popup-enter{pointer-events:none;opacity:0;transform:scale(.8)}.Popup-enter-active{pointer-events:none;opacity:1;transform:scale(1);transition:opacity var(--alxgrn-popup-animation-length) ease-in,transform var(--alxgrn-popup-animation-length) ease-in}.Popup-exit{pointer-events:none;opacity:1;transform:scale(1)}.Popup-exit-active{pointer-events:none;opacity:0;transform:scale(.8);transition:opacity var(--alxgrn-popup-animation-length) ease-out,transform var(--alxgrn-popup-animation-length) ease-out}

package/dist/assets/RadioLabel.css

@@ -1 +1 @@
-.Form label.Radio{color:var(--alxgrn-color-text);width:auto;display:block;-webkit-user-select:none;user-select:none;padding:0;cursor:pointer;margin-bottom:var(--alxgrn-unit-half)}.Form label.Radio:last-child{margin-bottom:0}.Form label.Radio .Bottom{font-size:smaller;color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Disabled,.Form label.Radio.Disabled .Bottom{color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Error,.Form label.Radio.Error .Bottom{color:var(--alxgrn-color-error)}.Form label.Radio{display:flex;width:fit-content;align-items:flex-start}.Form label.Radio s,.Form label.Radio input{flex:0 0 auto}.Form label.Radio div{flex:1 1 auto}.Form label.Radio input{display:none}.Form label.Radio s{width:var(--alxgrn-unit);height:var(--alxgrn-unit);border:1px solid var(--alxgrn-color-accent);padding:2px;background-clip:content-box;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:var(--alxgrn-unit-smallest) var(--alxgrn-unit-half) 0 0;text-decoration:none}.Form label.Radio input[type=radio]+s{border-radius:50%}.Form label.Radio input[type=checkbox]+s{border-radius:var(--alxgrn-unit-small)}.Form label.Radio.Disabled s{opacity:.5;border:1px solid var(--alxgrn-color-light)}.Form label.Radio.Disabled.Checked s{background-color:var(--alxgrn-color-light)}.Form label.Radio.Checked s{background-color:var(--alxgrn-color-accent)}.Form label.Radio.Error s{border:1px solid var(--alxgrn-color-error)}.Form label.Radio.Error.Checked s{background-color:var(--alxgrn-color-error)}
+.Form label.Radio{color:var(--alxgrn-color-text);width:auto;display:block;-webkit-user-select:none;user-select:none;padding:0;cursor:pointer;margin-bottom:var(--alxgrn-unit-half)}.Form label.Radio:last-child{margin-bottom:0}.Form label.Radio .Label{display:flex;align-items:center}.Form label.Radio .Bottom{font-size:smaller;color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Disabled,.Form label.Radio.Disabled .Bottom{color:var(--alxgrn-color-light);cursor:default}.Form label.Radio.Error,.Form label.Radio.Error .Bottom{color:var(--alxgrn-color-error)}.Form label.Radio{display:flex;width:fit-content;align-items:flex-start}.Form label.Radio s,.Form label.Radio input{flex:0 0 auto}.Form label.Radio div{flex:1 1 auto}.Form label.Radio input{display:none}.Form label.Radio s{width:var(--alxgrn-unit);height:var(--alxgrn-unit);border:1px solid var(--alxgrn-color-accent);padding:2px;background-clip:content-box;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:var(--alxgrn-unit-smallest) var(--alxgrn-unit-half) 0 0;text-decoration:none}.Form label.Radio input[type=radio]+s{border-radius:50%}.Form label.Radio input[type=checkbox]+s{border-radius:var(--alxgrn-unit-small)}.Form label.Radio.Disabled s{opacity:.5;border:1px solid var(--alxgrn-color-light)}.Form label.Radio.Disabled.Checked s{background-color:var(--alxgrn-color-light)}.Form label.Radio.Checked s{background-color:var(--alxgrn-color-accent)}.Form label.Radio.Error s{border:1px solid var(--alxgrn-color-error)}.Form label.Radio.Error.Checked s{background-color:var(--alxgrn-color-error)}

package/dist/assets/RequiredMark.css

@@ -0,0 +1 @@
+.RequiredMark{display:flex;color:var(--alxgrn-color-error)}

package/dist/assets/Sidebar.css

@@ -0,0 +1 @@
+:root{--alxgrn-sidebar-color: var(--alxgrn-color-text);--alxgrn-sidebar-bg-color: var(--alxgrn-bg-modal);--alxgrn-sidebar-animation-length: var(--alxgrn-animation-length);--alxgrn-sidebar-color-scroll: var(--alxgrn-color-light)}.Sidebar *{color:var(--alxgrn-sidebar-color);font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Sidebar{display:flex;padding:var(--alxgrn-unit-double);position:relative;background-color:var(--alxgrn-sidebar-bg-color);height:100%;max-width:80vw;overflow:auto}.Sidebar .SidebarInner{width:100%;overflow:auto}.Overlay-enter .Sidebar{pointer-events:none;transform:translate(-100%)}.Overlay-enter-active .Sidebar{pointer-events:none;transform:translate(0);transition:transform var(--alxgrn-sidebar-animation-length) ease-in}.Overlay-enter-done .Sidebar{pointer-events:initial;transform:translate(0)}.Overlay-exit .Sidebar{pointer-events:none;transform:translate(0)}.Overlay-exit-active .Sidebar{pointer-events:none;transform:translate(-100%);transition:transform var(--alxgrn-sidebar-animation-length) ease-out}.Overlay-exit-done .Sidebar{pointer-events:none;transform:translate(-100%)}.Sidebar.Right{right:0;transform:translate(100%)}.Overlay-enter .Sidebar.Right{pointer-events:none;transform:translate(100%)}.Overlay-enter-active .Sidebar.Right{pointer-events:none;transform:translate(0);transition:transform var(--alxgrn-sidebar-animation-length) ease-in}.Overlay-enter-done .Sidebar.Right{pointer-events:initial;transform:translate(0)}.Overlay-exit .Sidebar.Right{pointer-events:none;transform:translate(0)}.Overlay-exit-active .Sidebar.Right{pointer-events:none;transform:translate(100%);transition:transform var(--alxgrn-sidebar-animation-length) ease-out}.Overlay-exit-done .Sidebar.Right{pointer-events:none;transform:translate(100%)}

package/dist/components/{button → form/button}/Button.d.ts

@@ -8,5 +8,5 @@ export interface ButtonProps {
     disabled?: boolean | null;
     onClick?: () => void;
 }
-declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.FC<ButtonProps>;
 export default Button;

package/dist/components/form/button/Button.js

@@ -0,0 +1,16 @@
+import { jsx as s } from "react/jsx-runtime";
+import '../../../assets/Button.css';/* empty css                       */
+const u = ({ label: t, type: o = "Default", size: a = "Normal", disabled: n = !1, onClick: r }) => /* @__PURE__ */ s(
+  "span",
+  {
+    className: n ? `Button ${o} ${a} Disabled` : `Button ${o} ${a}`,
+    onClick: () => {
+      r && !n && r();
+    },
+    children: t && t
+  }
+);
+export {
+  u as Button,
+  u as default
+};

package/dist/components/{date → form/date}/Date.js

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as l } from "react/jsx-runtime";
 import { useRef as C, useState as k } from "react";
-import { Popup as I } from "../ui/popup/Popup.js";
+import { Popup as I } from "../../ui/popup/Popup.js";
 import $ from "../label/Label.js";
 import D from "./DatePicker.js";
 const z = ({

package/dist/components/form/date/DatePicker.js

@@ -0,0 +1,61 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { useState as m, useEffect as v } from "react";
+import y from "../../icons/ChevronLeft.js";
+import C from "../../icons/ChevronRight.js";
+import '../../../assets/DatePicker.css';/* empty css                           */
+const G = ({ year: c, month: i, day: l, onChange: N }) => {
+  const Y = R(), p = /* @__PURE__ */ new Date(), f = p.getDate(), d = p.getMonth(), h = p.getFullYear(), [a, D] = m(h), [o, g] = m(d), [x, S] = m([]), [w, k] = m(0), [I, M] = m(0), [L, F] = m(0);
+  v(() => {
+    let e = c, t = i, n = l;
+    typeof e == "string" && (e = parseInt(e)), typeof t == "string" && (t = parseInt(t)), typeof n == "string" && (n = parseInt(n)), e !== void 0 && isNaN(e) && (e = h), t !== void 0 && isNaN(t) && (t = d), n !== void 0 && isNaN(n) && (n = f);
+    const s = new Date(e ?? h, t ? t - 1 : d, n ?? f);
+    D(s.getFullYear()), g(s.getMonth()), k(s.getDate()), M(s.getMonth()), F(s.getFullYear());
+  }, [c, i, l, h, d, f]), v(() => {
+    const e = T(o, a);
+    let t = new Date(a, o, 1).getDay();
+    t === 0 && (t = 7);
+    const n = [];
+    for (let s = 1; s < t; s++) n.push(0);
+    for (let s = 1; s <= e; s++) n.push(s);
+    S(n);
+  }, [o, a]);
+  const P = (e) => {
+    let t = o + e;
+    t < 0 && (t = 11), t > 11 && (t = 0), g(t);
+  }, j = (e) => {
+    e && (k(e), M(o), F(a), N && N({ day: e, month: o + 1, year: a }));
+  }, E = (e) => {
+    if (!e) return "Empty";
+    if (e === w && o === I && a === L) return "Selected";
+    if (e === f && o === d && a === h) return "Current";
+  };
+  return /* @__PURE__ */ u("div", { className: "FormDatePicker", children: [
+    /* @__PURE__ */ u("div", { className: "FormDatePickerMenu", children: [
+      /* @__PURE__ */ r("span", { className: "FormDatePickerPrev", onClick: () => P(-1), children: /* @__PURE__ */ r(y, {}) }),
+      /* @__PURE__ */ r("span", { className: "FormDatePickerText", children: Y[o] }),
+      /* @__PURE__ */ r("span", { className: "FormDatePickerNext", onClick: () => P(1), children: /* @__PURE__ */ r(C, {}) })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "FormDatePickerDays", children: x.map((e, t) => /* @__PURE__ */ r(
+      "span",
+      {
+        className: E(e),
+        onClick: () => j(e),
+        children: e || ""
+      },
+      t
+    )) }),
+    /* @__PURE__ */ u("div", { className: "FormDatePickerMenu", children: [
+      /* @__PURE__ */ r("span", { className: "FormDatePickerPrev", onClick: () => D(a - 1), children: /* @__PURE__ */ r(y, {}) }),
+      /* @__PURE__ */ r("span", { className: "FormDatePickerText", children: a }),
+      /* @__PURE__ */ r("span", { className: "FormDatePickerNext", onClick: () => D(a + 1), children: /* @__PURE__ */ r(C, {}) })
+    ] })
+  ] });
+}, T = (c, i) => new Date(i, c + 1, 0).getDate(), R = () => {
+  let c = new Date(2e3, 0), i = [];
+  for (let l = 0; l < 12; l++)
+    i.push(c.toLocaleString("default", { month: "long" })), c.setMonth(l + 1);
+  return i;
+};
+export {
+  G as default
+};

package/dist/components/form/fieldset/Fieldset.js

@@ -0,0 +1,26 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import t from "../required/RequiredMark.js";
+import '../../../assets/Fieldset.css';/* empty css                         */
+const p = ({
+  label: a,
+  top: r,
+  bottom: i,
+  required: c = !1,
+  error: d = !1,
+  disabled: m = !1,
+  children: n
+}) => /* @__PURE__ */ l("div", { className: (() => {
+  let s = "Fieldset";
+  return d && (s += " Error"), m && (s += " Disabled"), s;
+})(), children: [
+  a && /* @__PURE__ */ l("div", { className: "Label", children: [
+    /* @__PURE__ */ e(t, { required: c }),
+    /* @__PURE__ */ e("span", { children: a })
+  ] }),
+  r && /* @__PURE__ */ e("div", { className: "Top", children: r }),
+  /* @__PURE__ */ e("div", { className: "Inner", children: n }),
+  i && /* @__PURE__ */ e("div", { className: "Bottom", children: i })
+] });
+export {
+  p as default
+};

package/dist/components/{files → form/files}/Files.js

@@ -1,7 +1,8 @@
 import { jsxs as i, jsx as l } from "react/jsx-runtime";
 import { useState as L, useEffect as M } from "react";
 import $ from "../fieldset/Fieldset.js";
-import '../../assets/Files.css';const h = (t) => t > 1024 * 1024 ? Math.round(t / (1024 * 1024)) + " Mb" : t > 1024 ? Math.round(t / 1024) + " Kb" : t + " bytes", D = ({
+import '../../../assets/Files.css';/* empty css                      */
+const h = (t) => t > 1024 * 1024 ? Math.round(t / (1024 * 1024)) + " Mb" : t > 1024 ? Math.round(t / 1024) + " Kb" : t + " bytes", N = ({
   id: t,
   files: n,
   onChange: c,
@@ -65,7 +66,7 @@ import '../../assets/Files.css';const h = (t) => t > 1024 * 1024 ? Math.round(t
   );
 };
 export {
-  D as Files,
+  N as Files,
   h as bytes2string,
-  D as default
+  N as default
 };

package/dist/components/form/{Form.js → form/Form.js}

@@ -2,45 +2,52 @@ import { jsxs as h, jsx as n } from "react/jsx-runtime";
 import { useState as g, useEffect as q } from "react";
 import { deepForEach as y } from "react-children-utilities";
 import x, { isValidDate as H } from "../date/Date.js";
-import F from "../button/Button.js";
+import { Button as F } from "../button/Button.js";
+import '../../../assets/Content.css';import '../../../assets/Footer.css';import '../../../assets/Header.css';import '../../../assets/Editable.css';import '../../../assets/Sidebar.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/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Page.css';/* empty css                     */
+/* empty css                        */
+/* empty css                        */
+/* empty css                           */
 import R from "../time/Time.js";
 import { Files as C } from "../files/Files.js";
 import E from "../input/Input.js";
-import "../label/Label.js";
+/* empty css                             */
+/* empty css                      */
 import { RadioList as D } from "../radio/RadioList.js";
 import { Select as I } from "../select/Select.js";
 import T from "../hidden/Hidden.js";
 import B from "../checkbox/Checkbox.js";
 import { CheckboxList as S } from "../checkbox/CheckboxList.js";
-import "../fieldset/Fieldset.js";
-import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Panel.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Form.css';/* empty css                     */
-/* empty css                     */
-import "../date/DatePicker.js";
+/* empty css                         */
 import "react-transition-group";
 import "react-dom";
-import "../ui/popup/Popup.js";
-import "../ui/menu/Menu.js";
-import l from "../ui/block/Block.js";
-/* empty css                   */
-/* empty css                   */
+/* empty css                      */
 /* empty css                     */
+import l from "../../ui/block/Block.js";
+/* empty css                      */
+/* empty css                        */
 /* empty css                      */
-const le = ({
+/* empty css                        */
+/* empty css                        */
+/* empty css                         */
+/* empty css                       */
+/* empty css                       */
+/* empty css                        */
+const ye = ({
   info: u,
   error: d,
   success: k,
-  submit: p,
+  submit: a,
   cancel: f,
   submitType: j = "Accent",
   cancelType: w = "Error",
   wide: A,
   onSubmit: b,
   onCancel: L,
-  children: c
+  children: m
 }) => {
   const [N, i] = g(!1);
   return q(() => {
-    p && (i(!1), y(c, (o) => {
+    a && (i(!1), y(m, (o) => {
       if (!o) return;
       const r = o;
       if (typeof r.type != "function") return;
@@ -56,13 +63,13 @@ const le = ({
           case I:
             {
               const t = e.value;
-              e.options.findIndex((m) => m.value === t) < 0 && i(!0);
+              e.options.findIndex((c) => c.value === t) < 0 && i(!0);
             }
             break;
           case D:
             {
               const t = e.value;
-              e.options.findIndex((m) => m.value === t) < 0 && i(!0);
+              e.options.findIndex((c) => c.value === t) < 0 && i(!0);
             }
             break;
           case C:
@@ -72,21 +79,21 @@ const le = ({
             H(e.value.trim()) || i(!0);
             break;
           case S:
-            e.options.findIndex((a) => a.checked === !0) < 0 && i(!0);
+            e.options.findIndex((p) => p.checked === !0) < 0 && i(!0);
             break;
         }
     }));
-  }, [c, p]), /* @__PURE__ */ h("div", { className: A ? "Form FormWide" : "Form", children: [
+  }, [m, a]), /* @__PURE__ */ h("div", { className: A ? "Form FormWide" : "Form", children: [
     k && /* @__PURE__ */ n(l, { type: "Success", children: k }),
     d && /* @__PURE__ */ n(l, { type: "Error", children: d }),
     u && /* @__PURE__ */ n(l, { children: u }),
-    c,
-    (p || f) && /* @__PURE__ */ h("div", { className: "FormSubmitButtons", children: [
-      p && /* @__PURE__ */ n(
+    m,
+    (a || f) && /* @__PURE__ */ h("div", { className: "FormSubmitButtons", children: [
+      a && /* @__PURE__ */ n(
         F,
         {
           type: j,
-          label: p,
+          label: a,
           disabled: N,
           onClick: () => {
             if (!b) return;
@@ -97,7 +104,7 @@ const le = ({
               }
               o[e] instanceof Array ? o[e].push(s) : o[e] = [o[e], s];
             };
-            y(c, (e) => {
+            y(m, (e) => {
               if (!e) return;
               const s = e;
               if (typeof s.type != "function") return;
@@ -123,10 +130,10 @@ const le = ({
                   break;
                 case S:
                   {
-                    const a = [];
+                    const p = [];
                     t.options.forEach((v) => {
-                      v.checked && a.push(v.value);
-                    }), r(t.id, a);
+                      v.checked && p.push(v.value);
+                    }), r(t.id, p);
                   }
                   break;
               }
@@ -146,6 +153,6 @@ const le = ({
   ] });
 };
 export {
-  le as Form,
-  le as default
+  ye as Form,
+  ye as default
 };

package/dist/components/form/{FormCol.js → form/FormCol.js}

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import '../../assets/FormCol.css';/* empty css                     */
+import '../../../assets/FormCol.css';/* empty css                        */
 const t = ({ children: o }) => /* @__PURE__ */ m("div", { className: "FormCol", children: o });
 export {
   t as default

package/dist/components/form/{FormRow.js → form/FormRow.js}

@@ -1,5 +1,5 @@
 import { jsx as m } from "react/jsx-runtime";
-import '../../assets/FormRow.css';/* empty css                     */
+import '../../../assets/FormRow.css';/* empty css                        */
 const t = ({ children: o }) => /* @__PURE__ */ m("div", { className: "FormRow", children: o });
 export {
   t as default

package/dist/components/{input → form/input}/Input.js

@@ -1,38 +1,39 @@
 import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import C from "../label/Label.js";
-import '../../assets/Input.css';const F = ({
+import '../../../assets/Input.css';/* empty css                      */
+const I = ({
   id: s,
   type: e = "text",
   value: t,
   onChange: x,
-  label: h,
+  label: m,
   placeholder: n,
   rows: l = 5,
-  top: m,
-  bottom: p,
+  top: p,
+  bottom: h,
   autoFocus: u = !1,
   required: f = !1,
   disabled: o = !1,
-  limit: g
+  limit: i
 }) => {
-  const i = () => !!(f && !t.trim().length), c = () => {
-    if (i()) return {
+  const g = () => !!(f && !t.trim().length), c = () => {
+    if (g()) return {
       caretColor: "var(--alxgrn-input-caret-error)",
       borderColor: "var(--alxgrn-input-border-error)",
       backgroundColor: "var(--alxgrn-input-bg-error)"
     };
   }, d = (r) => {
-    g && (r = r.substring(0, g)), x(r);
+    i && (r = r.substring(0, i)), x(r);
   };
   return /* @__PURE__ */ a("div", { className: "FormItem", children: /* @__PURE__ */ b(
     C,
     {
-      top: m,
-      bottom: p,
-      label: h,
+      top: p,
+      bottom: h,
+      label: m,
       required: f,
       disabled: o,
-      error: i(),
+      error: g(),
       children: [
         (e === "text" || e === "password") && /* @__PURE__ */ a(
           "input",
@@ -65,5 +66,5 @@ import '../../assets/Input.css';const F = ({
   ) });
 };
 export {
-  F as default
+  I as default
 };

package/dist/components/{fieldset/Fieldset.js → form/label/Label.js}

@@ -1,25 +1,26 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import t from "../required/RequiredMark.js";
-import '../../assets/Fieldset.css';const h = ({
+import o from "../required/RequiredMark.js";
+import '../../../assets/Label.css';/* empty css                      */
+const p = ({
   label: a,
   top: r,
   bottom: l,
   required: c = !1,
   error: d = !1,
-  disabled: n = !1,
-  children: m
-}) => /* @__PURE__ */ i("div", { className: (() => {
-  let s = "Fieldset";
-  return d && (s += " Error"), n && (s += " Disabled"), s;
+  disabled: m = !1,
+  children: n
+}) => /* @__PURE__ */ i("label", { className: (() => {
+  let s = "";
+  return d && (s += " Error"), m && (s += " Disabled"), s;
 })(), children: [
   a && /* @__PURE__ */ i("div", { className: "Label", children: [
-    /* @__PURE__ */ e(t, { required: c }),
+    /* @__PURE__ */ e(o, { required: c }),
     /* @__PURE__ */ e("span", { children: a })
   ] }),
   r && /* @__PURE__ */ e("div", { className: "Top", children: r }),
-  /* @__PURE__ */ e("div", { className: "Inner", children: m }),
+  n,
   l && /* @__PURE__ */ e("div", { className: "Bottom", children: l })
 ] });
 export {
-  h as default
+  p as default
 };

package/dist/components/form/radio/RadioLabel.js

@@ -0,0 +1,28 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import t from "../required/RequiredMark.js";
+import '../../../assets/RadioLabel.css';/* empty css                           */
+const v = ({
+  label: s,
+  bottom: l,
+  required: c = !1,
+  error: i = !1,
+  disabled: o = !1,
+  checked: d = !1,
+  children: n
+}) => /* @__PURE__ */ r("label", { className: (() => {
+  let e = "Radio";
+  return i && (e += " Error"), o && (e += " Disabled"), d && (e += " Checked"), e;
+})(), children: [
+  n,
+  /* @__PURE__ */ a("s", {}),
+  /* @__PURE__ */ r("div", { children: [
+    s && /* @__PURE__ */ r("div", { className: "Label", children: [
+      /* @__PURE__ */ a(t, { required: c }),
+      /* @__PURE__ */ a("span", { style: i ? { color: "var(--alxgrn-color-error)" } : void 0, children: s })
+    ] }),
+    l && /* @__PURE__ */ a("div", { className: "Bottom", children: l })
+  ] })
+] });
+export {
+  v as default
+};

package/dist/components/form/required/RequiredMark.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "../../icons/Asterisk.js";
+import "react";
+import '../../../assets/RequiredMark.css';/* empty css                             */
+const m = ({ required: e = !1 }) => e ? /* @__PURE__ */ r("span", { className: "RequiredMark", children: /* @__PURE__ */ r(t, {}) }) : null;
+export {
+  m as default
+};