@namba_one/ui-kit-2 1.0.78 → 1.0.80

package/dist/index.d.ts

@@ -187,8 +187,10 @@ onClose?: (() => any) | undefined;
 declare const __VLS_component_8: DefineComponent<__VLS_PublicProps_4, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | null | undefined) => any;
 } & {
+blur: () => any;
 "update:error": (value: boolean) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps_4> & Readonly<{
+onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
@@ -1363,6 +1365,7 @@ readonly maxLength?: (number | string) | undefined;
 readonly autofocus?: boolean | undefined;
 readonly iconLeft?: IconName | undefined;
 readonly iconRight?: IconName | undefined;
+readonly onBlur?: (() => any) | undefined;
 readonly "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 readonly "onUpdate:error"?: ((value: boolean) => any) | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -1380,16 +1383,18 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
+$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
 $el: HTMLDivElement;
 $options: ComponentOptionsBase<Readonly<{
 value?: string | undefined | null;
 } & InputProps> & Readonly<{
+onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | null | undefined) => any;
 } & {
+blur: () => any;
 "update:error": (value: boolean) => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
@@ -1414,6 +1419,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 } & Readonly<{}> & Omit<Readonly<{
 value?: string | undefined | null;
 } & InputProps> & Readonly<{
+onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
@@ -1440,6 +1446,7 @@ readonly maxLength?: (number | string) | undefined;
 readonly autofocus?: boolean | undefined;
 readonly iconLeft?: IconName | undefined;
 readonly iconRight?: IconName | undefined;
+readonly onBlur?: (() => any) | undefined;
 readonly "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 readonly "onUpdate:error"?: ((value: boolean) => any) | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
@@ -1457,16 +1464,18 @@ $slots: Readonly<{
 $root: ComponentPublicInstance | null;
 $parent: ComponentPublicInstance | null;
 $host: Element | null;
-$emit: ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
+$emit: ((event: "blur") => void) & ((event: "update:value", value: string | null | undefined) => void) & ((event: "update:error", value: boolean) => void);
 $el: HTMLDivElement;
 $options: ComponentOptionsBase<Readonly<{
 value?: string | undefined | null;
 } & InputProps> & Readonly<{
+onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:value": (value: string | null | undefined) => any;
 } & {
+blur: () => any;
 "update:error": (value: boolean) => any;
 }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
 beforeCreate?: (() => void) | (() => void)[];
@@ -1491,6 +1500,7 @@ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...
 } & Readonly<{}> & Omit<Readonly<{
 value?: string | undefined | null;
 } & InputProps> & Readonly<{
+onBlur?: (() => any) | undefined;
 "onUpdate:value"?: ((value: string | null | undefined) => any) | undefined;
 "onUpdate:error"?: ((value: boolean) => any) | undefined;
 }>, never> & ShallowUnwrapRef<    {}> & {} & ComponentCustomProperties & {} & {
@@ -1617,7 +1627,7 @@ export declare type IconBaseProps = {
 
 export declare type IconName = (typeof iconNames)[number];
 
-export declare const iconNames: readonly ["filled-success", "filled-warning", "outline-agreement", "outline-airplane", "outline-alert", "outline-api", "outline-arrow-up-down", "outline-arrow-up", "outline-balance-scale", "outline-bank", "outline-beach", "outline-box", "outline-briefcase", "outline-browser", "outline-brush", "outline-building", "outline-bulb", "outline-calendar", "outline-call", "outline-carousel", "outline-cash", "outline-check", "outline-checkmark-badge", "outline-chevron-down-huge", "outline-chevron-down", "outline-chevron-left", "outline-chevron-right", "outline-chevron-up", "outline-code", "outline-coins-stacks", "outline-computer", "outline-connect", "outline-copy", "outline-coupon", "outline-credit-card-pos", "outline-credit-card", "outline-cross", "outline-currency_bold", "outline-currency_medium", "outline-currency_regular", "outline-currency_semibold", "outline-customer-service", "outline-delete", "outline-delivery-tracking", "outline-delivery-truck", "outline-distribute-horizontal-center", "outline-download", "outline-drag-drop-vertical", "outline-edit", "outline-euro", "outline-eye-close", "outline-eye-open", "outline-file", "outline-flash", "outline-help-circle", "outline-image", "outline-link-square", "outline-link", "outline-lock-password", "outline-logout", "outline-mail-at-sign", "outline-megaphone", "outline-menu-dots", "outline-messenger", "outline-money-bag", "outline-money-safe", "outline-more-horizontal", "outline-more-vertical", "outline-mortarboard", "outline-move", "outline-paint-board", "outline-phone-check", "outline-placeholder", "outline-plus", "outline-promo", "outline-qr", "outline-rocket", "outline-settings", "outline-shop-1", "outline-shop", "outline-snow", "outline-sort-by-down", "outline-sort-by-up", "outline-star", "outline-success", "outline-sun", "outline-tag", "outline-time-quarter-pass", "outline-time", "outline-traffic-jam", "outline-trash", "outline-two-users", "outline-unavailable", "outline-upload", "outline-user", "outline-wallet-stack", "outline-wallet", "outline-warning", "outlines-files", "static-telegram", "static-whats-app"];
+export declare const iconNames: readonly ["filled-success", "filled-warning", "outline-agreement", "outline-airplane", "outline-alert", "outline-api", "outline-arrow-up-down", "outline-arrow-up", "outline-balance-scale", "outline-bank", "outline-beach", "outline-box", "outline-briefcase", "outline-browser", "outline-brush", "outline-building", "outline-bulb", "outline-calendar", "outline-call", "outline-carousel", "outline-cash", "outline-check", "outline-checkmark-badge", "outline-chevron-down-huge", "outline-chevron-down", "outline-chevron-left", "outline-chevron-right", "outline-chevron-up", "outline-code", "outline-coins-stacks", "outline-computer", "outline-connect", "outline-copy", "outline-coupon", "outline-credit-card-pos", "outline-credit-card", "outline-cross", "outline-currency_bold", "outline-currency_medium", "outline-currency_regular", "outline-currency_semibold", "outline-customer-service", "outline-delete", "outline-delivery-tracking", "outline-delivery-truck", "outline-distribute-horizontal-center", "outline-download", "outline-drag-drop-vertical", "outline-edit", "outline-euro", "outline-eye-close", "outline-eye-open", "outline-file", "outline-files", "outline-flash", "outline-help-circle", "outline-image", "outline-link-square", "outline-link", "outline-lock-password", "outline-logout", "outline-mail-at-sign", "outline-megaphone", "outline-menu-dots", "outline-messenger", "outline-money-bag", "outline-money-safe", "outline-more-horizontal", "outline-more-vertical", "outline-mortarboard", "outline-move", "outline-paint-board", "outline-phone-check", "outline-placeholder", "outline-plus", "outline-promo", "outline-qr", "outline-rocket", "outline-settings", "outline-shop-1", "outline-shop", "outline-snow", "outline-sort-by-down", "outline-sort-by-up", "outline-star", "outline-success", "outline-sun", "outline-tag", "outline-time-quarter-pass", "outline-time", "outline-traffic-jam", "outline-trash", "outline-two-users", "outline-unavailable", "outline-upload", "outline-user", "outline-wallet-stack", "outline-wallet", "outline-warning", "static-telegram", "static-whats-app"];
 
 export declare const IconView: DefineComponent<IconViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconViewProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 

package/dist/index.es.js

@@ -459,6 +459,7 @@ const pr = {
   "outline-eye-close",
   "outline-eye-open",
   "outline-file",
+  "outline-files",
   "outline-flash",
   "outline-help-circle",
   "outline-image",
@@ -504,7 +505,6 @@ const pr = {
   "outline-wallet-stack",
   "outline-wallet",
   "outline-warning",
-  "outlines-files",
   "static-telegram",
   "static-whats-app"
 ];
@@ -6726,52 +6726,7 @@ const xp = {
     mask: Date,
     lazy: !0
   }
-}, br = 300, f$ = /* @__PURE__ */ he({
-  __name: "TransitionHeight",
-  setup(a) {
-    const e = H(""), t = H("1");
-    let n;
-    function r() {
-      t.value = "0";
-    }
-    function s(c, d) {
-      t.value = "1", e.value = `${c.scrollHeight}px`, n = setTimeout(d, br);
-    }
-    function i() {
-      t.value = "", e.value = "";
-    }
-    function o(c) {
-      e.value = `${c.scrollHeight}px`;
-    }
-    function l(c, d) {
-      t.value = "0", n = setTimeout(d, br);
-    }
-    const u = B(() => ({
-      height: e.value,
-      opacity: t.value,
-      overflow: "hidden",
-      transition: `height ${br}ms ease, opacity ${br}ms ease`
-    }));
-    return Xr(() => clearTimeout(n)), (c, d) => (m(), T("div", {
-      style: Ue(u.value)
-    }, [
-      J(jt, {
-        mode: "out-in",
-        name: "fade-height",
-        onBeforeEnter: r,
-        onEnter: s,
-        onAfterEnter: i,
-        onBeforeLeave: o,
-        onLeave: l
-      }, {
-        default: q(() => [
-          ce(c.$slots, "default")
-        ]),
-        _: 3
-      })
-    ], 4));
-  }
-}), Ap = /* @__PURE__ */ he({
+}, Ap = /* @__PURE__ */ he({
   __name: "TransitionExpand",
   props: {
     className: {},
@@ -6869,112 +6824,116 @@ const xp = {
     value: {},
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ Lt(["update:error"], ["update:value"]),
+  emits: /* @__PURE__ */ Lt(["update:error", "blur"], ["update:value"]),
   setup(a, { emit: e }) {
-    const t = Yt(a, "value"), n = H(!1), r = H(), s = e, i = (l) => {
+    const t = Yt(a, "value"), n = H(!1), r = H(), s = e;
+    function i() {
+      n.value = !1, s("blur");
+    }
+    const o = (u) => {
       if (!a.maxLength) return;
-      const u = l.target;
-      u.value.length > Number(a.maxLength) && (u.value = u.value.slice(0, Number(a.maxLength)), t.value = u.value);
-    }, o = () => {
-      var l;
-      (l = r.value) == null || l.$el.focus();
+      const c = u.target;
+      c.value.length > Number(a.maxLength) && (c.value = c.value.slice(0, Number(a.maxLength)), t.value = c.value);
+    }, l = () => {
+      var u;
+      (u = r.value) == null || u.$el.focus();
     };
     return ot(() => {
-      var l;
-      a.autofocus && ((l = r.value) == null || l.$el.focus());
-    }), (l, u) => {
-      var c;
+      var u;
+      a.autofocus && ((u = r.value) == null || u.$el.focus());
+    }), (u, c) => {
+      var d;
       return m(), T("div", {
         class: _([
-          l.$style.root,
+          u.$style.root,
           {
-            [l.$style["is-disabled"]]: l.isDisabled,
-            [l.$style["is-error"]]: l.isError,
-            [l.$style["is-focused"]]: n.value
+            [u.$style["is-disabled"]]: u.isDisabled,
+            [u.$style["is-error"]]: u.isError,
+            [u.$style["is-focused"]]: n.value
           }
         ])
       }, [
-        l.label ? (m(), se(f(Oe), {
+        u.label ? (m(), se(f(Oe), {
           key: 0,
-          class: _(l.$style.label),
+          class: _(u.$style.label),
           size: "subhead",
           color: "text-common-base-primary-default"
         }, {
           default: q(() => [
-            De(we(l.label), 1)
+            De(we(u.label), 1)
           ]),
           _: 1
         }, 8, ["class"])) : Y("", !0),
         X("div", {
-          class: _(l.$style.wrapper),
-          onClick: o
+          class: _(u.$style.wrapper),
+          onClick: l
         }, [
-          l.iconLeft ? (m(), se(f(Qe), {
+          u.iconLeft ? (m(), se(f(Qe), {
             key: 0,
-            name: l.iconLeft,
+            name: u.iconLeft,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : Y("", !0),
           J(f(ul), at({
             unmasked: t.value,
-            "onUpdate:unmasked": u[0] || (u[0] = (d) => t.value = d),
-            class: l.$style.field,
-            type: l.type,
+            "onUpdate:unmasked": c[0] || (c[0] = (p) => t.value = p),
+            class: u.$style.field,
+            type: u.type,
             ref_key: "inputRef",
             ref: r
-          }, f(xp)[l.mask ?? "any"], {
+          }, f(xp)[u.mask ?? "any"], {
             unmask: !1,
-            autofocus: l.autofocus,
-            placeholder: l.placeholder,
-            autocomplete: l.autocomplete,
-            inputmode: l.inputmode,
-            onFocus: u[1] || (u[1] = () => n.value = !0),
-            onBlur: u[2] || (u[2] = () => n.value = !1),
-            onAccept: u[3] || (u[3] = (d) => s("update:error", !1)),
-            onInput: i
+            autofocus: u.autofocus,
+            placeholder: u.placeholder,
+            autocomplete: u.autocomplete,
+            inputmode: u.inputmode,
+            onFocus: c[1] || (c[1] = () => n.value = !0),
+            onBlur: i,
+            onAccept: c[2] || (c[2] = (p) => s("update:error", !1)),
+            onInput: o
           }), null, 16, ["unmasked", "class", "type", "autofocus", "placeholder", "autocomplete", "inputmode"]),
-          l.iconRight ? (m(), se(f(Qe), {
+          u.iconRight ? (m(), se(f(Qe), {
             key: 1,
-            name: l.iconRight,
+            name: u.iconRight,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : Y("", !0),
-          l.$slots.default ? (m(), T("div", {
+          u.$slots.default ? (m(), T("div", {
             key: 2,
-            class: _(l.$style.action)
+            class: _(u.$style.action)
           }, [
-            ce(l.$slots, "default")
+            ce(u.$slots, "default")
           ], 2)) : Y("", !0),
-          l.maxLength ? (m(), T("span", {
+          u.maxLength ? (m(), T("span", {
             key: 3,
-            class: _(l.$style.badge)
-          }, we(Number(l.maxLength) - (((c = t.value) == null ? void 0 : c.length) ?? 0)), 3)) : Y("", !0)
+            class: _(u.$style.badge)
+          }, we(Number(u.maxLength) - (((d = t.value) == null ? void 0 : d.length) ?? 0)), 3)) : Y("", !0)
         ], 2),
         J(f(Vp), {
-          "is-show": l.errorText && l.isError || !!l.description && !l.isError
+          "is-show": u.errorText && u.isError || !!u.description && !u.isError
         }, {
           default: q(() => [
             J(f(ia), null, {
               default: q(() => [
-                l.description && !l.isError ? (m(), se(f(Oe), {
-                  class: _(l.$style.bottom),
+                u.description && !u.isError ? (m(), se(f(Oe), {
+                  class: _(u.$style.bottom),
                   key: "description",
                   size: "subhead",
                   color: "text-common-base-secondary-default"
                 }, {
                   default: q(() => [
-                    De(we(l.description), 1)
+                    De(we(u.description), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : Y("", !0),
-                l.errorText && l.isError ? (m(), se(f(Oe), {
-                  class: _(l.$style.bottom),
+                u.errorText && u.isError ? (m(), se(f(Oe), {
+                  class: _(u.$style.bottom),
                   key: "error",
                   size: "subhead",
                   color: "text-common-critical-primary-default"
                 }, {
                   default: q(() => [
-                    De(we(l.errorText), 1)
+                    De(we(u.errorText), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : Y("", !0)
@@ -7023,7 +6982,7 @@ const xp = {
   }
 }), Qp = {
   $style: cl
-}, h$ = /* @__PURE__ */ Ce(Kp, [["__cssModules", Qp]]), Zp = {
+}, f$ = /* @__PURE__ */ Ce(Kp, [["__cssModules", Qp]]), Zp = {
   base: "text-common-base-primary-default",
   secondary: "text-common-base-secondary-default",
   brand: "text-common-primary-default"
@@ -7091,7 +7050,7 @@ const xp = {
   view_brand: iv
 }, lv = {
   $style: ov
-}, p$ = /* @__PURE__ */ Ce(ev, [["__cssModules", lv]]), uv = /* @__PURE__ */ he({
+}, h$ = /* @__PURE__ */ Ce(ev, [["__cssModules", lv]]), uv = /* @__PURE__ */ he({
   __name: "ListHeader",
   props: /* @__PURE__ */ Lt({
     isSortable: { type: Boolean },
@@ -7160,7 +7119,7 @@ const xp = {
   buttons: fv
 }, pv = {
   $style: hv
-}, v$ = /* @__PURE__ */ Ce(uv, [["__cssModules", pv]]), vv = /* @__PURE__ */ he({
+}, p$ = /* @__PURE__ */ Ce(uv, [["__cssModules", pv]]), vv = /* @__PURE__ */ he({
   __name: "ModalConfirmation",
   props: {
     view: {},
@@ -7248,7 +7207,7 @@ const xp = {
   button: _v
 }, kv = {
   $style: wv
-}, m$ = /* @__PURE__ */ Ce(vv, [["__cssModules", kv]]), $v = /* @__PURE__ */ he({
+}, v$ = /* @__PURE__ */ Ce(vv, [["__cssModules", kv]]), $v = /* @__PURE__ */ he({
   __name: "Price",
   props: {
     value: {},
@@ -7316,7 +7275,7 @@ const xp = {
   size_title1: Ev
 }, Ov = {
   $style: Fv
-}, g$ = /* @__PURE__ */ Ce($v, [["__cssModules", Ov]]), Iv = /* @__PURE__ */ he({
+}, m$ = /* @__PURE__ */ Ce($v, [["__cssModules", Ov]]), Iv = /* @__PURE__ */ he({
   __name: "ResponseBase",
   props: {
     img: {},
@@ -7376,7 +7335,7 @@ const xp = {
   bottom: Lv
 }, Vv = {
   $style: zv
-}, Nv = /* @__PURE__ */ Ce(Iv, [["__cssModules", Vv]]), y$ = /* @__PURE__ */ he({
+}, Nv = /* @__PURE__ */ Ce(Iv, [["__cssModules", Vv]]), g$ = /* @__PURE__ */ he({
   __name: "EmptyResponse",
   props: {
     img: {},
@@ -7427,7 +7386,7 @@ const xp = {
   root: Hv
 }, Wv = {
   $style: Uv
-}, b$ = /* @__PURE__ */ Ce(Yv, [["__cssModules", Wv]]);
+}, y$ = /* @__PURE__ */ Ce(Yv, [["__cssModules", Wv]]);
 function jv(a) {
   return Mo() ? (xo(a), !0) : !1;
 }
@@ -7776,7 +7735,7 @@ const Qv = /* @__PURE__ */ he({
   "is-open": "Select__is-open_000d1"
 }, um = {
   $style: lm
-}, _$ = /* @__PURE__ */ Ce(rm, [["__cssModules", um]]), cm = "";
+}, b$ = /* @__PURE__ */ Ce(rm, [["__cssModules", um]]), cm = "";
 function rs(a, e) {
   e === void 0 && (e = {});
   var t = e.insertAt;
@@ -7794,7 +7753,7 @@ function Et(a, e) {
   var t = fm(a);
   return a = e === 360 ? a : Math.min(e, Math.max(0, parseFloat(a))), t && (a = parseInt(String(a * e), 10) / 100), Math.abs(a - e) < 1e-6 ? 1 : (e === 360 ? a = (a < 0 ? a % e + e : a % e) / parseFloat(String(e)) : a = a % e / parseFloat(String(e)), a);
 }
-function _r(a) {
+function br(a) {
   return Math.min(1, Math.max(0, a));
 }
 function dm(a) {
@@ -7806,7 +7765,7 @@ function fm(a) {
 function vl(a) {
   return a = parseFloat(a), (isNaN(a) || a < 0 || a > 1) && (a = 1), a;
 }
-function wr(a) {
+function _r(a) {
   return a <= 1 ? "".concat(Number(a) * 100, "%") : a;
 }
 function fn(a) {
@@ -8065,7 +8024,7 @@ var Js = {
 };
 function bm(a) {
   var e = { r: 0, g: 0, b: 0 }, t = 1, n = null, r = null, s = null, i = !1, o = !1;
-  return typeof a == "string" && (a = km(a)), typeof a == "object" && (Da(a.r) && Da(a.g) && Da(a.b) ? (e = hm(a.r, a.g, a.b), i = !0, o = String(a.r).substr(-1) === "%" ? "prgb" : "rgb") : Da(a.h) && Da(a.s) && Da(a.v) ? (n = wr(a.s), r = wr(a.v), e = vm(a.h, n, r), i = !0, o = "hsv") : Da(a.h) && Da(a.s) && Da(a.l) && (n = wr(a.s), s = wr(a.l), e = pm(a.h, n, s), i = !0, o = "hsl"), Object.prototype.hasOwnProperty.call(a, "a") && (t = a.a)), t = vl(t), {
+  return typeof a == "string" && (a = km(a)), typeof a == "object" && (Da(a.r) && Da(a.g) && Da(a.b) ? (e = hm(a.r, a.g, a.b), i = !0, o = String(a.r).substr(-1) === "%" ? "prgb" : "rgb") : Da(a.h) && Da(a.s) && Da(a.v) ? (n = _r(a.s), r = _r(a.v), e = vm(a.h, n, r), i = !0, o = "hsv") : Da(a.h) && Da(a.s) && Da(a.l) && (n = _r(a.s), s = _r(a.l), e = pm(a.h, n, s), i = !0, o = "hsl"), Object.prototype.hasOwnProperty.call(a, "a") && (t = a.a)), t = vl(t), {
     ok: i,
     format: a.format || o,
     r: Math.min(255, Math.max(e.r, 0)),
@@ -8222,7 +8181,7 @@ var $m = (
     }, a.prototype.lighten = function(e) {
       e === void 0 && (e = 10);
       var t = this.toHsl();
-      return t.l += e / 100, t.l = _r(t.l), new a(t);
+      return t.l += e / 100, t.l = br(t.l), new a(t);
     }, a.prototype.brighten = function(e) {
       e === void 0 && (e = 10);
       var t = this.toRgb();
@@ -8230,7 +8189,7 @@ var $m = (
     }, a.prototype.darken = function(e) {
       e === void 0 && (e = 10);
       var t = this.toHsl();
-      return t.l -= e / 100, t.l = _r(t.l), new a(t);
+      return t.l -= e / 100, t.l = br(t.l), new a(t);
     }, a.prototype.tint = function(e) {
       return e === void 0 && (e = 10), this.mix("white", e);
     }, a.prototype.shade = function(e) {
@@ -8238,11 +8197,11 @@ var $m = (
     }, a.prototype.desaturate = function(e) {
       e === void 0 && (e = 10);
       var t = this.toHsl();
-      return t.s -= e / 100, t.s = _r(t.s), new a(t);
+      return t.s -= e / 100, t.s = br(t.s), new a(t);
     }, a.prototype.saturate = function(e) {
       e === void 0 && (e = 10);
       var t = this.toHsl();
-      return t.s += e / 100, t.s = _r(t.s), new a(t);
+      return t.s += e / 100, t.s = br(t.s), new a(t);
     }, a.prototype.greyscale = function() {
       return this.desaturate(100);
     }, a.prototype.spin = function(e) {
@@ -9085,7 +9044,7 @@ const o0 = /* @__PURE__ */ he({
   "color-placeholder": "ColorPicker__color-placeholder_5b585"
 }, f0 = {
   $style: d0
-}, w$ = /* @__PURE__ */ Ce(o0, [["__cssModules", f0]]), h0 = /* @__PURE__ */ he({
+}, _$ = /* @__PURE__ */ Ce(o0, [["__cssModules", f0]]), h0 = /* @__PURE__ */ he({
   __name: "SkeletonWrapper",
   setup(a) {
     return (e, t) => (m(), T("div", {
@@ -9099,7 +9058,7 @@ const o0 = /* @__PURE__ */ he({
   pulse: v0
 }, g0 = {
   $style: m0
-}, k$ = /* @__PURE__ */ Ce(h0, [["__cssModules", g0]]), y0 = ["onClick"], b0 = /* @__PURE__ */ he({
+}, w$ = /* @__PURE__ */ Ce(h0, [["__cssModules", g0]]), y0 = ["onClick"], b0 = /* @__PURE__ */ he({
   __name: "Tabs",
   props: /* @__PURE__ */ Lt({
     value: {},
@@ -9290,7 +9249,52 @@ const o0 = /* @__PURE__ */ he({
   view_flat: D0
 }, x0 = {
   $style: M0
-}, $$ = /* @__PURE__ */ Ce(b0, [["__cssModules", x0]]), A0 = /* @__PURE__ */ he({
+}, k$ = /* @__PURE__ */ Ce(b0, [["__cssModules", x0]]), wr = 300, $$ = /* @__PURE__ */ he({
+  __name: "TransitionHeight",
+  setup(a) {
+    const e = H(""), t = H("1");
+    let n;
+    function r() {
+      t.value = "0";
+    }
+    function s(c, d) {
+      t.value = "1", e.value = `${c.scrollHeight}px`, n = setTimeout(d, wr);
+    }
+    function i() {
+      t.value = "", e.value = "";
+    }
+    function o(c) {
+      e.value = `${c.scrollHeight}px`;
+    }
+    function l(c, d) {
+      t.value = "0", n = setTimeout(d, wr);
+    }
+    const u = B(() => ({
+      height: e.value,
+      opacity: t.value,
+      overflow: "hidden",
+      transition: `height ${wr}ms ease, opacity ${wr}ms ease`
+    }));
+    return Xr(() => clearTimeout(n)), (c, d) => (m(), T("div", {
+      style: Ue(u.value)
+    }, [
+      J(jt, {
+        mode: "out-in",
+        name: "fade-height",
+        onBeforeEnter: r,
+        onEnter: s,
+        onAfterEnter: i,
+        onBeforeLeave: o,
+        onLeave: l
+      }, {
+        default: q(() => [
+          ce(c.$slots, "default")
+        ]),
+        _: 3
+      })
+    ], 4));
+  }
+}), A0 = /* @__PURE__ */ he({
   __name: "UserRow",
   props: {
     name: {}
@@ -19632,7 +19636,10 @@ const O$ = new kk(), qr = (a) => {
         class: _([
           v.$style.root,
           v.$style[`view_${(y = d.value) == null ? void 0 : y.view}`],
-          { [v.$style["is-loading"]]: v.isLoading }
+          {
+            [v.$style["is-loading"]]: v.isLoading,
+            [v.$style["is-disabled"]]: v.isDisabled
+          }
         ]),
         onClick: Ca(p, ["stop"])
       }, [
@@ -19736,6 +19743,7 @@ const O$ = new kk(), qr = (a) => {
   }
 }), Tk = "StatusSelect__root_9bfa0", Dk = "StatusSelect__wrapper_8cabc", Mk = "StatusSelect__text_b4d1c", xk = "StatusSelect__icon_c49fe", Ak = "StatusSelect__item_37c1b", Ek = "StatusSelect__loader_aa2c1", Fk = "StatusSelect__view_secondary_e4022", Ok = "StatusSelect__view_success_aa0c9", Ik = "StatusSelect__view_critical_54f77", Bk = "StatusSelect__view_brand_1759a", Pk = "StatusSelect__scroller_c12db", Rk = "StatusSelect__checkbox_0c502", vu = {
   root: Tk,
+  "is-disabled": "StatusSelect__is-disabled_9b1d9",
   wrapper: Dk,
   "wrapper-skeleton": "StatusSelect__wrapper-skeleton_9c265",
   text: Mk,
@@ -20279,7 +20287,7 @@ export {
   Pw as CheckboxGroupFilterChip,
   fu as CheckboxGroupFilterView,
   Zf as Chip,
-  w$ as ColorPicker,
+  _$ as ColorPicker,
   T$ as Container,
   j$ as Currency,
   tl as DYNAMIC_VISIBLE_AREA_PROVIDER_NAME,
@@ -20290,7 +20298,7 @@ export {
   vi as DropdownElement,
   l$ as Dropzone,
   Bh as DynamicVisibleArea,
-  y$ as EmptyResponse,
+  g$ as EmptyResponse,
   A$ as FilterHub,
   Nh as HeaderText,
   Qe as Icon,
@@ -20298,24 +20306,24 @@ export {
   c$ as ImageRow,
   d$ as ImageRowSkeleton,
   Ji as Input,
-  h$ as InputSkeleton,
-  p$ as Link,
-  v$ as ListHeader,
+  f$ as InputSkeleton,
+  h$ as Link,
+  p$ as ListHeader,
   Zr as Loader,
   H$ as MenuBar,
   T2 as MenuBarItem,
-  m$ as ModalConfirmation,
-  g$ as Price,
+  v$ as ModalConfirmation,
+  m$ as Price,
   Nv as ResponseBase,
-  b$ as Section,
-  _$ as Select,
+  y$ as Section,
+  b$ as Select,
   pl as SelectBase,
-  k$ as SkeletonWrapper,
+  w$ as SkeletonWrapper,
   I$ as StatusSelect,
   B$ as StatusSelectSkeleton,
   L2 as StepItem,
   U$ as Steps,
-  $$ as Tabs,
+  k$ as Tabs,
   ir as TheImage,
   Oe as TheText,
   Pr as TheTextSkeleton,
@@ -20327,7 +20335,7 @@ export {
   Ro as Toggle,
   Oa as TransitionFade,
   ia as TransitionFadeBlur,
-  f$ as TransitionHeight,
+  $$ as TransitionHeight,
   M$ as TransitionSlideDown,
   D$ as TransitionSlideRight,
   C$ as UserRow,