@namba_one/ui-kit-2 1.0.151 → 1.0.153

package/dist/index.d.ts

@@ -1854,6 +1854,7 @@ readonly type?: ("text" | "password") | undefined;
 readonly label?: string | undefined;
 readonly description?: string | undefined;
 readonly placeholder: string;
+readonly placeholderOnFocus?: string | undefined;
 readonly errorText?: string | undefined;
 readonly isError?: boolean | undefined;
 readonly isDisabled?: boolean | undefined;
@@ -1936,6 +1937,7 @@ readonly type?: ("text" | "password") | undefined;
 readonly label?: string | undefined;
 readonly description?: string | undefined;
 readonly placeholder: string;
+readonly placeholderOnFocus?: string | undefined;
 readonly errorText?: string | undefined;
 readonly isError?: boolean | undefined;
 readonly isDisabled?: boolean | undefined;
@@ -2168,7 +2170,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-down", "outline-arrow-up-down", "outline-arrow-up-line", "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-percent", "outline-coupon", "outline-credit-card-pos", "outline-credit-card", "outline-cross", "outline-currency_bold", "outline-currency_medium", "outline-currency_regular", "outline-currency_semibold", "outline-cursor-add", "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-export", "outline-eye-close", "outline-eye-open", "outline-file", "outline-files", "outline-flash", "outline-h2", "outline-help-circle", "outline-image", "outline-link-square", "outline-link", "outline-list", "outline-lock-password", "outline-logout", "outline-mail-at-sign", "outline-megaphone", "outline-menu-dots", "outline-messenger", "outline-money-bag", "outline-money-safe", "outline-moon", "outline-more-horizontal", "outline-more-vertical", "outline-mortarboard", "outline-move", "outline-paint-board", "outline-percent", "outline-phone-check", "outline-placeholder", "outline-plus", "outline-promo", "outline-qr", "outline-rocket", "outline-search", "outline-settings", "outline-shop-1", "outline-shop", "outline-snow", "outline-sort-by-down", "outline-sort-by-up", "outline-star", "outline-store-add", "outline-store-remove", "outline-success", "outline-sun", "outline-tag", "outline-text-bold", "outline-text", "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", "outline_filter-horizontal", "static-telegram", "static-whats-app"];
+export declare const iconNames: readonly ["filled-sort-default", "filled-sort-down", "filled-sort-up", "filled-success", "filled-warning", "outline-agreement", "outline-airplane", "outline-alert", "outline-api", "outline-arrow-down", "outline-arrow-up-down", "outline-arrow-up-line", "outline-arrow-up", "outline-balance-scale", "outline-bank", "outline-beach", "outline-bookmark", "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-percent", "outline-coupon", "outline-credit-card-pos", "outline-credit-card", "outline-cross", "outline-currency_bold", "outline-currency_medium", "outline-currency_regular", "outline-currency_semibold", "outline-cursor-add", "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-export", "outline-eye-close", "outline-eye-open", "outline-file", "outline-files", "outline-filter-vertical", "outline-flash", "outline-h2", "outline-help-circle", "outline-image", "outline-link-square", "outline-link", "outline-list", "outline-lock-password", "outline-logout", "outline-mail-at-sign", "outline-megaphone", "outline-menu-dots", "outline-messenger", "outline-money-bag", "outline-money-safe", "outline-moon", "outline-more-horizontal", "outline-more-vertical", "outline-mortarboard", "outline-move", "outline-paint-board", "outline-percent", "outline-phone-check", "outline-placeholder", "outline-plus", "outline-promo", "outline-qr", "outline-rocket", "outline-search", "outline-settings", "outline-share", "outline-shop-1", "outline-shop", "outline-sidebar-hide", "outline-sidebar-show", "outline-snow", "outline-sort-by-down", "outline-sort-by-up", "outline-star", "outline-store-add", "outline-store-remove", "outline-success", "outline-sun", "outline-tag", "outline-text-bold", "outline-text", "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", "outline_filter-horizontal", "outlink-unlink", "static-telegram", "static-whats-app"];
 
 export declare const IconView: DefineComponent<IconViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconViewProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -2238,6 +2240,7 @@ export declare type InputProps = {
     label?: string;
     description?: string;
     placeholder: string;
+    placeholderOnFocus?: string;
     errorText?: string;
     isError?: boolean;
     isDisabled?: boolean;

package/dist/index.es.js

@@ -424,6 +424,9 @@ const rs = {
 }, Jg = {
   $style: Zg
 }, Ke = /* @__PURE__ */ be(Gg, [["__cssModules", Jg]]), oP = [
+  "filled-sort-default",
+  "filled-sort-down",
+  "filled-sort-up",
   "filled-success",
   "filled-warning",
   "outline-agreement",
@@ -437,6 +440,7 @@ const rs = {
   "outline-balance-scale",
   "outline-bank",
   "outline-beach",
+  "outline-bookmark",
   "outline-box",
   "outline-briefcase",
   "outline-browser",
@@ -483,6 +487,7 @@ const rs = {
   "outline-eye-open",
   "outline-file",
   "outline-files",
+  "outline-filter-vertical",
   "outline-flash",
   "outline-h2",
   "outline-help-circle",
@@ -513,8 +518,11 @@ const rs = {
   "outline-rocket",
   "outline-search",
   "outline-settings",
+  "outline-share",
   "outline-shop-1",
   "outline-shop",
+  "outline-sidebar-hide",
+  "outline-sidebar-show",
   "outline-snow",
   "outline-sort-by-down",
   "outline-sort-by-up",
@@ -538,6 +546,7 @@ const rs = {
   "outline-wallet",
   "outline-warning",
   "outline_filter-horizontal",
+  "outlink-unlink",
   "static-telegram",
   "static-whats-app"
 ];
@@ -6993,6 +7002,7 @@ const sw = {
     label: {},
     description: {},
     placeholder: {},
+    placeholderOnFocus: {},
     errorText: {},
     isError: { type: Boolean },
     isDisabled: { type: Boolean },
@@ -7015,115 +7025,115 @@ const sw = {
         34: "caption",
         44: "subhead"
       }
-    ), a = R(() => s.get(n.size.toString()) ?? "caption");
-    function l() {
+    ), a = R(() => s.get(n.size.toString()) ?? "caption"), l = R(() => n.placeholderOnFocus && r.value ? n.placeholderOnFocus : n.placeholder);
+    function u() {
       r.value = !1, i("blur");
     }
-    const u = (c) => {
+    const d = (h) => {
       if (!n.maxLength) return;
-      const h = c.target;
-      h.value.length > Number(n.maxLength) && (h.value = h.value.slice(0, Number(n.maxLength)), t.value = h.value);
-    }, d = () => {
-      var c;
-      (c = o.value) == null || c.$el.focus();
+      const m = h.target;
+      m.value.length > Number(n.maxLength) && (m.value = m.value.slice(0, Number(n.maxLength)), t.value = m.value);
+    }, c = () => {
+      var h;
+      (h = o.value) == null || h.$el.focus();
     };
     return pt(() => {
-      var c;
-      n.autofocus && ((c = o.value) == null || c.$el.focus());
-    }), (c, h) => {
-      var m;
+      var h;
+      n.autofocus && ((h = o.value) == null || h.$el.focus());
+    }), (h, m) => {
+      var f;
       return v(), M("div", {
         class: y([
-          c.$style.root,
-          c.$style[`size_${c.size}`],
+          h.$style.root,
+          h.$style[`size_${h.size}`],
           {
-            [c.$style["is-disabled"]]: c.isDisabled,
-            [c.$style["is-error"]]: c.isError,
-            [c.$style["is-focused"]]: r.value
+            [h.$style["is-disabled"]]: h.isDisabled,
+            [h.$style["is-error"]]: h.isError,
+            [h.$style["is-focused"]]: r.value
           }
         ])
       }, [
-        c.label ? (v(), re(p(Be), {
+        h.label ? (v(), re(p(Be), {
           key: 0,
-          class: y(c.$style.label),
+          class: y(h.$style.label),
           size: a.value,
           color: "text-common-base-primary-default"
         }, {
           default: P(() => [
-            we(me(c.label), 1)
+            we(me(h.label), 1)
           ]),
           _: 1
         }, 8, ["class", "size"])) : N("", !0),
         q("div", {
-          class: y(c.$style.wrapper),
-          onClick: d
+          class: y(h.$style.wrapper),
+          onClick: c
         }, [
-          c.iconLeft ? (v(), re(p(Ke), {
+          h.iconLeft ? (v(), re(p(Ke), {
             key: 0,
-            name: c.iconLeft,
+            name: h.iconLeft,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : N("", !0),
           V(p(vu), tt({
             unmasked: t.value,
-            "onUpdate:unmasked": h[0] || (h[0] = (f) => t.value = f),
-            class: c.$style.field,
-            type: c.type,
+            "onUpdate:unmasked": m[0] || (m[0] = (g) => t.value = g),
+            class: h.$style.field,
+            type: h.type,
             ref_key: "inputRef",
             ref: o
-          }, p(sw)[c.mask ?? "any"], {
+          }, p(sw)[h.mask ?? "any"], {
             unmask: !1,
-            autofocus: c.autofocus,
-            placeholder: c.placeholder,
-            autocomplete: c.autocomplete,
-            inputmode: c.inputmode,
-            onFocus: h[1] || (h[1] = () => r.value = !0),
-            onBlur: l,
-            onAccept: h[2] || (h[2] = (f) => i("update:error", !1)),
-            onInput: u
+            autofocus: h.autofocus,
+            placeholder: l.value,
+            autocomplete: h.autocomplete,
+            inputmode: h.inputmode,
+            onFocus: m[1] || (m[1] = () => r.value = !0),
+            onBlur: u,
+            onAccept: m[2] || (m[2] = (g) => i("update:error", !1)),
+            onInput: d
           }), null, 16, ["unmasked", "class", "type", "autofocus", "placeholder", "autocomplete", "inputmode"]),
-          c.iconRight ? (v(), re(p(Ke), {
+          h.iconRight ? (v(), re(p(Ke), {
             key: 1,
-            name: c.iconRight,
+            name: h.iconRight,
             size: 18,
             color: "icon-input-base-primary"
           }, null, 8, ["name"])) : N("", !0),
-          c.$slots.default ? (v(), M("div", {
+          h.$slots.default ? (v(), M("div", {
             key: 2,
-            class: y(c.$style.action)
+            class: y(h.$style.action)
           }, [
-            ae(c.$slots, "default")
+            ae(h.$slots, "default")
           ], 2)) : N("", !0),
-          c.maxLength ? (v(), M("span", {
+          h.maxLength ? (v(), M("span", {
             key: 3,
-            class: y(c.$style.badge)
-          }, me(Number(c.maxLength) - (((m = t.value) == null ? void 0 : m.length) ?? 0)), 3)) : N("", !0)
+            class: y(h.$style.badge)
+          }, me(Number(h.maxLength) - (((f = t.value) == null ? void 0 : f.length) ?? 0)), 3)) : N("", !0)
         ], 2),
         V(p(gw), {
-          "is-show": c.errorText && c.isError || !!c.description && !c.isError
+          "is-show": h.errorText && h.isError || !!h.description && !h.isError
         }, {
           default: P(() => [
             V(p(Cn), null, {
               default: P(() => [
-                c.description && !c.isError ? (v(), re(p(Be), {
-                  class: y(c.$style.bottom),
+                h.description && !h.isError ? (v(), re(p(Be), {
+                  class: y(h.$style.bottom),
                   key: "description",
                   size: "subhead",
                   color: "text-common-base-secondary-default"
                 }, {
                   default: P(() => [
-                    we(me(c.description), 1)
+                    we(me(h.description), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : N("", !0),
-                c.errorText && c.isError ? (v(), re(p(Be), {
-                  class: y(c.$style.bottom),
+                h.errorText && h.isError ? (v(), re(p(Be), {
+                  class: y(h.$style.bottom),
                   key: "error",
                   size: "subhead",
                   color: "text-common-critical-primary-default"
                 }, {
                   default: P(() => [
-                    we(me(c.errorText), 1)
+                    we(me(h.errorText), 1)
                   ]),
                   _: 1
                 }, 8, ["class"])) : N("", !0)