@bitrise/bitkit-v2 0.3.131 → 0.3.133

package/dist/components/BitkitNativeSelect/BitkitNativeSelect.js

@@ -1,54 +1,52 @@
-import { jsx as e, jsxs as x } from "react/jsx-runtime";
-import { NativeSelect as l } from "@chakra-ui/react/native-select";
-import { useSlotRecipe as S } from "@chakra-ui/react/styled-system";
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { NativeSelect as o } from "@chakra-ui/react/native-select";
+import { useSlotRecipe as w } from "@chakra-ui/react/styled-system";
 import { forwardRef as y } from "react";
-import N from "../../icons/16x16/IconErrorCircleFilled16.js";
-import k from "../../icons/16x16/IconWarningYellow16.js";
-import C from "../../icons/24x24/IconErrorCircleFilled24.js";
-import F from "../../icons/24x24/IconWarningYellow24.js";
-import b from "../../utilities/AssetSelectChevron.js";
-import B from "../BitkitField/BitkitField.js";
-const R = y(
+import N from "../../utilities/AssetSelectChevron.js";
+import k from "../BitkitField/BitkitField.js";
+import b from "../../icons/IconErrorCircleFilled.js";
+import z from "../../icons/IconWarningYellow.js";
+const B = y(
   (a, d) => {
     const {
-      errorText: n,
+      errorText: l,
       helperText: m,
       label: p,
       optional: f,
       placeholder: g,
-      selectProps: I,
-      size: t = "md",
-      state: o,
-      tooltip: u,
+      selectProps: h,
+      size: i = "md",
+      state: t,
+      tooltip: v,
       warningText: s,
-      children: v,
-      ...h
-    } = a, r = S({ key: "nativeSelect" })(), w = o === "warning" || !!s, c = o === "error" || !!n;
-    let i;
-    return c ? i = t === "lg" ? /* @__PURE__ */ e(C, { css: r.statusIcon, color: "icon/negative" }) : /* @__PURE__ */ e(N, { css: r.statusIcon, color: "icon/negative" }) : w && (i = t === "lg" ? /* @__PURE__ */ e(F, { css: r.statusIcon, color: "icon/warning" }) : /* @__PURE__ */ e(k, { css: r.statusIcon, color: "icon/warning" })), /* @__PURE__ */ e(
-      B,
+      children: u,
+      ...I
+    } = a, n = w({ key: "nativeSelect" })(), x = t === "warning" || !!s, c = t === "error" || !!l;
+    let r;
+    return c ? r = /* @__PURE__ */ e(b, { size: i === "lg" ? "24" : "16", css: n.statusIcon, color: "icon/negative" }) : x && (r = /* @__PURE__ */ e(z, { size: i === "lg" ? "24" : "16", css: n.statusIcon, color: "icon/warning" })), /* @__PURE__ */ e(
+      k,
       {
-        disabled: o === "disabled",
-        errorText: n,
+        disabled: t === "disabled",
+        errorText: l,
         helperText: m,
         invalid: c,
         label: p,
         optional: f,
-        readOnly: o === "readOnly",
+        readOnly: t === "readOnly",
         ref: d,
-        tooltip: u,
+        tooltip: v,
         warningText: s,
-        ...h,
-        children: /* @__PURE__ */ x(l.Root, { size: t, ...I, className: "group", children: [
-          /* @__PURE__ */ e(l.Field, { placeholder: g, children: v }),
-          i,
-          /* @__PURE__ */ e(l.Indicator, { asChild: !0, children: /* @__PURE__ */ e(b, {}) })
+        ...I,
+        children: /* @__PURE__ */ S(o.Root, { size: i, ...h, className: "group", children: [
+          /* @__PURE__ */ e(o.Field, { placeholder: g, children: u }),
+          r,
+          /* @__PURE__ */ e(o.Indicator, { asChild: !0, children: /* @__PURE__ */ e(N, {}) })
         ] })
       }
     );
   }
 );
-R.displayName = "BitkitNativeSelect";
+B.displayName = "BitkitNativeSelect";
 export {
-  R as default
+  B as default
 };

package/dist/components/BitkitNumberInput/BitkitNumberInput.js

@@ -1,66 +1,64 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { Box as x } from "@chakra-ui/react/box";
-import { NumberInput as i } from "@chakra-ui/react/number-input";
-import { forwardRef as b } from "react";
-import v from "../../icons/16x16/IconErrorCircleFilled16.js";
-import y from "../../icons/16x16/IconMinus16.js";
-import T from "../../icons/16x16/IconPlus16.js";
-import B from "../../icons/16x16/IconWarningYellow16.js";
-import C from "../../icons/24x24/IconErrorCircleFilled24.js";
-import N from "../../icons/24x24/IconWarningYellow24.js";
-import { triggerSeparatorStyle as j } from "../../theme/slot-recipes/NumberInput.recipe.js";
-import { rem as k } from "../../theme/themeUtils.js";
-import F from "../BitkitField/BitkitField.js";
-const W = b((a, d) => {
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Box as b } from "@chakra-ui/react/box";
+import { NumberInput as o } from "@chakra-ui/react/number-input";
+import { forwardRef as v } from "react";
+import { triggerSeparatorStyle as w } from "../../theme/slot-recipes/NumberInput.recipe.js";
+import { rem as y } from "../../theme/themeUtils.js";
+import z from "../BitkitField/BitkitField.js";
+import T from "../../icons/IconMinus.js";
+import B from "../../icons/IconPlus.js";
+import N from "../../icons/IconErrorCircleFilled.js";
+import j from "../../icons/IconWarningYellow.js";
+const k = v((a, d) => {
   const {
-    defaultValue: p,
-    errorText: t,
-    helperText: s,
+    defaultValue: c,
+    errorText: n,
+    helperText: p,
     inputProps: f,
     label: g,
     optional: u,
-    size: n,
-    state: e,
+    size: i,
+    state: t,
     tooltip: I,
     warningText: l,
     ...h
-  } = a, w = e === "warning" || !!l, m = e === "error" || !!t;
-  let o;
-  return m ? o = n === "lg" ? /* @__PURE__ */ r(C, { color: "icon/negative" }) : /* @__PURE__ */ r(v, { color: "icon/negative" }) : w && (o = n === "lg" ? /* @__PURE__ */ r(N, { color: "icon/warning" }) : /* @__PURE__ */ r(B, { color: "icon/warning" })), /* @__PURE__ */ r(
-    F,
+  } = a, x = t === "warning" || !!l, s = t === "error" || !!n;
+  let e;
+  return s ? e = /* @__PURE__ */ r(N, { size: i === "lg" ? "24" : "16", color: "icon/negative" }) : x && (e = /* @__PURE__ */ r(j, { size: i === "lg" ? "24" : "16", color: "icon/warning" })), /* @__PURE__ */ r(
+    z,
     {
-      disabled: e === "disabled",
-      errorText: t,
-      helperText: s,
-      invalid: m,
+      disabled: t === "disabled",
+      errorText: n,
+      helperText: p,
+      invalid: s,
       label: g,
       optional: u,
-      readOnly: e === "readOnly",
+      readOnly: t === "readOnly",
       ref: d,
       tooltip: I,
       warningText: l,
       ...h,
-      children: /* @__PURE__ */ c(
-        i.Root,
+      children: /* @__PURE__ */ m(
+        o.Root,
         {
-          css: o ? { "--control-width": k(150) } : void 0,
-          defaultValue: p,
-          size: n,
+          css: e ? { "--control-width": y(150) } : void 0,
+          defaultValue: c,
+          size: i,
           ...f,
           children: [
-            /* @__PURE__ */ c(i.Control, { children: [
-              o && /* @__PURE__ */ r(x, { paddingInline: "12", display: "flex", alignItems: "center", justifyContent: "center", children: o }),
-              /* @__PURE__ */ r(i.DecrementTrigger, { _before: o ? j : void 0, children: /* @__PURE__ */ r(y, {}) }),
-              /* @__PURE__ */ r(i.IncrementTrigger, { children: /* @__PURE__ */ r(T, {}) })
+            /* @__PURE__ */ m(o.Control, { children: [
+              e && /* @__PURE__ */ r(b, { paddingInline: "12", display: "flex", alignItems: "center", justifyContent: "center", children: e }),
+              /* @__PURE__ */ r(o.DecrementTrigger, { _before: e ? w : void 0, children: /* @__PURE__ */ r(T, { size: i === "lg" ? "24" : "16" }) }),
+              /* @__PURE__ */ r(o.IncrementTrigger, { children: /* @__PURE__ */ r(B, { size: i === "lg" ? "24" : "16" }) })
             ] }),
-            /* @__PURE__ */ r(i.Input, {})
+            /* @__PURE__ */ r(o.Input, {})
           ]
         }
       )
     }
   );
 });
-W.displayName = "BitkitNumberInput";
+k.displayName = "BitkitNumberInput";
 export {
-  W as default
+  k as default
 };

package/dist/components/BitkitSelect/BitkitSelect.js

@@ -1,86 +1,84 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { createListCollection as k } from "@chakra-ui/react/collection";
+import { createListCollection as w } from "@chakra-ui/react/collection";
 import { Portal as b } from "@chakra-ui/react/portal";
 import { Select as r } from "@chakra-ui/react/select";
-import { forwardRef as F } from "react";
-import O from "../../icons/16x16/IconErrorCircleFilled16.js";
-import j from "../../icons/16x16/IconWarningYellow16.js";
-import E from "../../icons/24x24/IconErrorCircleFilled24.js";
-import L from "../../icons/24x24/IconWarningYellow24.js";
-import R from "../../utilities/AssetSelectChevron.js";
-import W from "../BitkitField/BitkitField.js";
-import Y from "../BitkitSelectMenu/BitkitSelectMenu.js";
-const z = F((d, h) => {
+import { forwardRef as z } from "react";
+import O from "../../utilities/AssetSelectChevron.js";
+import j from "../BitkitField/BitkitField.js";
+import F from "../BitkitSelectMenu/BitkitSelectMenu.js";
+import L from "../../icons/IconErrorCircleFilled.js";
+import R from "../../icons/IconWarningYellow.js";
+const A = z((d, s) => {
   const {
-    contentProps: s,
+    contentProps: h,
     defaultValue: n,
     errorText: a,
-    hasSearch: m,
-    helperText: p,
-    isLoading: g,
+    hasSearch: p,
+    helperText: m,
+    isLoading: u,
     items: f,
-    label: u,
+    label: g,
     onSearchChange: S,
     onValueChange: v,
     optional: C,
-    placeholder: I,
-    selectProps: w,
-    size: i = "md",
+    placeholder: x,
+    selectProps: I,
+    size: t = "md",
     state: o,
-    tooltip: x,
-    triggerProps: y,
+    tooltip: y,
+    triggerProps: B,
     value: c,
-    warningText: B,
-    ...P
-  } = d, T = o === "error" || !!a, V = k({
+    warningText: P,
+    ...T
+  } = d, V = o === "error" || !!a, k = w({
     items: f,
-    groupBy: (t) => t.group || ""
+    groupBy: (i) => i.group || ""
   });
   return /* @__PURE__ */ e(
-    W,
+    j,
     {
       disabled: o === "disabled",
       errorText: a,
-      helperText: p,
-      invalid: T,
-      label: u,
+      helperText: m,
+      invalid: V,
+      label: g,
       optional: C,
       readOnly: o === "readOnly",
-      ref: h,
-      tooltip: x,
-      warningText: B,
-      ...P,
+      ref: s,
+      tooltip: y,
+      warningText: P,
+      ...T,
       children: /* @__PURE__ */ l(
         r.Root,
         {
-          collection: V,
-          size: i,
-          ...w,
+          collection: k,
+          size: t,
+          ...I,
           defaultValue: n ? [n] : void 0,
-          onValueChange: (t) => v?.(t.value[0]),
+          onValueChange: (i) => v?.(i.value[0]),
           value: c ? [c] : void 0,
           children: [
             /* @__PURE__ */ e(r.HiddenSelect, {}),
             /* @__PURE__ */ l(r.Control, { children: [
-              /* @__PURE__ */ e(r.Trigger, { ...y, children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(r.Trigger, { ...B, children: /* @__PURE__ */ e(
                 r.ValueText,
                 {
-                  placeholder: I || o === "readOnly" ? "(not selected)" : "Select an option"
+                  placeholder: x || o === "readOnly" ? "(not selected)" : "Select an option"
                 }
               ) }),
               /* @__PURE__ */ l(r.IndicatorGroup, { children: [
-                o === "error" && /* @__PURE__ */ e(r.Indicator, { children: i === "lg" ? /* @__PURE__ */ e(E, { color: "icon/negative" }) : /* @__PURE__ */ e(O, { color: "icon/negative", height: "16", width: "16" }) }),
-                o === "warning" && /* @__PURE__ */ e(r.Indicator, { children: i === "lg" ? /* @__PURE__ */ e(L, {}) : /* @__PURE__ */ e(j, { height: "16", width: "16" }) }),
-                /* @__PURE__ */ e(r.Indicator, { asChild: !0, children: /* @__PURE__ */ e(R, {}) })
+                o === "error" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(L, { size: t === "lg" ? "24" : "16", color: "icon/negative" }) }),
+                o === "warning" && /* @__PURE__ */ e(r.Indicator, { children: /* @__PURE__ */ e(R, { size: t === "lg" ? "24" : "16" }) }),
+                /* @__PURE__ */ e(r.Indicator, { asChild: !0, children: /* @__PURE__ */ e(O, {}) })
               ] })
             ] }),
             /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(r.Positioner, { children: /* @__PURE__ */ e(
-              Y,
+              F,
               {
-                contentProps: s,
-                isLoading: g,
-                ...m ? { hasSearch: !0, onSearchChange: S } : { hasSearch: !1 },
-                size: i
+                contentProps: h,
+                isLoading: u,
+                ...p ? { hasSearch: !0, onSearchChange: S } : { hasSearch: !1 },
+                size: t
               }
             ) }) })
           ]
@@ -89,7 +87,7 @@ const z = F((d, h) => {
     }
   );
 });
-z.displayName = "BitkitSelect";
+A.displayName = "BitkitSelect";
 export {
-  z as default
+  A as default
 };

package/dist/components/BitkitSelectMenu/BitkitSelectMenu.js

@@ -1,44 +1,42 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Box as a } from "@chakra-ui/react/box";
-import { Input as g } from "@chakra-ui/react/input";
-import { InputGroup as x } from "@chakra-ui/react/input-group";
+import { Box as s } from "@chakra-ui/react/box";
+import { Input as x } from "@chakra-ui/react/input";
+import { InputGroup as I } from "@chakra-ui/react/input-group";
 import { useSelectContext as S, Select as i } from "@chakra-ui/react/select";
 import { Separator as y } from "@chakra-ui/react/separator";
 import { Spinner as C } from "@chakra-ui/react/spinner";
 import { useSlotRecipe as k } from "@chakra-ui/react/styled-system";
-import { Text as s } from "@chakra-ui/react/text";
+import { Text as a } from "@chakra-ui/react/text";
 import { forwardRef as G } from "react";
-import b from "../../icons/24x24/IconMagnifier24.js";
-import v from "../../icons/16x16/IconMagnifier16.js";
-import L from "../../icons/24x24/IconCheck24.js";
-import M from "../../icons/16x16/IconCheck16.js";
-const j = G((m, l) => {
-  const { contentProps: p = {}, hasSearch: f = !1, isLoading: d = !1, onSearchChange: h, size: c } = m, { collection: u } = S(), r = k({ key: "select" })({ size: c });
-  return /* @__PURE__ */ o(i.Content, { css: r.content, ref: l, ...p, children: [
-    f && /* @__PURE__ */ e(
-      x,
+import b from "../../icons/IconMagnifier.js";
+import v from "../../icons/IconCheck.js";
+const L = G((m, l) => {
+  const { contentProps: p = {}, hasSearch: d = !1, isLoading: f = !1, onSearchChange: h, size: n } = m, { collection: u } = S(), t = k({ key: "select" })({ size: n });
+  return /* @__PURE__ */ o(i.Content, { css: t.content, ref: l, ...p, children: [
+    d && /* @__PURE__ */ e(
+      I,
       {
-        startElement: c === "lg" ? /* @__PURE__ */ e(b, { color: "icon/tertiary" }) : /* @__PURE__ */ e(v, { color: "icon/tertiary" }),
-        css: r.searchInputGroup,
-        children: /* @__PURE__ */ e(g, { placeholder: "Search...", css: r.searchInput, onChange: (t) => h?.(t.target.value) })
+        startElement: /* @__PURE__ */ e(b, { size: n === "lg" ? "24" : "16", color: "icon/tertiary" }),
+        css: t.searchInputGroup,
+        children: /* @__PURE__ */ e(x, { placeholder: "Search...", css: t.searchInput, onChange: (r) => h?.(r.target.value) })
       }
     ),
-    /* @__PURE__ */ e(a, { overflowY: "auto", children: d ? /* @__PURE__ */ o(a, { display: "flex", alignItems: "center", gap: "12", justifyContent: "left", css: r.item, children: [
+    /* @__PURE__ */ e(s, { overflowY: "auto", children: f ? /* @__PURE__ */ o(s, { display: "flex", alignItems: "center", gap: "12", justifyContent: "left", css: t.item, children: [
       /* @__PURE__ */ e(C, { variant: "purple" }),
-      /* @__PURE__ */ e(s, { color: "text/secondary", textStyle: "body/md/regular", children: "Loading..." })
-    ] }) : u.group().map(([t, I]) => /* @__PURE__ */ o(i.ItemGroup, { children: [
-      t && /* @__PURE__ */ o(i.ItemGroupLabel, { css: r.itemGroupLabel, children: [
-        /* @__PURE__ */ e(s, { color: "text/tertiary", flexShrink: "0", textStyle: "heading/h6", children: t }),
+      /* @__PURE__ */ e(a, { color: "text/secondary", textStyle: "body/md/regular", children: "Loading..." })
+    ] }) : u.group().map(([r, g]) => /* @__PURE__ */ o(i.ItemGroup, { children: [
+      r && /* @__PURE__ */ o(i.ItemGroupLabel, { css: t.itemGroupLabel, children: [
+        /* @__PURE__ */ e(a, { color: "text/tertiary", flexShrink: "0", textStyle: "heading/h6", children: r }),
         /* @__PURE__ */ e(y, { flex: "1" })
       ] }),
-      I.map((n) => /* @__PURE__ */ o(i.Item, { css: r.item, item: n, ref: l, children: [
-        n.label,
-        /* @__PURE__ */ e(i.ItemIndicator, { children: c === "lg" ? /* @__PURE__ */ e(L, { css: r.itemIndicator }) : /* @__PURE__ */ e(M, { css: r.itemIndicator }) })
-      ] }, n.value))
-    ] }, t)) })
+      g.map((c) => /* @__PURE__ */ o(i.Item, { css: t.item, item: c, ref: l, children: [
+        c.label,
+        /* @__PURE__ */ e(i.ItemIndicator, { children: /* @__PURE__ */ e(v, { size: n === "lg" ? "24" : "16", css: t.itemIndicator }) })
+      ] }, c.value))
+    ] }, r)) })
   ] });
 });
-j.displayName = "BitkitSelectMenu";
+L.displayName = "BitkitSelectMenu";
 export {
-  j as default
+  L as default
 };

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as i, Fragment as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as s, Fragment as m } from "react/jsx-runtime";
 import { createContext as y } from "@chakra-ui/react";
 import { Box as R } from "@chakra-ui/react/box";
 import { Tabs as a } from "@chakra-ui/react/tabs";
@@ -8,34 +8,34 @@ const [g, u] = y({
   name: "RootPropsContext",
   hookName: "useRootPropsContext",
   providerName: "<RootProps />"
-}), c = p((t, r) => /* @__PURE__ */ o(g, { value: t, children: /* @__PURE__ */ o(a.Root, { ref: r, ...t }) }));
+}), c = p((o, i) => /* @__PURE__ */ t(g, { value: o, children: /* @__PURE__ */ t(a.Root, { ref: i, ...o }) }));
 c.displayName = "BitkitTabs.Root";
-const x = p((t, r) => {
-  const { badge: T, children: s, icon: n, secondaryText: d, ...l } = t, { variant: b } = u();
-  return /* @__PURE__ */ o(a.Trigger, { ref: r, ...l, children: b === "line" ? /* @__PURE__ */ i(m, { children: [
+const x = p((o, i) => {
+  const { badge: T, children: n, icon: e, secondaryText: d, ...l } = o, { variant: b } = u();
+  return /* @__PURE__ */ t(a.Trigger, { ref: i, ...l, children: b === "line" ? /* @__PURE__ */ s(m, { children: [
+    e && /* @__PURE__ */ t(e, { size: "24" }),
     n,
-    s,
     T
-  ] }) : /* @__PURE__ */ i(m, { children: [
-    /* @__PURE__ */ i(R, { display: "flex", gap: "16", children: [
-      s,
-      n
+  ] }) : /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ s(R, { display: "flex", gap: "16", children: [
+      n,
+      e && /* @__PURE__ */ t(e, { size: "24" })
     ] }),
-    !!d && /* @__PURE__ */ o(f, { as: "span", textStyle: "body/md/regular", color: l.disabled ? "text/on-disabled" : "text/secondary", children: d })
+    !!d && /* @__PURE__ */ t(f, { as: "span", textStyle: "body/md/regular", color: l.disabled ? "text/on-disabled" : "text/secondary", children: d })
   ] }) });
 });
 x.displayName = "BitkitTabs.Trigger";
-const e = {
+const r = {
   ...a,
   Root: c,
   Trigger: x
 };
-e.Content.displayName = "BitkitTabs.Content";
-e.List.displayName = "BitkitTabs.List";
-e.ContentGroup.displayName = "BitkitTabs.ContentGroup";
-e.Root.displayName = "BitkitTabs.Root";
+r.Content.displayName = "BitkitTabs.Content";
+r.List.displayName = "BitkitTabs.List";
+r.ContentGroup.displayName = "BitkitTabs.ContentGroup";
+r.Root.displayName = "BitkitTabs.Root";
 export {
   g as RootPropsProvider,
-  e as default,
+  r as default,
   u as useRootPropsContext
 };

package/dist/components/BitkitTag/BitkitTag.d.ts

@@ -1,7 +1,7 @@
 import { TagRootProps } from '@chakra-ui/react/tag';
-import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
 export interface BitkitTagProps extends TagRootProps {
-    icon?: ReactNode;
+    icon?: BitkitIconComponent;
     labelText: string;
     onRemove?: () => void;
     state?: 'disabled' | 'skeleton';

package/dist/components/BitkitTag/BitkitTag.js

@@ -3,14 +3,14 @@ import { Skeleton as m } from "@chakra-ui/react/skeleton";
 import { Tag as t } from "@chakra-ui/react/tag";
 import h from "../BitkitCloseButton/BitkitCloseButton.js";
 const g = (a) => {
-  const { labelText: n, icon: l, onRemove: r, state: d, ...o } = a, i = d === "skeleton", s = !!o.disabled || d === "disabled";
-  return /* @__PURE__ */ c(t.Root, { ...o, disabled: s, children: [
-    !!l && /* @__PURE__ */ e(t.StartElement, { asChild: !0, children: l }),
+  const { labelText: n, icon: l, onRemove: r, state: s, ...o } = a, i = s === "skeleton", d = !!o.disabled || s === "disabled";
+  return /* @__PURE__ */ c(t.Root, { ...o, disabled: d, children: [
+    !!l && /* @__PURE__ */ e(t.StartElement, { asChild: !0, children: /* @__PURE__ */ e(l, { size: "16" }) }),
     /* @__PURE__ */ e(m, { loading: i, height: i ? "8" : void 0, overflow: "hidden", borderRadius: "0", children: /* @__PURE__ */ e(t.Label, { children: n }) }),
     !!r && /* @__PURE__ */ e(t.EndElement, { asChild: !0, children: /* @__PURE__ */ e(
       h,
       {
-        disabled: s || i,
+        disabled: d || i,
         size: "xs",
         "aria-label": "Remove tag",
         colorPalette: o.colorPalette,

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -2,61 +2,59 @@ import { jsx as r } from "react/jsx-runtime";
 import { Input as T } from "@chakra-ui/react/input";
 import { InputGroup as E } from "@chakra-ui/react/input-group";
 import { forwardRef as b } from "react";
-import k from "../../icons/16x16/IconErrorCircleFilled16.js";
-import y from "../../icons/16x16/IconWarningYellow16.js";
-import B from "../../icons/24x24/IconErrorCircleFilled24.js";
-import F from "../../icons/24x24/IconWarningYellow24.js";
-import { rem as c } from "../../theme/themeUtils.js";
-import W from "../BitkitField/BitkitField.js";
-const C = b((d, p) => {
+import { rem as m } from "../../theme/themeUtils.js";
+import k from "../BitkitField/BitkitField.js";
+import y from "../../icons/IconErrorCircleFilled.js";
+import z from "../../icons/IconWarningYellow.js";
+const B = b((p, s) => {
   const {
-    counter: s,
+    counter: c,
     errorText: l,
-    helperText: g,
-    inputProps: n,
-    label: f,
-    maxLength: e,
+    helperText: f,
+    inputProps: o,
+    label: g,
+    maxLength: i,
     optional: u,
-    placeholder: I,
-    size: o,
-    state: i,
-    tooltip: v,
+    placeholder: x,
+    size: e,
+    state: t,
+    tooltip: I,
     warningText: a,
-    ...x
-  } = d, h = i === "warning" || !!a, m = i === "error" || !!l;
-  let t;
-  m ? t = o === "lg" ? /* @__PURE__ */ r(B, { color: "icon/negative" }) : /* @__PURE__ */ r(k, { color: "icon/negative" }) : h && (t = o === "lg" ? /* @__PURE__ */ r(F, { color: "icon/warning" }) : /* @__PURE__ */ r(y, { color: "icon/warning" }));
-  const w = s && e && n?.value !== void 0 ? `${n.value.toString().length}/${e}` : void 0;
+    ...h
+  } = p, v = t === "warning" || !!a, d = t === "error" || !!l;
+  let n;
+  d ? n = /* @__PURE__ */ r(y, { size: e === "lg" ? "24" : "16", color: "icon/negative" }) : v && (n = /* @__PURE__ */ r(z, { size: e === "lg" ? "24" : "16", color: "icon/warning" }));
+  const w = c && i && o?.value !== void 0 ? `${o.value.toString().length}/${i}` : void 0;
   return /* @__PURE__ */ r(
-    W,
+    k,
     {
       counterText: w,
-      disabled: i === "disabled",
+      disabled: t === "disabled",
       errorText: l,
-      helperText: g,
-      invalid: m,
-      label: f,
+      helperText: f,
+      invalid: d,
+      label: g,
       optional: u,
-      readOnly: i === "readOnly",
-      ref: p,
-      tooltip: v,
+      readOnly: t === "readOnly",
+      ref: s,
+      tooltip: I,
       warningText: a,
-      ...x,
+      ...h,
       children: /* @__PURE__ */ r(
         E,
         {
-          endElement: t,
+          endElement: n,
           endElementProps: {
-            marginInlineEnd: o === "lg" ? c(15) : c(11)
+            marginInlineEnd: e === "lg" ? m(15) : m(11)
           },
           width: "100%",
-          children: /* @__PURE__ */ r(T, { placeholder: I, size: o, maxLength: e, ...n })
+          children: /* @__PURE__ */ r(T, { placeholder: x, size: e, maxLength: i, ...o })
         }
       )
     }
   );
 });
-C.displayName = "BitkitTextInput";
+B.displayName = "BitkitTextInput";
 export {
-  C as default
+  B as default
 };