@loftyshaky/shared-app 1.0.2 → 1.1.0

package/scss/shared/upload_box.scss

@@ -1,67 +1,81 @@
-$upload_box_text_z_index: 2;
-$upload_box_loading_animation_size: 40px;
-
-$backgrond_margin: 2px;
-$backgrond_dim_offset: 2px * 2;
-
-.input_item {
-    .upload_box {
-        @include border_transparent;
-
-        position: relative;
-        height: 104px;
-        text-align: center;
-        outline-width: 3px;
-        outline-style: dashed;
-        outline-offset: -3px;
-
-        .what_to_do_msg {
-            @include center_translate;
-
-            position: absolute;
-            padding-right: $gap;
-            padding-left: $gap;
-            z-index: $upload_box_text_z_index;
-            width: 100%;
-            box-sizing: border-box;
-        }
-
-        .browse {
-            display: inline;
-            font-size: $font_main;
-            opacity: 1 !important; // needed to keep default color when element is is_enabled
-        }
-
-        .status_msg {
-            width: 100%;
-            font-size: $font_small;
-            margin-bottom: 5px;
-            z-index: $upload_box_text_z_index;
-        }
-
-        .background {
-            position: absolute;
-            width: calc(100% - #{$backgrond_dim_offset});
-            height: calc(100% - #{$backgrond_dim_offset});
-            display: flex;
-            align-items: end;
-            box-sizing: border-box;
-            margin: $backgrond_margin;
-
-            &.loading {
-                animation: move 450ms linear infinite;
-                background-size: $upload_box_loading_animation_size $upload_box_loading_animation_size;
-            }
-        }
-    }
-}
-
-@keyframes move {
-    0% {
-        background-position: 0 0;
-    }
-
-    100% {
-        background-position: 40px 0;
-    }
-}
+$upload_box_text_z_index: 2;
+$upload_box_loading_animation_size: 40px;
+
+$backgrond_margin: 2px;
+$backgrond_dim_offset: 2px * 2;
+
+$status_msg_offset: 5px;
+
+.input_item {
+    .upload_box {
+        @include border_transparent;
+
+        position: relative;
+        height: 104px;
+        text-align: center;
+        outline-width: 3px;
+        outline-style: dashed;
+        outline-offset: -3px;
+
+        .what_to_do_msg {
+            @include center_translate;
+
+            position: absolute;
+            padding-right: $gap;
+            padding-left: $gap;
+            z-index: $upload_box_text_z_index;
+            width: 100%;
+            box-sizing: border-box;
+        }
+
+        .browse {
+            display: inline;
+            font-size: $font_main;
+            opacity: 1 !important; // needed to keep default color when element is is_enabled
+        }
+
+        .status_msg {
+            position: absolute;
+            width: 100%;
+            font-size: $font_small;
+            margin-bottom: $status_msg_offset;
+            z-index: $upload_box_text_z_index;
+
+            &.filenames {
+                align-self: start;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                overflow: hidden;
+                margin-top: $status_msg_offset;
+                width: calc(100% - $status_msg_offset * 2);
+                padding-left: $status_msg_offset;
+                cursor: help;
+            }
+        }
+
+        .background {
+            position: absolute;
+            width: calc(100% - #{$backgrond_dim_offset});
+            height: calc(100% - #{$backgrond_dim_offset});
+            display: flex;
+            align-items: end;
+            box-sizing: border-box;
+            margin: $backgrond_margin;
+
+            &.loading {
+                animation: move 450ms linear infinite;
+                background-size: $upload_box_loading_animation_size $upload_box_loading_animation_size;
+            }
+        }
+    }
+}
+
+@keyframes move {
+    0% {
+        background-position: 0 0;
+    }
+
+    100% {
+        background-position: 40px 0;
+    }
+}

package/scss/shared/vars.scss

@@ -1,19 +1,26 @@
+$scrollbar_width: 17px;
 $font_main: 17px;
 $font_big: 24px;
 $font_small: 13px;
 $gap: 10px;
 $gap_small: 4px;
 $border_width: 1px;
-$outline_offset: 2px;
 $input_height: 28px;
-$color_input_height: $input_height + ($border_width * 4);
+$color_input_height: $input_height + ($border_width * 4) - 2;
 $input_content_gap: 8px;
 $input_inner_padding: 7px;
 $input_content_gap_2: $input_content_gap - ($border_width * 2);
 $main_margin: 16px;
+$ext_name_offset: 7px;
 $main_margin_2: $main_margin * 2;
 $main_margin_4: $main_margin * 4;
 $black: #212121;
 $yellow: #fbff75;
 $light_orange: #fff7c7;
 $blue: #3892ff;
+$black_shadow: rgb(0 0 0 / 30%) 0 0 30px, rgb(0 0 0 / 30%) 0 4px 8px;
+$black_shadow_2: 0 20px 30px rgb(0 0 0 / 20%);
+$blue_neon_dark: rgb(0 115 255 / 100%) 0 0 33px, rgb(255 255 255 / 40%) 0 0 10px;
+$blue_neon_very_dark: rgb(0 102 255 / 85%) 0 0 36px, rgb(255 255 255 / 40%) 0 0 10px;
+$glass_color: rgb(255 255 255 / 20%);
+$glass_blur: blur(8px);

package/settings.d.ts

@@ -1,2 +1,2 @@
 import "./ts/shared/internal";
-export { c_settings, o_schema, d_settings, d_optional_permissions, d_schema, s_settings, i_optional_permissions, } from "./ts/settings/internal";
+export { c_settings, d_settings, d_developer_mode, d_optional_permissions, s_settings, i_optional_permissions, } from "./ts/settings/internal";

package/settings.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main=require("./chunk-main-3865bde3.js");require("react");var main$1=require("./chunk-main-6b1a6024.js");require("react-dom");var index$6=Object.freeze({__proto__:null,Body:main.Body$2});var index$5=Object.freeze({__proto__:null,TransformItem:class{constructor(obj){this.create_property_if_it_doesnt_exist=!0,Object.assign(this,obj),this.old_key=obj.old_key,this.new_key=obj.new_key,this.new_val=obj.new_val}}}),index$4=Object.freeze({__proto__:null,BackUp:main.BackUp,Sections:main.Sections});var index$3=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),main.makeObservable(this,{set_checkbox_val:main.action})}static i(){return this.i0||(this.i0=new this)}}});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.transform=({settings:settings,transform_items:transform_items})=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){const properties_to_remove=[];return transform_items.forEach((transform_item=>err((()=>{n(transform_item.new_key)&&!n(settings[transform_item.new_key])&&(transform_item.create_property_if_it_doesnt_exist||!transform_item.create_property_if_it_doesnt_exist&&n(transform_item.old_key)&&n(settings[transform_item.old_key]))&&(n(transform_item.new_val)?settings[transform_item.new_key]=transform_item.new_val:n(transform_item.old_key)&&(settings[transform_item.new_key]=settings[transform_item.old_key])),n(transform_item.old_key)&&!properties_to_remove.includes(transform_item.old_key)&&properties_to_remove.push(transform_item.old_key)}),"shr_1227"))),properties_to_remove.forEach((property_to_remove=>err((()=>{delete settings[property_to_remove]}),"shr_1228"))),yield app.storage_remove(properties_to_remove),settings}))),"shr_1226"),main.makeObservable(this,{transform:main.action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&main$1.Main$1.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});exports.c_settings=index$6,exports.d_optional_permissions=index$3,exports.d_schema=index$2,exports.d_settings=index$4,exports.i_optional_permissions=index,exports.o_schema=index$5,exports.s_settings=index$1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var main=require("./chunk-main-130f654b.js");require("react");var main$1=require("./chunk-main-aca0d1f6.js");require("react-dom");var index$5=Object.freeze({__proto__:null,Body:main.Body$2}),index$4=Object.freeze({__proto__:null,BackUp:main.BackUp,Sections:main.Sections}),index$3=Object.freeze({__proto__:null,Main:main.Main$5});var index$2=Object.freeze({__proto__:null,Main:class{constructor(){this.set_permission=({name:name,optional_permission_checkbox_dict:optional_permission_checkbox_dict})=>err_async((()=>main.__awaiter(this,void 0,void 0,(function*(){const permissions=optional_permission_checkbox_dict[name];if(yield we.permissions.contains(permissions)){(yield we.permissions.remove(permissions))&&this.set_checkbox_val({name:name,val:!1})}else{(yield we.permissions.request(permissions))&&this.set_checkbox_val({name:name,val:!0})}}))),"shr_1221"),this.set_checkbox_val=({name:name,val:val})=>err((()=>{data.ui[name]=val}),"shr_1222"),main.makeObservable(this,{set_checkbox_val:main.action})}static i(){return this.i0||(this.i0=new this)}}});var index$1=Object.freeze({__proto__:null,Theme:class{constructor(){this.change=({input:input,name:name,additional_theme_callback:additional_theme_callback})=>err((()=>{"options_page_theme"===input.name&&main$1.Main$1.i().set({name:name,additional_theme_callback:additional_theme_callback})}),"shr_1088")}static i(){return this.i0||(this.i0=new this)}}}),index=Object.freeze({__proto__:null});exports.c_settings=index$5,exports.d_developer_mode=index$3,exports.d_optional_permissions=index$2,exports.d_settings=index$4,exports.i_optional_permissions=index,exports.s_settings=index$1;

package/ts/error_modules/error/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./body";
 export * from "./close_btn";
 export * from "./ext_name";
+export * from "./keep_visible_msg";
 export * from "./msg";
+export * from "./progress";

package/ts/error_modules/error/components/keep_visible_msg.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const KeepVisibleMsg: React.FunctionComponent;

package/ts/error_modules/error/components/progress.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Progress: React.FunctionComponent;

package/ts/error_modules/error/data/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./main";
 export * from "./msg";
+export * from "./progress";
 export * from "./state";

package/ts/error_modules/error/data/main.d.ts

@@ -5,6 +5,7 @@ export declare class Main {
     private constructor();
     hide_delay: number;
     private highlight_time;
-    show_error: (error_obj: i_error.ErrorObj | undefined, error_code: string | undefined, { error_msg_key, silent, persistent, exit, hide_delay, is_notification, notification_msg_key, }?: i_error.ShowError) => void;
+    private prevent_subsequent_errors;
+    show_error: (error_obj: i_error.ErrorObj | undefined, error_code: string | undefined, { error_msg_key, notification_type, hide_delay, silent, persistent, exit, is_fullscreen, prevent_subsequent_errors, }?: i_error.ShowError) => void;
     output_error: (error_obj: i_error.ErrorObj, error_code: string) => void;
 }

package/ts/error_modules/error/data/msg.d.ts

@@ -5,10 +5,8 @@ export declare class Msg {
     private advanced_msg_is_visible;
     basic_msg: string;
     advanced_msg: string;
-    notification_msg_key: string;
     get advanced_msg_is_visible_cls(): string;
     get more_info_btn_is_visible_cls(): string;
-    get main_msg(): string;
     change_visibility_of_advanced_msg: ({ is_visible }: {
         is_visible: boolean;
     }) => void;

package/ts/error_modules/error/data/progress.d.ts

@@ -0,0 +1,17 @@
+export declare class Progress {
+    private static i0;
+    static i(): Progress;
+    private constructor();
+    progress_max: number;
+    progress_val: number;
+    private timestamp_progress_begin;
+    private error_hide_delay;
+    private progress_timeout;
+    get progress_bar_is_visible_cls(): string;
+    begin_progress: ({ error_hide_delay }: {
+        error_hide_delay: number;
+    }) => void;
+    private increment_progress;
+    hide_progress: () => void;
+    update_progress_autorun: () => void;
+}

package/ts/error_modules/error/data/state.d.ts

@@ -6,10 +6,11 @@ export declare class State {
     private is_loaded;
     private is_visible;
     private is_highlighted;
-    is_notification: boolean;
+    is_fullscreen: boolean;
+    notification_type: i_error.NotificationType;
     get is_visible_style(): string;
     get is_highlighted_cls(): string;
-    get is_notification_cls(): string;
+    get is_fullscreen_cls(): string;
     private is_visible_timeout;
     private is_highlighted_timeout;
     change_state: ({ observable_key, state, }: {

package/ts/error_modules/error/interfaces/index.d.ts

@@ -1,5 +1,7 @@
 export * from "./error_obj";
 export * from "./error";
+export * from "./notification_type";
 export * from "./observable_keys";
 export * from "./show_error";
+export * from "./show_unable_to_access_settings_error";
 export * from "./timeout_observable_keys";

package/ts/error_modules/error/interfaces/notification_type.d.ts

@@ -0,0 +1 @@
+export declare type NotificationType = 'error' | 'positive' | 'negative' | 'neutral';

package/ts/error_modules/error/interfaces/observable_keys.d.ts

@@ -1 +1 @@
-export declare type ObservableKeys = 'is_loaded' | 'is_visible' | 'is_highlighted' | 'is_notification';
+export declare type ObservableKeys = 'is_loaded' | 'is_visible' | 'is_highlighted' | 'is_fullscreen';

package/ts/error_modules/error/interfaces/show_error.d.ts

@@ -1,6 +1,11 @@
 import { i_error } from "../../internal";
 export interface ShowError extends i_error.Error {
     error_msg_key?: string;
-    is_notification?: boolean;
-    notification_msg_key?: string;
+    notification_type?: i_error.NotificationType;
+    hide_delay?: number;
+    silent?: boolean;
+    persistent?: boolean;
+    exit?: boolean;
+    is_fullscreen?: boolean;
+    prevent_subsequent_errors?: boolean;
 }

package/ts/error_modules/error/interfaces/show_unable_to_access_settings_error.d.ts

@@ -0,0 +1,5 @@
+export interface ShowUnableToAccessSettingsError {
+    is_fullscreen?: boolean;
+    settings?: any;
+    provided_settings?: boolean;
+}

package/ts/error_modules/error/scripts/flash.d.ts

@@ -0,0 +1,11 @@
+export declare class Flash {
+    private static i0;
+    static i(): Flash;
+    private constructor();
+    private get_flash_server_text;
+    private turn_flash_server_text_into_arr;
+    private get_flash_msg_key;
+    private get_flash_type;
+    private get_flash_hide_delay;
+    show: () => void;
+}

package/ts/error_modules/error/scripts/globals.d.ts

@@ -1,6 +1,9 @@
 import { i_error } from "../../internal";
 declare global {
     function show_err_ribbon(error_obj: i_error.ErrorObj | undefined, error_code: string | undefined, obj?: i_error.ShowError): void;
+    function show_flash(): void;
+    function show_notification(obj?: i_error.ShowError): void;
+    function show_unable_to_access_settings_error(obj: import("../interfaces/show_unable_to_access_settings_error").ShowUnableToAccessSettingsError): void;
     function err<T1>(f: () => T1, error_code: string, obj?: i_error.ShowError): T1;
     function err_async<T1>(f: () => Promise<T1>, error_code: string, obj?: i_error.ShowError): Promise<T1>;
     function throw_err(msg: string): void;

package/ts/error_modules/error/scripts/index.d.ts

@@ -1 +1,3 @@
+export * from "./flash";
 export * from "./globals";
+export * from "./notification";

package/ts/error_modules/error/scripts/notification.d.ts

@@ -0,0 +1,8 @@
+import { i_error } from "../../internal";
+export declare class Notification {
+    private static i0;
+    static i(): Notification;
+    private constructor();
+    show: ({ error_msg_key, notification_type, hide_delay, persistent, is_fullscreen, prevent_subsequent_errors, }: i_error.ShowError) => void;
+    show_unable_to_access_settings_error: ({ is_fullscreen, settings, provided_settings, }?: i_error.ShowUnableToAccessSettingsError) => Promise<void>;
+}

package/ts/error_modules/init.d.ts

@@ -0,0 +1 @@
+export declare const init_error: () => void;

package/ts/error_modules/internal.d.ts

@@ -4,6 +4,7 @@ export * as c_error from "./error/components";
 export * as d_crash_handler from "./crash_handler/data";
 export * as d_error from "./error/data";
 export * as s_crash_handler from "./crash_handler/scripts";
+export * as s_error from "./error/scripts";
 export * as s_css from "./css/scripts";
 export * as p_crash_handler from "./crash_handler/components/prop_types";
 export * as p_error from "./error/components/prop_types";

package/ts/inputs/components/form.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { p_inputs } from "../internal";
+export declare const Form: React.FunctionComponent<p_inputs.Form>;

package/ts/inputs/components/index.d.ts

@@ -5,15 +5,19 @@ export * from "./help_btn";
 export * from "./help";
 export * from "./hr";
 export * from "./icon_btn";
+export * from "./input_error";
 export * from "./input_item";
+export * from "./label_in_input_item";
 export * from "./label";
 export * from "./link_btn";
+export * from "./link_icon_btn";
 export * from "./link";
 export * from "./range";
 export * from "./section_btn";
 export * from "./section_content";
 export * from "./section";
 export * from "./select";
+export * from "./form";
 export * from "./group";
 export * from "./text_btn";
 export * from "./text";

package/ts/inputs/components/input_error.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { p_inputs } from "../internal";
+export declare const InputError: React.FunctionComponent<p_inputs.InputError>;

package/ts/inputs/components/label_in_input_item.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { p_inputs } from "../internal";
+export declare const LabelInInputItem: React.FunctionComponent<p_inputs.LabelInInputItem>;

package/ts/inputs/components/link_icon_btn.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { p_inputs } from "../internal";
+export declare const LinkIconBtn: React.FunctionComponent<p_inputs.LinkIconBtn>;

package/ts/inputs/components/prop_types/form.d.ts

@@ -0,0 +1,5 @@
+import { o_inputs, i_inputs } from "../../internal";
+export interface Form {
+    input: o_inputs.Form;
+    inputs?: i_inputs.Inputs;
+}

package/ts/inputs/components/prop_types/index.d.ts

@@ -5,15 +5,19 @@ export * from "./help_btn";
 export * from "./help";
 export * from "./hr";
 export * from "./icon_btn";
+export * from "./input_error";
 export * from "./input_item";
+export * from "./label_in_input_item";
 export * from "./label";
 export * from "./link_btn";
+export * from "./link_icon_btn";
 export * from "./link";
 export * from "./range";
 export * from "./section_btn";
 export * from "./section_content";
 export * from "./section";
 export * from "./select";
+export * from "./form";
 export * from "./group";
 export * from "./text_btn";
 export * from "./text";

package/ts/inputs/components/prop_types/input_error.d.ts

@@ -0,0 +1,4 @@
+import { i_inputs } from "../../internal";
+export interface InputError {
+    input: i_inputs.Input;
+}

package/ts/inputs/components/prop_types/label.d.ts

@@ -1,4 +1,4 @@
-import { i_inputs } from "../../internal";
+import { o_inputs } from "../../internal";
 export interface Label {
-    input: i_inputs.Input;
+    input: o_inputs.Label;
 }

package/ts/inputs/components/prop_types/label_in_input_item.d.ts

@@ -0,0 +1,4 @@
+import { i_inputs } from "../../internal";
+export interface LabelInInputItem {
+    input: i_inputs.Input;
+}

package/ts/inputs/components/prop_types/link_icon_btn.d.ts

@@ -0,0 +1,5 @@
+import { o_inputs } from "../../internal";
+export interface LinkIconBtn {
+    input: o_inputs.LinkBtn | o_inputs.IconBtn;
+    type: 'link' | 'icon';
+}

package/ts/inputs/components/prop_types/range.d.ts

@@ -1,4 +1,6 @@
 import { o_inputs } from "../../internal";
 export interface Range {
     input: o_inputs.Range;
+    calculate_width: boolean;
+    include_label: boolean;
 }

package/ts/inputs/components/prop_types/section_btn.d.ts

@@ -3,4 +3,5 @@ import { o_inputs } from "../../internal";
 export interface SectionBtn {
     section: o_inputs.Section;
     change_section_callback: t.CallbackVoid;
+    enable_developer_mode_save_callback?: t.CallbackVoid;
 }

package/ts/inputs/components/prop_types/section_content.d.ts

@@ -1,4 +1,5 @@
-import { i_inputs } from "../../internal";
+import { o_inputs, i_inputs } from "../../internal";
 export interface SectionContent {
+    section?: o_inputs.Section;
     inputs: i_inputs.Inputs | i_inputs.Links;
 }

package/ts/inputs/components/prop_types/select.d.ts

@@ -1,4 +1,6 @@
 import { o_inputs } from "../../internal";
 export interface Select {
     input: o_inputs.Select;
+    calculate_width: boolean;
+    include_label: boolean;
 }

package/ts/inputs/components/prop_types/text.d.ts

@@ -1,4 +1,6 @@
 import { o_inputs } from "../../internal";
 export interface Text {
     input: o_inputs.Text;
+    calculate_width: boolean;
+    include_label: boolean;
 }

package/ts/inputs/components/prop_types/textarea.d.ts

@@ -1,4 +1,6 @@
 import { o_inputs } from "../../internal";
 export interface Textarea {
     input: o_inputs.Textarea;
+    calculate_width: boolean;
+    include_label: boolean;
 }

package/ts/inputs/components/prop_types/upload_box.d.ts

@@ -1,4 +1,5 @@
 import { o_inputs } from "../../internal";
 export interface UploadBox {
     input: o_inputs.UploadBox;
+    calculate_width: boolean;
 }

package/ts/inputs/data/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./help";
+export * from "./input_error";
 export * from "./input_width";
-export * from "./label";
+export * from "./labelIn_in_putI_iem";
 export * from "./nested_input";
 export * from "./val";
 export * from "./text";

package/ts/inputs/data/input_error.d.ts

@@ -0,0 +1,12 @@
+import { i_inputs } from "../internal";
+export declare class InputError {
+    private static i0;
+    static i(): InputError;
+    private input_error_is_visible;
+    input_error_visibility_cls: (this: InputError, { input, }: {
+        input: i_inputs.Input;
+    }) => string;
+    input_error: ({ input }: {
+        input: i_inputs.Input;
+    }) => string;
+}

package/ts/inputs/data/input_width.d.ts

@@ -7,9 +7,13 @@ export declare class InputWidth {
     private max_width;
     private min_width;
     private old_max_width;
+    calculate_width_cls: ({ calculate_width }: {
+        calculate_width: boolean;
+    }) => string;
     max_width_style?: ((this: InputWidth) => number | string | undefined) | undefined;
-    min_width_style?: ((this: InputWidth, { input, }: {
+    min_width_style?: ((this: InputWidth, { input, calculate_width, }: {
         input: i_inputs.Input;
+        calculate_width?: boolean | undefined;
     }) => number | string | undefined) | undefined;
     calculate_for_section: ({ section_name }: {
         section_name: string;

package/ts/inputs/data/{label.d.ts → labelIn_in_putI_iem.d.ts}

@@ -1,7 +1,7 @@
 import { i_inputs } from "../internal";
-export declare class Label {
+export declare class LabelInInputItem {
     private static i0;
-    static i(): Label;
+    static i(): LabelInInputItem;
     private constructor();
     msg?: (({ input }: {
         input: i_inputs.Input;

package/ts/inputs/data/upload_box.d.ts

@@ -17,4 +17,8 @@ export declare class UploadBox {
     unhighlight: ({ input }: {
         input: o_inputs.UploadBox;
     }) => void;
+    set_filenames: ({ input, files, }: {
+        input: o_inputs.UploadBox;
+        files: FileList | null;
+    }) => void;
 }

package/ts/inputs/data/val.d.ts

@@ -1,4 +1,4 @@
-import { SyntheticEvent } from 'react';
+import { SyntheticEvent, FormEvent } from 'react';
 import { i_data } from "../../shared/internal";
 import { i_inputs } from "../internal";
 export declare class Val {
@@ -9,7 +9,9 @@ export declare class Val {
         input: i_inputs.Input;
         state: boolean;
     }) => void;
-    private set_warn_state;
+    set_warn_state: ({ input }: {
+        input: i_inputs.Input;
+    }) => Promise<void>;
     focus_state: ({ input }: {
         input: i_inputs.Input;
     }) => string;
@@ -23,14 +25,17 @@ export declare class Val {
         input: i_inputs.Input;
     }, e: SyntheticEvent) => void;
     set: ({ val, input }: {
-        val: i_data.Val;
+        val: i_data.Val | FileList;
         input: i_inputs.Input;
     }) => void;
-    remove_val: ({ input, input_el }: {
+    remove_val: ({ input, input_el, }: {
         input: i_inputs.Input;
         input_el: HTMLInputElement | null;
-    }) => void;
+    }) => Promise<void>;
     validate_input: ({ input }: {
         input: i_inputs.Input;
     }) => boolean;
+    text_and_textarea_on_input: ({ input }: {
+        input: i_inputs.Input;
+    }, e: FormEvent) => Promise<void>;
 }

package/ts/inputs/interfaces/btn_option.d.ts

@@ -0,0 +1,9 @@
+import { t } from "../../shared/internal";
+export interface BtnOption {
+    name: string;
+    type: 'link' | 'link_btn';
+    href?: string;
+    val?: string;
+    alt_msg?: string;
+    event_callback: t.CallbackVariadicVoid;
+}

package/ts/inputs/interfaces/index.d.ts

@@ -3,6 +3,7 @@ export * from "./input";
 export * from "./inputs";
 export * from "./links";
 export * from "./options";
+export * from "./btn_option";
 export * from "./sections";
 export * from "./text_btn";
 export * from "./state_cond";