@apple-pie/slice 0.0.5 → 0.0.6

package/dist/cjs/chunks/{FileList-DWIm4o46.js → FileList-BHMne9Mr.js}

@@ -58,7 +58,7 @@ function fileIconName(extension) {
     }
 }
 
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__vsmK5 {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__TTDb9 {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: var(--file-overflow);\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__TTDb9::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width 1s ease-in-out 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__qFumz {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__cEeZM {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__gOq0Z {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__lwFza {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__a-lhL {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__IqQtu {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__E8BbI {\n}\n\n.FileList-module_s__hk4A- {\n}\n\n.FileList-module_m__3Fc4x {\n}\n\n.FileList-module_l__pS2TK {\n}\n\n.FileList-module_xl__NbbC5 {\n}\n";
+var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__vsmK5 {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__TTDb9 {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tmin-height: max-content;\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__TTDb9::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width 1s ease-in-out 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__qFumz {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__cEeZM {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__gOq0Z {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__lwFza {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__a-lhL {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__IqQtu {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__E8BbI {\n}\n\n.FileList-module_s__hk4A- {\n}\n\n.FileList-module_m__3Fc4x {\n}\n\n.FileList-module_l__pS2TK {\n}\n\n.FileList-module_xl__NbbC5 {\n}\n";
 var css = {"wrapper":"FileList-module_wrapper__vsmK5 flexBox-module_rowStart__nJZnW","file":"FileList-module_file__TTDb9 flexBox-module_rowStart__nJZnW","fileName":"FileList-module_fileName__qFumz flexBox-module_row__PWxbe","meta":"FileList-module_meta__cEeZM flexBox-module_columnStart__Kg8cV","status":"FileList-module_status__gOq0Z type-module_body-xs-regular__QWEzl","error":"FileList-module_error__lwFza","fileIcon":"FileList-module_fileIcon__a-lhL flexBox-module_row__PWxbe","icon":"FileList-module_icon__IqQtu flexBox-module_row__PWxbe","xs":"FileList-module_xs__E8BbI type-module_body-xs-regular__QWEzl","s":"FileList-module_s__hk4A- type-module_body-s-regular__8-FO-","m":"FileList-module_m__3Fc4x type-module_body-m-regular__Qtp5G","l":"FileList-module_l__pS2TK type-module_body-l-regular__Ar4d3","xl":"FileList-module_xl__NbbC5 type-module_body-xl-regular__zDf-z"};
 styleInject_es.styleInject(css_248z);
 
@@ -96,7 +96,7 @@ function displayClose(uploading) {
     return { display: 'none' };
 }
 const FileList = React.memo((props) => {
-    const { files = [], onChange, onToolTip, maxWidth, minWidth, direction = 'row', padding, gap = 10, size = 's', iconSize = 24, bgColor } = props, divAttributes = tslib_es6.__rest(props, ["files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor"]);
+    const { files = [], onChange, onToolTip, maxWidth, minWidth, direction = 'row', padding, gap = 10, size = 's', iconSize = 24, bgColor, canRemove = true } = props, divAttributes = tslib_es6.__rest(props, ["files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor", "canRemove"]);
     // div attributes to add
     const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
     const divStyle = style !== null && style !== void 0 ? style : {};
@@ -157,7 +157,7 @@ const FileList = React.memo((props) => {
                 : 'var(--core-outline-primary)',
         };
     }, []);
-    return (jsxRuntime.jsx("div", Object.assign({ className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), id: divId }, rest, { children: displayList.map((i) => (jsxRuntime.jsxs("div", { className: `${css.file} ${css[size]}`, style: fileCSSVars(i.progress, i.error), children: [jsxRuntime.jsx("div", { className: css.fileIcon, children: jsxRuntime.jsx(FileIcon.FileIcon, { name: i.icon, size: iconSize }) }), jsxRuntime.jsxs("div", { className: css.meta, children: [jsxRuntime.jsx("div", { className: css.fileName, children: i.name }), i.error && (jsxRuntime.jsx("div", { className: `${css.status} ${i.error ? css.error : ''}`, children: i.error }))] }), jsxRuntime.jsx("div", { className: css.icon, style: displayProgress(i.uploading), children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { inline: true, size: 20, show: i.uploading }) }), jsxRuntime.jsx("div", { className: css.icon, style: displayClose(i.uploading), role: 'button', "aria-label": 'remove file', onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, onClick: () => handleRemove(i.index), onKeyDown: (e) => utils.accessibleKeyDown(e, () => handleRemove(i.index)), tabIndex: 0, children: jsxRuntime.jsx(_types.Icon, { name: 'x', style: { pointerEvents: 'none' } }) })] }, i.key))) })));
+    return (jsxRuntime.jsx("div", Object.assign({ className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), id: divId }, rest, { children: displayList.map((i) => (jsxRuntime.jsxs("div", { className: `${css.file} ${css[size]}`, style: fileCSSVars(i.progress, i.error), children: [jsxRuntime.jsx("div", { className: css.fileIcon, children: jsxRuntime.jsx(FileIcon.FileIcon, { name: i.icon, size: iconSize }) }), jsxRuntime.jsxs("div", { className: css.meta, children: [jsxRuntime.jsx("div", { className: css.fileName, children: i.name }), i.error && (jsxRuntime.jsx("div", { className: `${css.status} ${i.error ? css.error : ''}`, children: i.error }))] }), jsxRuntime.jsx("div", { className: css.icon, style: displayProgress(i.uploading), children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { inline: true, size: 20, show: i.uploading }) }), canRemove && (jsxRuntime.jsx("div", { className: css.icon, style: displayClose(i.uploading), role: 'button', "aria-label": 'remove file', onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, onClick: () => handleRemove(i.index), onKeyDown: (e) => utils.accessibleKeyDown(e, () => handleRemove(i.index)), tabIndex: 0, children: jsxRuntime.jsx(_types.Icon, { name: 'x', style: { pointerEvents: 'none' } }) }))] }, i.key))) })));
 });
 
 exports.FileList = FileList;

package/dist/cjs/chunks/{Label-DZJ_YDtD.js → Label-s1aCv2Y1.js}

@@ -15,7 +15,7 @@ styleInject_es.styleInject(css_248z);
 
 function Label(props) {
     const theme = hooks_useTheme.useTheme();
-    const { children, state, noFill = false, button = false, round = false, border = 1, padding, color, inline = false, size = 'm', onClick = () => null } = props, divAttributes = tslib_es6.__rest(props, ["children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick"]);
+    const { children, state, noFill = false, button = false, round = false, border = 1, padding, color, inline = true, size = 'm', onClick = () => null } = props, divAttributes = tslib_es6.__rest(props, ["children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick"]);
     const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
     const divStyle = style !== null && style !== void 0 ? style : {};
     const divClass = className ? ` ${className}` : '';

package/dist/cjs/chunks/{PromptInput-DmO8a3oX.js → PromptInput-CfzofBTJ.js}

@@ -6,7 +6,7 @@ var hooks_useTheme = require('../hooks/useTheme.js');
 require('../theme/colors.js');
 require('../hooks/useWindow.js');
 var Button = require('./Button-BNXqiA13.js');
-var FileList = require('./FileList-DWIm4o46.js');
+var FileList = require('./FileList-BHMne9Mr.js');
 var styleInject_es = require('./style-inject.es-XZHJH68X.js');
 
 var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.PromptInput-module_wrapperBg__9QWdq {\n\tposition: relative;\n\t--border-angle: 0turn;\n\t--conic-gradient-dark: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land) 270deg,\n\t\tvar(--array-land) 315deg,\n\t\tvar(--array-land) 360deg\n\t);\n\t--conic-gradient-light: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land-label) 270deg,\n\t\tvar(--array-land-label) 315deg,\n\t\tvar(--array-land-label) 360deg\n\t);\n\tz-index: 0;\n\theight: auto;\n\tmax-height: var(--prompt-max-height);\n\twidth: 100%;\n\tborder-radius: var(--prompt-border-radius);\n\toverflow: hidden;\n\tpadding: var(--prompt-border-width) !important;\n\tbackground: var(--prompt-border-color);\n\tanimation: PromptInput-module_bgRotate__xvvtD 3s linear infinite;\n\tanimation-play-state: var(--prompt-state);\n\ttransition: background 0.25s ease-in-out 0s;\n}\n\n@property --border-angle {\n\tsyntax: \"<angle>\";\n\tinherits: false;\n\tinitial-value: 0turn;\n}\n\n@keyframes PromptInput-module_bgRotate__xvvtD {\n\t100% {\n\t\t--border-angle: 1turn;\n\t}\n}\n\n.PromptInput-module_textareaWrapper__4hWyM {\n\talign-items: flex-start;\n\twidth: 100%;\n\theight: min-content;\n\tmax-height: 400px;\n\toverflow: hidden;\n\toverflow-y: auto;\n\tborder-radius: var(--prompt-inner-border-radius);\n\tbackground: var(--core-surface-secondary);\n}\n\n.PromptInput-module_attachments__R0egZ {\n\tpadding: 16px 16px 0 16px !important;\n\twidth: 100%;\n}\n\n.PromptInput-module_clear__tjFZ- {\n\tpadding: 12px 8px 0 0 !important;\n\tdisplay: var(--prompt-clear) !important;\n}\n\n.PromptInput-module_buttonBar__9Ol9O {\n\tpadding: 8px 16px 16px 16px !important;\n\twidth: 100%;\n\tcursor: text;\n}\n\n.PromptInput-module_toolBar__CmIf- {\n\tflex: 1;\n\tgap: 8px;\n}\n\n.PromptInput-module_textarea__ZuzrC {\n\tpadding: 16px !important;\n\tbox-sizing: border-box;\n\tfield-sizing: content;\n\twidth: 100%;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tborder-radius: var(--prompt-border-radius);\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n}\n\n.PromptInput-module_s__Z684A {\n}\n\n.PromptInput-module_m__NxLh6 {\n}\n\n.PromptInput-module_l__BaGnx {\n}\n";

package/dist/cjs/chunks/UploadArea-DunGYE1_.js

@@ -0,0 +1,155 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BwNacfBU.js');
+var FileList = require('./FileList-BHMne9Mr.js');
+var _types = require('./_types-BNlHsGMQ.js');
+var ProgressIndicator = require('./ProgressIndicator-BAwAaw58.js');
+var styleInject_es = require('./style-inject.es-XZHJH68X.js');
+
+var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UploadArea-module_wrapper__CRGxX {\n\tpadding: var(--ua-padding) !important;\n\tborder: var(--ua-border) var(--ua-border-style) var(--ua-border-color);\n\tborder-radius: var(--ua-radius);\n\tbackground: var(--ua-bg-color);\n\tgap: 8px;\n\tcursor: var(--ua-cursor);\n\twidth: var(--ua-width);\n\theight: var(--ua-height);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.UploadArea-module_icon__BorsB {\n\tmin-height: var(--ua-icon-size);\n\theight: var(--ua-icon-size);\n\tmin-width: var(--ua-icon-size);\n\twidth: var(--ua-icon-size);\n\tpointer-events: none;\n}\n\n.UploadArea-module_title__cHPKW {\n\tpointer-events: none;\n}\n\n.UploadArea-module_message__cnoa7 {\n\tcolor: var(--core-text-tertiary);\n\tpointer-events: none;\n\tgap: 8px;\n}\n\n.UploadArea-module_files__hIz4K {\n\tmargin-top: 16px !important;\n\twidth: 100%;\n}\n\n.UploadArea-module_xs__MTB7z {\n}\n\n.UploadArea-module_s__w0unZ {\n}\n\n.UploadArea-module_m__N4PzX {\n}\n\n.UploadArea-module_l__2GkSv {\n}\n";
+var css = {"wrapper":"UploadArea-module_wrapper__CRGxX flexBox-module_column__MP2Xd","icon":"UploadArea-module_icon__BorsB flexBox-module_row__PWxbe","title":"UploadArea-module_title__cHPKW type-module_body-l-bold__I8Q1v","message":"UploadArea-module_message__cnoa7 flexBox-module_row__PWxbe","files":"UploadArea-module_files__hIz4K flexBox-module_column__MP2Xd","xs":"UploadArea-module_xs__MTB7z type-module_body-xs-regular__QWEzl","s":"UploadArea-module_s__w0unZ type-module_body-s-regular__8-FO-","m":"UploadArea-module_m__N4PzX type-module_body-m-regular__Qtp5G","l":"UploadArea-module_l__2GkSv type-module_body-l-regular__Ar4d3"};
+styleInject_es.styleInject(css_248z);
+
+const imageTypes = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'heic', 'heif'];
+const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv'];
+const documentTypes = [
+    'pdf',
+    'doc',
+    'docx',
+    'xls',
+    'xlsx',
+    'ppt',
+    'pptx',
+];
+const audioTypes = ['mp3', 'wav', 'ogg', 'aac', 'flac'];
+const textTypes = ['txt', 'rtf', 'md', 'csv', 'json', 'xml'];
+const allTypes = [
+    ...imageTypes,
+    ...videoTypes,
+    ...documentTypes,
+    ...audioTypes,
+    ...textTypes,
+];
+var FileTypes;
+(function (FileTypes) {
+    FileTypes["images"] = "images";
+    FileTypes["videos"] = "videos";
+    FileTypes["documents"] = "documents";
+    FileTypes["audio"] = "audio";
+    FileTypes["text"] = "text";
+    FileTypes["all"] = "all";
+    FileTypes["custom"] = "custom";
+})(FileTypes || (FileTypes = {}));
+
+const UploadAreaBase = React.forwardRef((props, ref) => {
+    const { icon = 'upload', iconColor = 'var(--core-text-primary)', iconColorHover = 'var(--core-text-special)', title = 'Upload Files', width = '100%', height = 'auto', message = 'Drag and drop files here or click to upload', busyMessage = 'Uploading in progress', iconSize = 24, textSize = 'm', border = 1, borderStyle = 'dashed', borderColor = 'var(--core-outline-primary)', borderColorHover = 'var(--core-outline-special)', radius = 8, padding = 32, bgColor = 'var(--core-surface-secondary)', bgColorHover = 'var(--core-surface-special)', acceptedTypes = allTypes, multiple = true, busy = false, canRemove = true, showProgress = true, files = [], onUpload, } = props;
+    const [hovered, setHovered] = React.useState(false);
+    const inputRef = React.useRef(null);
+    const dragDepth = React.useRef(0);
+    // set uploading files
+    // *** select files
+    // callback to trigger click
+    const handleClickUpload = React.useCallback(() => {
+        var _a;
+        if (busy)
+            return;
+        if (!(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current))
+            return;
+        inputRef.current.value = '';
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }, [busy]);
+    // call back on file change
+    const handleFileInputChange = React.useCallback((e) => {
+        if (busy)
+            return;
+        if (!e.target.files)
+            return;
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(Array.from(e.target.files));
+    }, [busy, onUpload]);
+    // *** drag/drop
+    // check for files to light up hover
+    const hasFilesInDrag = React.useCallback((e) => {
+        var _a, _b;
+        return Array.from((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) !== null && _b !== void 0 ? _b : []).includes('Files');
+    }, []);
+    // use counters for responsive feedback
+    const handleDragEnter = React.useCallback((e) => {
+        e.preventDefault();
+        if (busy || !hasFilesInDrag(e))
+            return;
+        dragDepth.current += 1;
+        if (dragDepth.current === 1)
+            setHovered(true);
+    }, [busy, hasFilesInDrag]);
+    // prevent default since "drop" happens when "over"
+    const handleDragOver = (e) => {
+        e.preventDefault();
+    };
+    // at 0 hover is over
+    const handleDragLeave = React.useCallback((e) => {
+        e.preventDefault();
+        if (busy)
+            return;
+        dragDepth.current = Math.max(0, dragDepth.current - 1);
+        if (dragDepth.current === 0)
+            setHovered(false);
+    }, [busy]);
+    // handle drop
+    const handleDrop = React.useCallback((e) => {
+        var _a;
+        e.preventDefault();
+        if (busy)
+            return;
+        dragDepth.current = 0;
+        setHovered(false);
+        const files = Array.from((_a = e.dataTransfer.files) !== null && _a !== void 0 ? _a : []);
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
+    }, [busy, onUpload]);
+    // icon color
+    const iconStrokeColor = React.useMemo(() => {
+        if (hovered)
+            return iconColorHover;
+        return iconColor;
+    }, [hovered, iconColor, iconColorHover]);
+    const cssVars = React.useMemo(() => {
+        return {
+            '--ua-border': `${border}px`,
+            '--ua-border-style': borderStyle,
+            '--ua-border-color': hovered || busy ? borderColorHover : borderColor,
+            '--ua-radius': `${radius}px`,
+            '--ua-padding': utils.setStyle(padding),
+            '--ua-bg-color': hovered ? bgColorHover : bgColor,
+            '--ua-icon-size': `${iconSize}px`,
+            '--ua-cursor': busy ? 'default' : 'pointer',
+            '--ua-width': utils.setStyle(width),
+            '--ua-height': utils.setStyle(height),
+        };
+    }, [
+        border,
+        borderStyle,
+        borderColor,
+        borderColorHover,
+        radius,
+        padding,
+        bgColor,
+        bgColorHover,
+        iconSize,
+        busy,
+        hovered,
+        height,
+        width,
+    ]);
+    return (jsxRuntime.jsxs("div", { className: css.wrapper, style: cssVars, ref: ref, role: 'button', "aria-label": 'Click to upload files', tabIndex: 0, onClick: handleClickUpload, onKeyDown: (e) => utils.accessibleKeyDown(e, () => handleClickUpload()), onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(_types.Icon, { size: iconSize, name: icon, strokeColor: iconStrokeColor, pointer: false }) }), jsxRuntime.jsx("div", { className: css.title, children: title }), jsxRuntime.jsxs("div", { className: `${css.message} ${css[textSize]}`, children: [busy && showProgress && (jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { show: true, size: 20, inline: true, color: iconStrokeColor })), busy ? busyMessage : message] }), files.length > 0 && (jsxRuntime.jsx("div", { className: css.files, children: jsxRuntime.jsx(FileList.FileList, { files: files, bgColor: 'var(--core-surface-primary)', size: 'm', direction: 'column', gap: 8, iconSize: 24, padding: '10px', canRemove: canRemove }) })), jsxRuntime.jsx("input", { ref: inputRef, type: "file", hidden: true, disabled: busy, multiple: multiple, accept: acceptedTypes ? acceptedTypes.join(', ') : undefined, onChange: handleFileInputChange })] }));
+});
+UploadAreaBase.displayName = 'UploadArea';
+const UploadArea = React.memo(UploadAreaBase);
+
+exports.UploadArea = UploadArea;
+exports.allTypes = allTypes;
+exports.audioTypes = audioTypes;
+exports.documentTypes = documentTypes;
+exports.imageTypes = imageTypes;
+exports.textTypes = textTypes;
+exports.videoTypes = videoTypes;

package/dist/cjs/index.js

@@ -29,7 +29,7 @@ var Logos = require('./chunks/Logos-DSlAUz8l.js');
 var Overlay = require('./chunks/Overlay-DV3C5NDO.js');
 var FlexDiv = require('./chunks/FlexDiv-BHl29ywz.js');
 var Pager = require('./chunks/Pager-CRjpl1FZ.js');
-var PromptInput = require('./chunks/PromptInput-DmO8a3oX.js');
+var PromptInput = require('./chunks/PromptInput-CfzofBTJ.js');
 var ProgressIndicator = require('./chunks/ProgressIndicator-BAwAaw58.js');
 var RadioButton = require('./chunks/RadioButton-DA9YUGEF.js');
 var RadioButtonList = require('./chunks/RadioButtonList-BtsT7GJc.js');
@@ -48,7 +48,8 @@ var FileIcon = require('./chunks/FileIcon-CEMQK_Je.js');
 var _types = require('./chunks/_types-BNlHsGMQ.js');
 var ButtonBar = require('./chunks/ButtonBar-CeDdAOlH.js');
 var Card = require('./chunks/Card-Cc_c-S7i.js');
-var Label = require('./chunks/Label-DZJ_YDtD.js');
+var Label = require('./chunks/Label-s1aCv2Y1.js');
+var UploadArea = require('./chunks/UploadArea-DunGYE1_.js');
 require('./theme/corners.js');
 require('./theme/type.js');
 require('react');
@@ -57,7 +58,7 @@ require('react/jsx-runtime');
 require('./chunks/style-inject.es-XZHJH68X.js');
 require('motion/react');
 require('./chunks/utils-BwNacfBU.js');
-require('./chunks/FileList-DWIm4o46.js');
+require('./chunks/FileList-BHMne9Mr.js');
 
 
 
@@ -129,3 +130,10 @@ Object.defineProperty(exports, "IconNames", {
 exports.ButtonBar = ButtonBar.ButtonBar;
 exports.Card = Card.Card;
 exports.Label = Label.Label;
+exports.UploadArea = UploadArea.UploadArea;
+exports.allTypes = UploadArea.allTypes;
+exports.audioTypes = UploadArea.audioTypes;
+exports.documentTypes = UploadArea.documentTypes;
+exports.imageTypes = UploadArea.imageTypes;
+exports.textTypes = UploadArea.textTypes;
+exports.videoTypes = UploadArea.videoTypes;

package/dist/cjs/uikit/FileList.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var FileList = require('../chunks/FileList-DWIm4o46.js');
+var FileList = require('../chunks/FileList-BHMne9Mr.js');
 require('../chunks/tslib.es6-4H29ixHs.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/uikit/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../chunks/Label-DZJ_YDtD.js');
+var Label = require('../chunks/Label-s1aCv2Y1.js');
 require('../chunks/tslib.es6-4H29ixHs.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/uikit/PromptInput.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var PromptInput = require('../chunks/PromptInput-DmO8a3oX.js');
+var PromptInput = require('../chunks/PromptInput-CfzofBTJ.js');
 require('react/jsx-runtime');
 require('react');
 require('../hooks/useTheme.js');
@@ -21,7 +21,7 @@ require('../chunks/_types-BNlHsGMQ.js');
 require('../chunks/utils-BwNacfBU.js');
 require('../chunks/ProgressIndicator-BAwAaw58.js');
 require('../chunks/sharedTypes-BvTjh6M5.js');
-require('../chunks/FileList-DWIm4o46.js');
+require('../chunks/FileList-BHMne9Mr.js');
 require('../chunks/FileIcon-CEMQK_Je.js');
 
 

package/dist/cjs/uikit/UploadArea.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var UploadArea = require('../chunks/UploadArea-DunGYE1_.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/utils-BwNacfBU.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('../chunks/FileList-BHMne9Mr.js');
+require('../chunks/FileIcon-CEMQK_Je.js');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/elevations.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/_types-BNlHsGMQ.js');
+require('../chunks/ProgressIndicator-BAwAaw58.js');
+require('motion/react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.UploadArea = UploadArea.UploadArea;
+exports.allTypes = UploadArea.allTypes;
+exports.audioTypes = UploadArea.audioTypes;
+exports.documentTypes = UploadArea.documentTypes;
+exports.imageTypes = UploadArea.imageTypes;
+exports.textTypes = UploadArea.textTypes;
+exports.videoTypes = UploadArea.videoTypes;

package/dist/esm/chunks/{FileList-yo_u1Kvw.js → FileList-CdUgbpYF.js}

@@ -56,7 +56,7 @@ function fileIconName(extension) {
     }
 }
 
-var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__vsmK5 {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__TTDb9 {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: var(--file-overflow);\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__TTDb9::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width 1s ease-in-out 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__qFumz {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__cEeZM {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__gOq0Z {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__lwFza {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__a-lhL {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__IqQtu {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__E8BbI {\n}\n\n.FileList-module_s__hk4A- {\n}\n\n.FileList-module_m__3Fc4x {\n}\n\n.FileList-module_l__pS2TK {\n}\n\n.FileList-module_xl__NbbC5 {\n}\n";
+var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.FileList-module_wrapper__vsmK5 {\n\twidth: 100%;\n\toverflow: hidden;\n\tflex-wrap: var(--file-wrap);\n\tflex-direction: var(--file-direction) !important;\n\talign-items: flex-start !important;\n\tgap: var(--file-gap);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.FileList-module_file__TTDb9 {\n\tposition: relative;\n\tpadding: var(--file-padding) !important;\n\tborder: 1px solid var(--file-border-color);\n\tborder-radius: 4px;\n\toverflow: hidden;\n\tmin-height: max-content;\n\tmax-width: var(--file-max-width);\n\tmin-width: var(--file-min-width);\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tgap: 4px;\n}\n\n/* file progress bar */\n.FileList-module_file__TTDb9::before {\n\tcontent: \"\";\n\tposition: absolute;\n\tbackground: var(--file-bg-color);\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\twidth: var(--file-progress);\n\ttransition: width 1s ease-in-out 0s;\n\tz-index: 1;\n}\n\n.FileList-module_fileName__qFumz {\n\twidth: 100%;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box !important;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tz-index: 2;\n}\n\n.FileList-module_meta__cEeZM {\n\tflex: 1;\n\tmin-width: 0;\n\tgap: 2px;\n\tz-index: 2;\n}\n\n.FileList-module_status__gOq0Z {\n\tcolor: var(--core-text-secondary);\n\tline-height: 1.2;\n}\n\n.FileList-module_error__lwFza {\n\tcolor: var(--feedback-warning);\n}\n\n.FileList-module_fileIcon__a-lhL {\n\tmin-width: var(--file-icon-size);\n\tmin-height: var(--file-icon-size);\n\tmax-width: var(--file-icon-size);\n\tmax-height: var(--file-icon-size);\n\tz-index: 2;\n}\n\n.FileList-module_icon__IqQtu {\n\tmargin-left: 4px !important;\n\tmin-width: 20px;\n\tmin-height: 20px;\n\tmax-width: 20px;\n\tmax-height: 20px;\n\tcursor: pointer;\n\tz-index: 2;\n}\n\n.FileList-module_xs__E8BbI {\n}\n\n.FileList-module_s__hk4A- {\n}\n\n.FileList-module_m__3Fc4x {\n}\n\n.FileList-module_l__pS2TK {\n}\n\n.FileList-module_xl__NbbC5 {\n}\n";
 var css = {"wrapper":"FileList-module_wrapper__vsmK5 flexBox-module_rowStart__nJZnW","file":"FileList-module_file__TTDb9 flexBox-module_rowStart__nJZnW","fileName":"FileList-module_fileName__qFumz flexBox-module_row__PWxbe","meta":"FileList-module_meta__cEeZM flexBox-module_columnStart__Kg8cV","status":"FileList-module_status__gOq0Z type-module_body-xs-regular__QWEzl","error":"FileList-module_error__lwFza","fileIcon":"FileList-module_fileIcon__a-lhL flexBox-module_row__PWxbe","icon":"FileList-module_icon__IqQtu flexBox-module_row__PWxbe","xs":"FileList-module_xs__E8BbI type-module_body-xs-regular__QWEzl","s":"FileList-module_s__hk4A- type-module_body-s-regular__8-FO-","m":"FileList-module_m__3Fc4x type-module_body-m-regular__Qtp5G","l":"FileList-module_l__pS2TK type-module_body-l-regular__Ar4d3","xl":"FileList-module_xl__NbbC5 type-module_body-xl-regular__zDf-z"};
 styleInject(css_248z);
 
@@ -94,7 +94,7 @@ function displayClose(uploading) {
     return { display: 'none' };
 }
 const FileList = React.memo((props) => {
-    const { files = [], onChange, onToolTip, maxWidth, minWidth, direction = 'row', padding, gap = 10, size = 's', iconSize = 24, bgColor } = props, divAttributes = __rest(props, ["files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor"]);
+    const { files = [], onChange, onToolTip, maxWidth, minWidth, direction = 'row', padding, gap = 10, size = 's', iconSize = 24, bgColor, canRemove = true } = props, divAttributes = __rest(props, ["files", "onChange", "onToolTip", "maxWidth", "minWidth", "direction", "padding", "gap", "size", "iconSize", "bgColor", "canRemove"]);
     // div attributes to add
     const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
     const divStyle = style !== null && style !== void 0 ? style : {};
@@ -155,7 +155,7 @@ const FileList = React.memo((props) => {
                 : 'var(--core-outline-primary)',
         };
     }, []);
-    return (jsx("div", Object.assign({ className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), id: divId }, rest, { children: displayList.map((i) => (jsxs("div", { className: `${css.file} ${css[size]}`, style: fileCSSVars(i.progress, i.error), children: [jsx("div", { className: css.fileIcon, children: jsx(FileIcon, { name: i.icon, size: iconSize }) }), jsxs("div", { className: css.meta, children: [jsx("div", { className: css.fileName, children: i.name }), i.error && (jsx("div", { className: `${css.status} ${i.error ? css.error : ''}`, children: i.error }))] }), jsx("div", { className: css.icon, style: displayProgress(i.uploading), children: jsx(ProgressIndicator, { inline: true, size: 20, show: i.uploading }) }), jsx("div", { className: css.icon, style: displayClose(i.uploading), role: 'button', "aria-label": 'remove file', onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, onClick: () => handleRemove(i.index), onKeyDown: (e) => accessibleKeyDown(e, () => handleRemove(i.index)), tabIndex: 0, children: jsx(Icon, { name: 'x', style: { pointerEvents: 'none' } }) })] }, i.key))) })));
+    return (jsx("div", Object.assign({ className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), id: divId }, rest, { children: displayList.map((i) => (jsxs("div", { className: `${css.file} ${css[size]}`, style: fileCSSVars(i.progress, i.error), children: [jsx("div", { className: css.fileIcon, children: jsx(FileIcon, { name: i.icon, size: iconSize }) }), jsxs("div", { className: css.meta, children: [jsx("div", { className: css.fileName, children: i.name }), i.error && (jsx("div", { className: `${css.status} ${i.error ? css.error : ''}`, children: i.error }))] }), jsx("div", { className: css.icon, style: displayProgress(i.uploading), children: jsx(ProgressIndicator, { inline: true, size: 20, show: i.uploading }) }), canRemove && (jsx("div", { className: css.icon, style: displayClose(i.uploading), role: 'button', "aria-label": 'remove file', onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, onFocus: handleMouseOver, onBlur: handleMouseOut, onClick: () => handleRemove(i.index), onKeyDown: (e) => accessibleKeyDown(e, () => handleRemove(i.index)), tabIndex: 0, children: jsx(Icon, { name: 'x', style: { pointerEvents: 'none' } }) }))] }, i.key))) })));
 });
 
 export { FileList as F };

package/dist/esm/chunks/{Label-CgntsR3g.js → Label-BRon-ejm.js}

@@ -13,7 +13,7 @@ styleInject(css_248z);
 
 function Label(props) {
     const theme = useTheme();
-    const { children, state, noFill = false, button = false, round = false, border = 1, padding, color, inline = false, size = 'm', onClick = () => null } = props, divAttributes = __rest(props, ["children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick"]);
+    const { children, state, noFill = false, button = false, round = false, border = 1, padding, color, inline = true, size = 'm', onClick = () => null } = props, divAttributes = __rest(props, ["children", "state", "noFill", "button", "round", "border", "padding", "color", "inline", "size", "onClick"]);
     const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
     const divStyle = style !== null && style !== void 0 ? style : {};
     const divClass = className ? ` ${className}` : '';

package/dist/esm/chunks/{PromptInput-C_qj6kGp.js → PromptInput-DodTBG82.js}

@@ -4,7 +4,7 @@ import { useTheme } from '../hooks/useTheme.js';
 import '../theme/colors.js';
 import '../hooks/useWindow.js';
 import { B as Button } from './Button-BUJkJqdO.js';
-import { F as FileList } from './FileList-yo_u1Kvw.js';
+import { F as FileList } from './FileList-CdUgbpYF.js';
 import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
 
 var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.PromptInput-module_wrapperBg__9QWdq {\n\tposition: relative;\n\t--border-angle: 0turn;\n\t--conic-gradient-dark: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land) 270deg,\n\t\tvar(--array-land) 315deg,\n\t\tvar(--array-land) 360deg\n\t);\n\t--conic-gradient-light: conic-gradient(\n\t\tfrom var(--border-angle),\n\t\tvar(--core-text-special) 0deg,\n\t\tvar(--core-text-special) 45deg,\n\t\tvar(--core-text-special) 90deg,\n\t\tvar(--array-magenta-label) 135deg,\n\t\tvar(--array-magenta-label) 180deg,\n\t\tvar(--array-magenta-label) 225deg,\n\t\tvar(--array-land-label) 270deg,\n\t\tvar(--array-land-label) 315deg,\n\t\tvar(--array-land-label) 360deg\n\t);\n\tz-index: 0;\n\theight: auto;\n\tmax-height: var(--prompt-max-height);\n\twidth: 100%;\n\tborder-radius: var(--prompt-border-radius);\n\toverflow: hidden;\n\tpadding: var(--prompt-border-width) !important;\n\tbackground: var(--prompt-border-color);\n\tanimation: PromptInput-module_bgRotate__xvvtD 3s linear infinite;\n\tanimation-play-state: var(--prompt-state);\n\ttransition: background 0.25s ease-in-out 0s;\n}\n\n@property --border-angle {\n\tsyntax: \"<angle>\";\n\tinherits: false;\n\tinitial-value: 0turn;\n}\n\n@keyframes PromptInput-module_bgRotate__xvvtD {\n\t100% {\n\t\t--border-angle: 1turn;\n\t}\n}\n\n.PromptInput-module_textareaWrapper__4hWyM {\n\talign-items: flex-start;\n\twidth: 100%;\n\theight: min-content;\n\tmax-height: 400px;\n\toverflow: hidden;\n\toverflow-y: auto;\n\tborder-radius: var(--prompt-inner-border-radius);\n\tbackground: var(--core-surface-secondary);\n}\n\n.PromptInput-module_attachments__R0egZ {\n\tpadding: 16px 16px 0 16px !important;\n\twidth: 100%;\n}\n\n.PromptInput-module_clear__tjFZ- {\n\tpadding: 12px 8px 0 0 !important;\n\tdisplay: var(--prompt-clear) !important;\n}\n\n.PromptInput-module_buttonBar__9Ol9O {\n\tpadding: 8px 16px 16px 16px !important;\n\twidth: 100%;\n\tcursor: text;\n}\n\n.PromptInput-module_toolBar__CmIf- {\n\tflex: 1;\n\tgap: 8px;\n}\n\n.PromptInput-module_textarea__ZuzrC {\n\tpadding: 16px !important;\n\tbox-sizing: border-box;\n\tfield-sizing: content;\n\twidth: 100%;\n\tresize: none;\n\tborder: 0;\n\toutline: none;\n\tcolor: var(--core-text-primary);\n\tbackground: transparent;\n\tborder-radius: var(--prompt-border-radius);\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n}\n\n.PromptInput-module_s__Z684A {\n}\n\n.PromptInput-module_m__NxLh6 {\n}\n\n.PromptInput-module_l__BaGnx {\n}\n";

package/dist/esm/chunks/UploadArea-C0YHy4Z9.js

@@ -0,0 +1,147 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useRef, useCallback, useMemo } from 'react';
+import { s as setStyle, a as accessibleKeyDown } from './utils-CZ1LWeN6.js';
+import { F as FileList } from './FileList-CdUgbpYF.js';
+import { I as Icon } from './_types-RJ7q8S0B.js';
+import { P as ProgressIndicator } from './ProgressIndicator-uI9BZwBB.js';
+import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
+
+var css_248z = ".flexBox-module_row__PWxbe {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__27lKK {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__nJZnW {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__dHcOU {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__MP2Xd {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__Kg8cV {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__zcmtk {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__157yI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__u2nwI {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__QWEzl {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__FxEAv {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__rf7AV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__8-FO- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__qyYq- {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__7GQ5Z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__Qtp5G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__Ieh9K {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__0lZ3I {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__Ar4d3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__6tV1n {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__I8Q1v {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__zDf-z {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__R5GpK {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__SI-hC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__tdBSi {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__-7Uyu {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__8hGYF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Cryjg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__PUi44 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__1B6fk {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.UploadArea-module_wrapper__CRGxX {\n\tpadding: var(--ua-padding) !important;\n\tborder: var(--ua-border) var(--ua-border-style) var(--ua-border-color);\n\tborder-radius: var(--ua-radius);\n\tbackground: var(--ua-bg-color);\n\tgap: 8px;\n\tcursor: var(--ua-cursor);\n\twidth: var(--ua-width);\n\theight: var(--ua-height);\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.UploadArea-module_icon__BorsB {\n\tmin-height: var(--ua-icon-size);\n\theight: var(--ua-icon-size);\n\tmin-width: var(--ua-icon-size);\n\twidth: var(--ua-icon-size);\n\tpointer-events: none;\n}\n\n.UploadArea-module_title__cHPKW {\n\tpointer-events: none;\n}\n\n.UploadArea-module_message__cnoa7 {\n\tcolor: var(--core-text-tertiary);\n\tpointer-events: none;\n\tgap: 8px;\n}\n\n.UploadArea-module_files__hIz4K {\n\tmargin-top: 16px !important;\n\twidth: 100%;\n}\n\n.UploadArea-module_xs__MTB7z {\n}\n\n.UploadArea-module_s__w0unZ {\n}\n\n.UploadArea-module_m__N4PzX {\n}\n\n.UploadArea-module_l__2GkSv {\n}\n";
+var css = {"wrapper":"UploadArea-module_wrapper__CRGxX flexBox-module_column__MP2Xd","icon":"UploadArea-module_icon__BorsB flexBox-module_row__PWxbe","title":"UploadArea-module_title__cHPKW type-module_body-l-bold__I8Q1v","message":"UploadArea-module_message__cnoa7 flexBox-module_row__PWxbe","files":"UploadArea-module_files__hIz4K flexBox-module_column__MP2Xd","xs":"UploadArea-module_xs__MTB7z type-module_body-xs-regular__QWEzl","s":"UploadArea-module_s__w0unZ type-module_body-s-regular__8-FO-","m":"UploadArea-module_m__N4PzX type-module_body-m-regular__Qtp5G","l":"UploadArea-module_l__2GkSv type-module_body-l-regular__Ar4d3"};
+styleInject(css_248z);
+
+const imageTypes = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'heic', 'heif'];
+const videoTypes = ['mp4', 'avi', 'mov', 'wmv', 'flv'];
+const documentTypes = [
+    'pdf',
+    'doc',
+    'docx',
+    'xls',
+    'xlsx',
+    'ppt',
+    'pptx',
+];
+const audioTypes = ['mp3', 'wav', 'ogg', 'aac', 'flac'];
+const textTypes = ['txt', 'rtf', 'md', 'csv', 'json', 'xml'];
+const allTypes = [
+    ...imageTypes,
+    ...videoTypes,
+    ...documentTypes,
+    ...audioTypes,
+    ...textTypes,
+];
+var FileTypes;
+(function (FileTypes) {
+    FileTypes["images"] = "images";
+    FileTypes["videos"] = "videos";
+    FileTypes["documents"] = "documents";
+    FileTypes["audio"] = "audio";
+    FileTypes["text"] = "text";
+    FileTypes["all"] = "all";
+    FileTypes["custom"] = "custom";
+})(FileTypes || (FileTypes = {}));
+
+const UploadAreaBase = React.forwardRef((props, ref) => {
+    const { icon = 'upload', iconColor = 'var(--core-text-primary)', iconColorHover = 'var(--core-text-special)', title = 'Upload Files', width = '100%', height = 'auto', message = 'Drag and drop files here or click to upload', busyMessage = 'Uploading in progress', iconSize = 24, textSize = 'm', border = 1, borderStyle = 'dashed', borderColor = 'var(--core-outline-primary)', borderColorHover = 'var(--core-outline-special)', radius = 8, padding = 32, bgColor = 'var(--core-surface-secondary)', bgColorHover = 'var(--core-surface-special)', acceptedTypes = allTypes, multiple = true, busy = false, canRemove = true, showProgress = true, files = [], onUpload, } = props;
+    const [hovered, setHovered] = useState(false);
+    const inputRef = useRef(null);
+    const dragDepth = useRef(0);
+    // set uploading files
+    // *** select files
+    // callback to trigger click
+    const handleClickUpload = useCallback(() => {
+        var _a;
+        if (busy)
+            return;
+        if (!(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current))
+            return;
+        inputRef.current.value = '';
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+    }, [busy]);
+    // call back on file change
+    const handleFileInputChange = useCallback((e) => {
+        if (busy)
+            return;
+        if (!e.target.files)
+            return;
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(Array.from(e.target.files));
+    }, [busy, onUpload]);
+    // *** drag/drop
+    // check for files to light up hover
+    const hasFilesInDrag = useCallback((e) => {
+        var _a, _b;
+        return Array.from((_b = (_a = e.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) !== null && _b !== void 0 ? _b : []).includes('Files');
+    }, []);
+    // use counters for responsive feedback
+    const handleDragEnter = useCallback((e) => {
+        e.preventDefault();
+        if (busy || !hasFilesInDrag(e))
+            return;
+        dragDepth.current += 1;
+        if (dragDepth.current === 1)
+            setHovered(true);
+    }, [busy, hasFilesInDrag]);
+    // prevent default since "drop" happens when "over"
+    const handleDragOver = (e) => {
+        e.preventDefault();
+    };
+    // at 0 hover is over
+    const handleDragLeave = useCallback((e) => {
+        e.preventDefault();
+        if (busy)
+            return;
+        dragDepth.current = Math.max(0, dragDepth.current - 1);
+        if (dragDepth.current === 0)
+            setHovered(false);
+    }, [busy]);
+    // handle drop
+    const handleDrop = useCallback((e) => {
+        var _a;
+        e.preventDefault();
+        if (busy)
+            return;
+        dragDepth.current = 0;
+        setHovered(false);
+        const files = Array.from((_a = e.dataTransfer.files) !== null && _a !== void 0 ? _a : []);
+        onUpload === null || onUpload === void 0 ? void 0 : onUpload(files);
+    }, [busy, onUpload]);
+    // icon color
+    const iconStrokeColor = useMemo(() => {
+        if (hovered)
+            return iconColorHover;
+        return iconColor;
+    }, [hovered, iconColor, iconColorHover]);
+    const cssVars = useMemo(() => {
+        return {
+            '--ua-border': `${border}px`,
+            '--ua-border-style': borderStyle,
+            '--ua-border-color': hovered || busy ? borderColorHover : borderColor,
+            '--ua-radius': `${radius}px`,
+            '--ua-padding': setStyle(padding),
+            '--ua-bg-color': hovered ? bgColorHover : bgColor,
+            '--ua-icon-size': `${iconSize}px`,
+            '--ua-cursor': busy ? 'default' : 'pointer',
+            '--ua-width': setStyle(width),
+            '--ua-height': setStyle(height),
+        };
+    }, [
+        border,
+        borderStyle,
+        borderColor,
+        borderColorHover,
+        radius,
+        padding,
+        bgColor,
+        bgColorHover,
+        iconSize,
+        busy,
+        hovered,
+        height,
+        width,
+    ]);
+    return (jsxs("div", { className: css.wrapper, style: cssVars, ref: ref, role: 'button', "aria-label": 'Click to upload files', tabIndex: 0, onClick: handleClickUpload, onKeyDown: (e) => accessibleKeyDown(e, () => handleClickUpload()), onDragEnter: handleDragEnter, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [jsx("div", { className: css.icon, children: jsx(Icon, { size: iconSize, name: icon, strokeColor: iconStrokeColor, pointer: false }) }), jsx("div", { className: css.title, children: title }), jsxs("div", { className: `${css.message} ${css[textSize]}`, children: [busy && showProgress && (jsx(ProgressIndicator, { show: true, size: 20, inline: true, color: iconStrokeColor })), busy ? busyMessage : message] }), files.length > 0 && (jsx("div", { className: css.files, children: jsx(FileList, { files: files, bgColor: 'var(--core-surface-primary)', size: 'm', direction: 'column', gap: 8, iconSize: 24, padding: '10px', canRemove: canRemove }) })), jsx("input", { ref: inputRef, type: "file", hidden: true, disabled: busy, multiple: multiple, accept: acceptedTypes ? acceptedTypes.join(', ') : undefined, onChange: handleFileInputChange })] }));
+});
+UploadAreaBase.displayName = 'UploadArea';
+const UploadArea = React.memo(UploadAreaBase);
+
+export { UploadArea as U, allTypes as a, audioTypes as b, documentTypes as d, imageTypes as i, textTypes as t, videoTypes as v };

package/dist/esm/index.js

@@ -27,7 +27,7 @@ export { L as Logos } from './chunks/Logos-DwZP-TR2.js';
 export { O as Overlay } from './chunks/Overlay-BolsHW9S.js';
 export { F as FlexDiv } from './chunks/FlexDiv-CFyndG99.js';
 export { P as Pager } from './chunks/Pager-BHLyXq9p.js';
-export { P as PromptInput } from './chunks/PromptInput-C_qj6kGp.js';
+export { P as PromptInput } from './chunks/PromptInput-DodTBG82.js';
 export { D as DoneCheck, P as ProgressIndicator } from './chunks/ProgressIndicator-uI9BZwBB.js';
 export { R as RadioButton } from './chunks/RadioButton-D8otD_Jj.js';
 export { R as RadioButtonList } from './chunks/RadioButtonList-CtX1j7rO.js';
@@ -46,7 +46,8 @@ export { F as FileIcon, a as FileIconNames } from './chunks/FileIcon-Cxh-QsYb.js
 export { I as Icon, a as IconNames } from './chunks/_types-RJ7q8S0B.js';
 export { B as ButtonBar } from './chunks/ButtonBar-Bl0oCxd8.js';
 export { C as Card } from './chunks/Card-Bjk0kgQh.js';
-export { L as Label } from './chunks/Label-CgntsR3g.js';
+export { L as Label } from './chunks/Label-BRon-ejm.js';
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from './chunks/UploadArea-C0YHy4Z9.js';
 import './theme/corners.js';
 import './theme/type.js';
 import 'react';
@@ -55,4 +56,4 @@ import 'react/jsx-runtime';
 import './chunks/style-inject.es-tgCJW-Cu.js';
 import 'motion/react';
 import './chunks/utils-CZ1LWeN6.js';
-import './chunks/FileList-yo_u1Kvw.js';
+import './chunks/FileList-CdUgbpYF.js';

package/dist/esm/uikit/FileList.js

@@ -1,4 +1,4 @@
-export { F as FileList } from '../chunks/FileList-yo_u1Kvw.js';
+export { F as FileList } from '../chunks/FileList-CdUgbpYF.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/esm/uikit/Label.js

@@ -1,4 +1,4 @@
-export { L as Label } from '../chunks/Label-CgntsR3g.js';
+export { L as Label } from '../chunks/Label-BRon-ejm.js';
 import '../chunks/tslib.es6-0pkUdtrF.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/esm/uikit/PromptInput.js

@@ -1,4 +1,4 @@
-export { P as PromptInput } from '../chunks/PromptInput-C_qj6kGp.js';
+export { P as PromptInput } from '../chunks/PromptInput-DodTBG82.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../hooks/useTheme.js';
@@ -19,5 +19,5 @@ import '../chunks/_types-RJ7q8S0B.js';
 import '../chunks/utils-CZ1LWeN6.js';
 import '../chunks/ProgressIndicator-uI9BZwBB.js';
 import '../chunks/sharedTypes-BfZzG1KX.js';
-import '../chunks/FileList-yo_u1Kvw.js';
+import '../chunks/FileList-CdUgbpYF.js';
 import '../chunks/FileIcon-Cxh-QsYb.js';

package/dist/esm/uikit/UploadArea.js

@@ -0,0 +1,19 @@
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from '../chunks/UploadArea-C0YHy4Z9.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../chunks/utils-CZ1LWeN6.js';
+import '../chunks/tslib.es6-0pkUdtrF.js';
+import '../chunks/FileList-CdUgbpYF.js';
+import '../chunks/FileIcon-Cxh-QsYb.js';
+import '../hooks/useTheme.js';
+import '../theme/themes.js';
+import '../theme/colors.js';
+import '../theme/corners.js';
+import '../theme/elevations.js';
+import '../theme/type.js';
+import '../hooks/useObserveTheme.js';
+import '../hooks/useWindow.js';
+import '../chunks/_types-RJ7q8S0B.js';
+import '../chunks/ProgressIndicator-uI9BZwBB.js';
+import 'motion/react';
+import '../chunks/style-inject.es-tgCJW-Cu.js';

package/dist/types/index.d.ts

@@ -73,3 +73,6 @@ export { Card } from './uikit/Card';
 export type { CardProps } from './uikit/Card/_types';
 export { Label } from './uikit/Label';
 export type { LabelProps } from './uikit/Label';
+export { UploadArea } from './uikit/UploadArea';
+export type { UploadAreaProps } from './uikit/UploadArea/_types';
+export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './uikit/UploadArea/_types';

package/dist/types/uikit/FileList/_types.d.ts

@@ -17,6 +17,7 @@ type FileListBaseProps = {
     iconSize?: number;
     onChange?: (files: FileItem[]) => void;
     bgColor?: string;
+    canRemove?: boolean;
     onToolTip?: (tip: ToolTip | null) => void;
 };
 export type FileListProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof FileListBaseProps> & FileListBaseProps;

package/dist/types/uikit/UploadArea/UploadArea.d.ts

@@ -0,0 +1,54 @@
+import React from 'react';
+export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: "s" | "m" | "l";
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: import("../FileList").FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+}> & {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: "s" | "m" | "l";
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: import("../FileList").FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/types/uikit/UploadArea/_types.d.ts

@@ -0,0 +1,46 @@
+import type React from 'react';
+import type { FileItem } from '../FileList';
+export declare const imageTypes: string[];
+export declare const videoTypes: string[];
+export declare const documentTypes: string[];
+export declare const audioTypes: string[];
+export declare const textTypes: string[];
+export declare const allTypes: string[];
+export declare enum FileTypes {
+    images = "images",
+    videos = "videos",
+    documents = "documents",
+    audio = "audio",
+    text = "text",
+    all = "all",
+    custom = "custom"
+}
+type UploadAreaBaseProps = {
+    icon?: string;
+    iconSize?: number;
+    iconColor?: string;
+    iconColorHover?: string;
+    width?: number | string;
+    height?: number | string;
+    title?: string;
+    message?: string;
+    busyMessage?: string;
+    bgColor?: string;
+    bgColorHover?: string;
+    border?: number;
+    borderColor?: string | null;
+    borderColorHover?: string | null;
+    borderStyle?: string;
+    textSize?: 's' | 'm' | 'l';
+    padding?: number | string;
+    radius?: number | string;
+    acceptedTypes?: string[];
+    multiple?: boolean;
+    busy?: boolean;
+    showProgress?: boolean;
+    files?: FileItem[];
+    canRemove?: boolean;
+    onUpload?: (files: File[]) => void;
+};
+export type UploadAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UploadAreaBaseProps> & UploadAreaBaseProps;
+export {};

package/dist/types/uikit/UploadArea/index.d.ts

@@ -0,0 +1,3 @@
+export { UploadArea } from './UploadArea';
+export type { UploadAreaProps } from './_types';
+export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './_types';

package/dist/types/util/utils.d.ts

@@ -47,3 +47,7 @@ export declare function setStyle(value: string | number | undefined, defaultVal?
  * Copy to clipboard
  */
 export declare const copyToClipboard: (rawContent: string) => Promise<boolean>;
+/**
+ * Create a tint value from a hex color
+ */
+export declare const tintFromColor: (hex: string, percent: number) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.5",
+	"version": "0.0.6",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.js",
 	"exports": {