@bitrise/bitkit-v2 0.3.131 → 0.3.133

package/dist/components/BitkitAccordion/BitkitAccordion.d.ts

@@ -1,9 +1,10 @@
 import { Accordion, AccordionItemBodyProps, AccordionItemProps, AccordionItemTriggerProps, AccordionRootProps } from '@chakra-ui/react/accordion';
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
 export type BitkitAccordionProps = AccordionRootProps;
 export type BitkitAccordionItemProps = AccordionItemProps;
 export interface BitkitAccordionItemTriggerProps extends AccordionItemTriggerProps {
-    icon?: ReactElement;
+    icon?: BitkitIconComponent;
     secondaryText?: ReactNode;
     suffix?: ReactNode;
 }

package/dist/components/BitkitAccordion/BitkitAccordion.js

@@ -10,7 +10,7 @@ const l = n((i, t) => /* @__PURE__ */ e(r.Root, { ref: t, multiple: !0, ...i }))
     const m = g({ key: "accordion" })();
     return /* @__PURE__ */ c(r.ItemTrigger, { ref: h, ...u, children: [
       /* @__PURE__ */ c(s, { display: "flex", alignItems: "center", gap: "8", children: [
-        t && /* @__PURE__ */ e(s, { css: m.icon, asChild: !0, children: t }),
+        t && /* @__PURE__ */ e(s, { css: m.icon, asChild: !0, children: /* @__PURE__ */ e(t, { size: "16" }) }),
         /* @__PURE__ */ c(s, { display: "flex", alignItems: "flex-start", flexDirection: "column", children: [
           i,
           o && /* @__PURE__ */ e(d, { css: m.secdText, children: o })

package/dist/components/BitkitAlert/BitkitAlert.js

@@ -1,14 +1,14 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { Alert as t } from "@chakra-ui/react/alert";
 import { Spinner as f } from "@chakra-ui/react/spinner";
-import g from "../../icons/24x24/IconCheck24.js";
-import d from "../../icons/24x24/IconErrorCircleFilled24.js";
-import h from "../../icons/24x24/IconInfoCircle24.js";
-import C from "../../icons/24x24/IconSparkleFilled24.js";
-import I from "../../icons/24x24/IconWarning24.js";
-import { rem as k } from "../../theme/themeUtils.js";
-import u from "../BitkitCloseButton/BitkitCloseButton.js";
-import S from "../BitkitColorButton/BitkitColorButton.js";
+import { rem as g } from "../../theme/themeUtils.js";
+import d from "../BitkitCloseButton/BitkitCloseButton.js";
+import h from "../BitkitColorButton/BitkitColorButton.js";
+import C from "../../icons/IconWarning.js";
+import I from "../../icons/IconCheck.js";
+import k from "../../icons/IconInfoCircle.js";
+import u from "../../icons/IconErrorCircleFilled.js";
+import S from "../../icons/IconSparkleFilled.js";
 const l = {
   ai: "indigo",
   critical: "red",
@@ -17,12 +17,12 @@ const l = {
   success: "green",
   warning: "yellow"
 }, B = {
-  ai: /* @__PURE__ */ r(C, {}),
-  critical: /* @__PURE__ */ r(d, {}),
-  info: /* @__PURE__ */ r(h, {}),
+  ai: /* @__PURE__ */ r(S, {}),
+  critical: /* @__PURE__ */ r(u, {}),
+  info: /* @__PURE__ */ r(k, {}),
   progress: /* @__PURE__ */ r(f, { width: "20", height: "20", margin: "2" }),
-  success: /* @__PURE__ */ r(g, {}),
-  warning: /* @__PURE__ */ r(I, {})
+  success: /* @__PURE__ */ r(I, {}),
+  warning: /* @__PURE__ */ r(C, {})
 }, M = (c) => {
   const { action: i, dismissible: s, messageText: a, onClose: m, titleText: e, variant: o, ...p } = c;
   return /* @__PURE__ */ n(t.Root, { variant: o, ...p, children: [
@@ -32,7 +32,7 @@ const l = {
       /* @__PURE__ */ r(t.Description, { children: a })
     ] }),
     !!i && /* @__PURE__ */ r(
-      S,
+      h,
       {
         as: i.href ? "a" : "button",
         colorPalette: l[o],
@@ -45,10 +45,10 @@ const l = {
       }
     ),
     !!s && /* @__PURE__ */ r(
-      u,
+      d,
       {
         alignSelf: "flex-start",
-        marginBlockStart: k(7),
+        marginBlockStart: g(7),
         size: "sm",
         onClick: m,
         colorPalette: l[o]

package/dist/components/BitkitAvatar/BitkitAvatar.d.ts

@@ -1,9 +1,6 @@
 import { AvatarRootProps } from '@chakra-ui/react/avatar';
-import { ColorPalette, SystemStyleObject } from '@chakra-ui/react/styled-system';
-import { ReactElement, SVGProps } from 'react';
-type IconElement = ReactElement<SVGProps<SVGSVGElement> & {
-    css?: SystemStyleObject;
-}>;
+import { ColorPalette } from '@chakra-ui/react/styled-system';
+import { BitkitIconComponent } from '../../icons';
 export type BitkitAvatarProps = Omit<AvatarRootProps, 'variant' | 'backgroundColor' | 'background' | 'bg'> & ({
     variant: 'image';
     src: string;
@@ -15,14 +12,14 @@ export type BitkitAvatarProps = Omit<AvatarRootProps, 'variant' | 'backgroundCol
     variant: 'image+icon';
     src: string;
     name: string;
-    icon: IconElement;
+    icon: BitkitIconComponent;
     iconColor?: never;
     backgroundColor?: never;
 } | {
     variant: 'icon';
     src?: never;
     name?: never;
-    icon: IconElement;
+    icon: BitkitIconComponent;
     iconColor?: ColorPalette;
     backgroundColor?: ColorPalette;
 } | {

package/dist/components/BitkitAvatar/BitkitAvatar.js

@@ -1,47 +1,47 @@
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import { Avatar as s } from "@chakra-ui/react/avatar";
-import { Box as C } from "@chakra-ui/react/box";
-import { useSlotRecipe as A } from "@chakra-ui/react/styled-system";
-import { forwardRef as y, cloneElement as u } from "react";
-import { COLOR_PALETTES as O } from "../../theme/tokens/colors.js";
-const p = Object.keys(O).reduce((r, t) => ["white"].includes(t) ? r : [...r, t], []), R = (r) => {
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { Avatar as c } from "@chakra-ui/react/avatar";
+import { Box as v } from "@chakra-ui/react/box";
+import { useSlotRecipe as C } from "@chakra-ui/react/styled-system";
+import { forwardRef as A } from "react";
+import { COLOR_PALETTES as y } from "../../theme/tokens/colors.js";
+const u = Object.keys(y).reduce((r, t) => ["white"].includes(t) ? r : [...r, t], []), O = (r) => {
   if (!r || r.length === 0) return "neutral";
   const t = r.trim();
-  return p[(t.charCodeAt(0) + t.charCodeAt(t.length - 1)) % p.length];
-}, x = (r) => {
+  return u[(t.charCodeAt(0) + t.charCodeAt(t.length - 1)) % u.length];
+}, R = (r) => {
   const t = r?.trim() || "";
   return t && t.length >= 2 ? `${t[0]} ${t[t.length - 1]}` : t;
-}, j = y((r, t) => {
+}, x = A((r, t) => {
   const {
-    size: o,
+    size: a,
     variant: n,
     src: i,
     name: l,
-    icon: e,
-    colorPalette: f = R(l),
-    iconColor: g,
-    backgroundColor: h,
-    ...k
-  } = r, b = A({ key: "avatar" }), m = n === "user" && ["24", "32", "40", "48"].includes(o) ? "circle" : "rounded", a = b({ size: o, variant: m }), d = x(l);
-  return /* @__PURE__ */ v(
-    s.Root,
+    icon: o,
+    colorPalette: p = O(l),
+    iconColor: f,
+    backgroundColor: g,
+    ...h
+  } = r, k = C({ key: "avatar" }), m = n === "user" && ["24", "32", "40", "48"].includes(a) ? "circle" : "rounded", s = k({ size: a, variant: m }), d = R(l);
+  return /* @__PURE__ */ b(
+    c.Root,
     {
       ref: t,
-      size: o,
+      size: a,
       variant: m,
-      colorPalette: f,
-      backgroundColor: h,
-      ...k,
+      colorPalette: p,
+      backgroundColor: g,
+      ...h,
       children: [
-        !!d && /* @__PURE__ */ c(s.Fallback, { name: d }),
-        !!i && /* @__PURE__ */ c(s.Image, { src: i }),
-        !!e && n === "icon" && u(e, { css: a.icon, color: g }),
-        !!e && n === "image+icon" && /* @__PURE__ */ c(C, { css: a.badgeContainer, children: u(e, { css: a.badge }) })
+        !!d && /* @__PURE__ */ e(c.Fallback, { name: d }),
+        !!i && /* @__PURE__ */ e(c.Image, { src: i }),
+        !!o && n === "icon" && /* @__PURE__ */ e(o, { css: s.icon, color: f, size: "24" }),
+        !!o && n === "image+icon" && /* @__PURE__ */ e(v, { css: s.badgeContainer, children: /* @__PURE__ */ e(o, { css: s.badge, size: "16" }) })
       ]
     }
   );
 });
-j.displayName = "BitkitAvatar";
+x.displayName = "BitkitAvatar";
 export {
-  j as default
+  x as default
 };

package/dist/components/BitkitBadge/BitkitBadge.d.ts

@@ -1,14 +1,14 @@
 import { BadgeProps } from '@chakra-ui/react/badge';
-import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
 import { COLOR_PALETTES } from '../../theme/tokens/colors';
 export type BitkitBadgeProps = {
     children?: string;
     colorPalette?: keyof typeof COLOR_PALETTES | 'ai';
-    icon?: ReactNode;
+    icon?: BitkitIconComponent;
 } & Omit<BadgeProps, 'children'>;
 declare const BitkitBadge: import('react').ForwardRefExoticComponent<{
     children?: string;
     colorPalette?: keyof typeof COLOR_PALETTES | "ai";
-    icon?: ReactNode;
+    icon?: BitkitIconComponent;
 } & Omit<BadgeProps, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
 export default BitkitBadge;

package/dist/components/BitkitBadge/BitkitBadge.js

@@ -1,15 +1,15 @@
-import { jsxs as o } from "react/jsx-runtime";
-import { Badge as l } from "@chakra-ui/react/badge";
-import { forwardRef as f } from "react";
-const x = f((s, d) => {
-  const { children: t, icon: r, size: i = "xs", ...a } = s;
-  let e, n;
-  return t && t.length > 1 && (e = i === "xs" ? "8" : "6", n = i === "xs" ? "8" : "6", r && (e = i === "xs" ? "4" : "2")), t && t.length === 1 && (e = i === "xs" ? "4" : "2", n = i === "xs" ? "4" : "2"), /* @__PURE__ */ o(l, { ref: d, ...a, size: i, paddingInlineStart: e, paddingInlineEnd: n, children: [
-    r,
-    t
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { Badge as f } from "@chakra-ui/react/badge";
+import { forwardRef as x } from "react";
+const g = x((r, d) => {
+  const { children: e, icon: n, size: i = "xs", ...o } = r;
+  let t, s;
+  return e && e.length > 1 && (t = i === "xs" ? "8" : "6", s = i === "xs" ? "8" : "6", n && (t = i === "xs" ? "4" : "2")), e && e.length === 1 && (t = i === "xs" ? "4" : "2", s = i === "xs" ? "4" : "2"), /* @__PURE__ */ a(f, { ref: d, ...o, size: i, paddingInlineStart: t, paddingInlineEnd: s, children: [
+    n && /* @__PURE__ */ l(n, { size: "16" }),
+    e
   ] });
 });
-x.displayName = "BitkitBadge";
+g.displayName = "BitkitBadge";
 export {
-  x as default
+  g as default
 };

package/dist/components/BitkitButton/BitkitButton.d.ts

@@ -1,9 +1,9 @@
 import { ButtonProps } from '@chakra-ui/react/button';
-import { ReactElement } from 'react';
+import { BitkitIconComponent } from '../../icons';
 export interface BitkitButtonProps extends Omit<ButtonProps, 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
     children: string;
-    leftIcon?: ReactElement;
-    rightIcon?: ReactElement;
+    leftIcon?: BitkitIconComponent;
+    rightIcon?: BitkitIconComponent;
     state?: 'disabled' | 'loading' | 'skeleton';
 }
 declare const BitkitButton: import('react').ForwardRefExoticComponent<BitkitButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/BitkitButton/BitkitButton.js

@@ -1,16 +1,16 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { Button as s } from "@chakra-ui/react/button";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { Button as m } from "@chakra-ui/react/button";
 import { Skeleton as p } from "@chakra-ui/react/skeleton";
-import { forwardRef as m, Fragment as c } from "react";
-const f = m((e, o) => {
-  const { children: n, leftIcon: i, rightIcon: l, state: t, ...a } = e;
-  return /* @__PURE__ */ r(p, { asChild: !0, loading: t === "skeleton", children: /* @__PURE__ */ d(s, { disabled: t === "disabled", loading: t === "loading", ref: o, ...a, children: [
-    i,
-    /* @__PURE__ */ r(t === "skeleton" ? "span" : c, { children: n }),
-    l
+import { forwardRef as f, Fragment as h } from "react";
+const g = f((s, l) => {
+  const { children: a, leftIcon: o, rightIcon: i, size: n, state: t, ...d } = s, r = n === "sm" ? "16" : "24";
+  return /* @__PURE__ */ e(p, { asChild: !0, loading: t === "skeleton", children: /* @__PURE__ */ c(m, { disabled: t === "disabled", loading: t === "loading", ref: l, size: n, ...d, children: [
+    o && /* @__PURE__ */ e(o, { size: r }),
+    /* @__PURE__ */ e(t === "skeleton" ? "span" : h, { children: a }),
+    i && /* @__PURE__ */ e(i, { size: r })
   ] }) });
 });
-f.displayName = "BitkitButton";
+g.displayName = "BitkitButton";
 export {
-  f as default
+  g as default
 };

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { IconButton as o } from "@chakra-ui/react";
-import e from "../../../icons/16x16/IconChevronRight16.js";
+import { IconButton as e } from "@chakra-ui/react";
+import o from "../../../icons/IconChevronRight.js";
 import { useDatePickerContext as i } from "@ark-ui/react/date-picker";
-const s = () => {
+const m = () => {
   const t = i();
-  return /* @__PURE__ */ r(o, { ...t.getNextTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(e, {}) });
+  return /* @__PURE__ */ r(e, { ...t.getNextTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, { size: "16" }) });
 };
 export {
-  s as default
+  m as default
 };

package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js

@@ -1,11 +1,11 @@
 import { jsx as r } from "react/jsx-runtime";
-import { IconButton as e } from "@chakra-ui/react";
-import o from "../../../icons/16x16/IconChevronLeft16.js";
-import { useDatePickerContext as n } from "@ark-ui/react/date-picker";
-const s = () => {
-  const t = n();
-  return /* @__PURE__ */ r(e, { ...t.getPrevTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, {}) });
+import { IconButton as t } from "@chakra-ui/react";
+import o from "../../../icons/IconChevronLeft.js";
+import { useDatePickerContext as i } from "@ark-ui/react/date-picker";
+const m = () => {
+  const e = i();
+  return /* @__PURE__ */ r(t, { ...e.getPrevTriggerProps(), color: "button/secondary/fg", size: "sm", variant: "tertiary", children: /* @__PURE__ */ r(o, { size: "16" }) });
 };
 export {
-  s as default
+  m as default
 };

package/dist/components/BitkitCheckbox/BitkitCheckbox.js

@@ -3,13 +3,13 @@ import { Checkbox as o } from "@chakra-ui/react/checkbox";
 import { Skeleton as n } from "@chakra-ui/react/skeleton";
 import { Text as a } from "@chakra-ui/react/text";
 import { forwardRef as s } from "react";
-import h from "../../icons/24x24/IconCheck24.js";
-import x from "../../icons/24x24/IconMinus24.js";
+import h from "../../icons/IconMinus.js";
+import x from "../../icons/IconCheck.js";
 const f = s((d, c) => {
   const { helperText: r, inputProps: m, labelText: p, state: t, ...i } = d;
   return /* @__PURE__ */ l(o.Root, { disabled: t === "disabled", readOnly: t === "readOnly", ...i, children: [
     /* @__PURE__ */ e(o.HiddenInput, { ref: c, ...m }),
-    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ e(o.Control, { children: i.checked === "indeterminate" ? /* @__PURE__ */ e(x, {}) : /* @__PURE__ */ e(h, {}) }) }),
+    /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ e(o.Control, { children: i.checked === "indeterminate" ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(x, {}) }) }),
     /* @__PURE__ */ e(n, { loading: t === "skeleton", children: /* @__PURE__ */ l(o.Label, { as: "div", children: [
       p,
       !!r && /* @__PURE__ */ e(a, { color: "text/helper", textStyle: "comp/input/helperText", children: r })

package/dist/components/BitkitCloseButton/BitkitCloseButton.js

@@ -1,24 +1,23 @@
 import { jsx as t } from "react/jsx-runtime";
-import { useRecipe as l, chakra as m } from "@chakra-ui/react/styled-system";
-import { forwardRef as c } from "react";
-import n from "../../icons/16x16/IconCross16.js";
-import d from "../../icons/24x24/IconCross24.js";
-import p from "../BitkitTooltip/BitkitTooltip.js";
-const f = c((i, s) => {
-  const { "aria-label": r = "Close", size: e, ...o } = i, a = l({ key: "closeButton" });
-  return /* @__PURE__ */ t(p, { disabled: o.disabled, showArrow: !1, size: "sm", text: r, children: /* @__PURE__ */ t(
-    m.button,
+import { useRecipe as l, chakra as c } from "@chakra-ui/react/styled-system";
+import { forwardRef as m } from "react";
+import n from "../BitkitTooltip/BitkitTooltip.js";
+import d from "../../icons/IconCross.js";
+const p = m((i, s) => {
+  const { "aria-label": e = "Close", size: r, ...o } = i, a = l({ key: "closeButton" });
+  return /* @__PURE__ */ t(n, { disabled: o.disabled, showArrow: !1, size: "sm", text: e, children: /* @__PURE__ */ t(
+    c.button,
     {
       ref: s,
-      "aria-label": r,
+      "aria-label": e,
       ...o,
-      css: a({ size: e }),
+      css: a({ size: r }),
       color: o.colorPalette === "neutral" && !o.disabled ? "icon/primary" : void 0,
-      children: e === "xs" ? /* @__PURE__ */ t(n, {}) : /* @__PURE__ */ t(d, {})
+      children: /* @__PURE__ */ t(d, { size: r === "xs" ? "16" : "24" })
     }
   ) });
 });
-f.displayName = "BitkitCloseButton";
+p.displayName = "BitkitCloseButton";
 export {
-  f as default
+  p as default
 };

package/dist/components/BitkitEmptyState/BitkitEmptyState.d.ts

@@ -1,9 +1,10 @@
 import { EmptyStateRootProps } from '@chakra-ui/react/empty-state';
-import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
 export interface BitkitEmptyStateProps extends EmptyStateRootProps {
     bodyText: string;
     headingText: string;
-    icon: ReactNode;
+    icon: BitkitIconComponent;
+    loading?: boolean;
 }
 declare const BitkitEmptyState: (props: BitkitEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export default BitkitEmptyState;

package/dist/components/BitkitEmptyState/BitkitEmptyState.js

@@ -1,14 +1,15 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { EmptyState as t } from "@chakra-ui/react/empty-state";
-const a = (i) => {
-  const { bodyText: r, children: n, headingText: o, icon: c, ...d } = i;
-  return /* @__PURE__ */ e(t.Root, { ...d, children: /* @__PURE__ */ l(t.Content, { children: [
-    /* @__PURE__ */ e(t.Indicator, { asChild: !0, children: c }),
-    /* @__PURE__ */ e(t.Title, { children: o }),
-    /* @__PURE__ */ e(t.Description, { children: r }),
-    n
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { EmptyState as i } from "@chakra-ui/react/empty-state";
+import { Spinner as s } from "@chakra-ui/react/spinner";
+const x = (r) => {
+  const { bodyText: n, children: o, headingText: d, icon: c, loading: e, ...h } = r;
+  return /* @__PURE__ */ t(i.Root, { ...h, children: /* @__PURE__ */ l(i.Content, { children: [
+    /* @__PURE__ */ t(i.Indicator, { asChild: !0, children: e ? /* @__PURE__ */ t(s, { width: "24", height: "24" }) : /* @__PURE__ */ t(c, { size: "24" }) }),
+    /* @__PURE__ */ t(i.Title, { children: d }),
+    /* @__PURE__ */ t(i.Description, { children: n }),
+    !e && o
   ] }) });
 };
 export {
-  a as default
+  x as default
 };

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.d.ts

@@ -1,5 +1,6 @@
 import { CollapsibleRootProps } from '@chakra-ui/react/collapsible';
-import { ReactElement, ReactNode } from 'react';
+import { ReactNode } from 'react';
+import { BitkitIconComponent } from '../../icons';
 type UncontrolledProps = {
     defaultExpanded?: boolean;
     expanded?: never;
@@ -12,7 +13,7 @@ type ControlledProps = {
 };
 export type BitkitExpandableCardProps = Omit<CollapsibleRootProps, 'defaultOpen' | 'onOpenChange' | 'open'> & {
     children: ReactNode;
-    icon?: ReactElement;
+    icon?: BitkitIconComponent;
     secdText?: ReactNode;
     size: 'md' | 'lg';
     suffix?: ReactNode;

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.js

@@ -1,16 +1,27 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
 import { Box as r } from "@chakra-ui/react/box";
 import { Card as y } from "@chakra-ui/react/card";
-import { Collapsible as t } from "@chakra-ui/react/collapsible";
+import { Collapsible as s } from "@chakra-ui/react/collapsible";
 import { useSlotRecipe as b } from "@chakra-ui/react/styled-system";
 import { Text as d } from "@chakra-ui/react/text";
 import I from "../../utilities/AssetSelectChevron.js";
 const T = (a) => {
-  const { children: p, defaultExpanded: f, expanded: h, icon: s, onChange: l, secdText: o, size: m = "lg", suffix: c, title: x, ...C } = a, i = b({ key: "expandableCard" })({ size: m }), g = l ? (u) => l(u.open) : void 0;
-  return /* @__PURE__ */ e(y.Root, { css: i.root, children: /* @__PURE__ */ n(t.Root, { defaultOpen: f, open: h, onOpenChange: g, ...C, children: [
-    /* @__PURE__ */ n(t.Trigger, { css: i.header, children: [
+  const {
+    children: p,
+    defaultExpanded: f,
+    expanded: h,
+    icon: t,
+    onChange: l,
+    secdText: o,
+    size: m = "lg",
+    suffix: c,
+    title: x,
+    ...C
+  } = a, i = b({ key: "expandableCard" })({ size: m }), g = l ? (u) => l(u.open) : void 0;
+  return /* @__PURE__ */ e(y.Root, { css: i.root, children: /* @__PURE__ */ n(s.Root, { defaultOpen: f, open: h, onOpenChange: g, ...C, children: [
+    /* @__PURE__ */ n(s.Trigger, { css: i.header, children: [
       /* @__PURE__ */ n(r, { display: "flex", alignItems: "center", gap: "8", children: [
-        s && /* @__PURE__ */ e(r, { css: i.icon, children: s }),
+        t && /* @__PURE__ */ e(r, { css: i.icon, children: /* @__PURE__ */ e(t, { size: "24" }) }),
         /* @__PURE__ */ n(r, { display: "flex", alignItems: "flex-start", flexDirection: "column", children: [
           x,
           !!o && /* @__PURE__ */ e(d, { css: i.secdText, children: o })
@@ -18,10 +29,10 @@ const T = (a) => {
       ] }),
       /* @__PURE__ */ n(r, { display: "flex", alignItems: "center", children: [
         !!c && /* @__PURE__ */ e(d, { css: i.suffix, children: c }),
-        /* @__PURE__ */ e(t.Indicator, { asChild: !0, children: /* @__PURE__ */ e(I, {}) })
+        /* @__PURE__ */ e(s.Indicator, { asChild: !0, children: /* @__PURE__ */ e(I, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ e(t.Content, { css: i.collapsible, children: /* @__PURE__ */ e(r, { css: i.body, children: p }) })
+    /* @__PURE__ */ e(s.Content, { css: i.collapsible, children: /* @__PURE__ */ e(r, { css: i.body, children: p }) })
   ] }) });
 };
 T.displayName = "BitkitExpandableCard";

package/dist/components/BitkitField/BitkitField.js

@@ -2,12 +2,12 @@ import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { Field as r } from "@chakra-ui/react/field";
 import { Text as p } from "@chakra-ui/react/text";
 import { forwardRef as T } from "react";
-import u from "../../icons/16x16/IconInfoCircle16.js";
-import b from "../BitkitTooltip/BitkitTooltip.js";
+import u from "../BitkitTooltip/BitkitTooltip.js";
+import b from "../../icons/IconInfoCircle.js";
 const y = T((m, x) => {
-  const { counterText: o, children: s, disabled: f, errorText: t, helperText: l, label: n, optional: a, tooltip: d, warningText: i, ...h } = m;
+  const { counterText: i, children: s, disabled: f, errorText: t, helperText: l, label: n, optional: a, tooltip: d, warningText: o, ...h } = m;
   return /* @__PURE__ */ c(r.Root, { disabled: f, required: !a, ref: x, ...h, children: [
-    n || o ? /* @__PURE__ */ c(r.Label, { children: [
+    n || i ? /* @__PURE__ */ c(r.Label, { children: [
       n,
       " ",
       a && /* @__PURE__ */ e(
@@ -16,12 +16,12 @@ const y = T((m, x) => {
           fallback: /* @__PURE__ */ e(p, { as: "span", textStyle: "body/md/regular", children: "(optional)" })
         }
       ),
-      !!d && /* @__PURE__ */ e(b, { text: d ?? "", children: /* @__PURE__ */ e(u, { color: "icon/tertiary" }) }),
-      o && /* @__PURE__ */ e(p, { as: "span", marginInlineStart: "auto", textStyle: "comp/input/helperText", children: o })
+      !!d && /* @__PURE__ */ e(u, { text: d ?? "", children: /* @__PURE__ */ e(b, { size: "16", color: "icon/tertiary" }) }),
+      i && /* @__PURE__ */ e(p, { as: "span", marginInlineStart: "auto", textStyle: "comp/input/helperText", children: i })
     ] }) : null,
     s,
-    !!l && !t && !i && /* @__PURE__ */ e(r.HelperText, { children: l }),
-    !!i && !t && /* @__PURE__ */ e(r.HelperText, { color: "text/body", children: i }),
+    !!l && !t && !o && /* @__PURE__ */ e(r.HelperText, { children: l }),
+    !!o && !t && /* @__PURE__ */ e(r.HelperText, { color: "text/body", children: o }),
     !!t && /* @__PURE__ */ e(r.ErrorText, { children: t })
   ] });
 });

package/dist/components/BitkitIconButton/BitkitIconButton.d.ts

@@ -0,0 +1,11 @@
+import { IconButtonProps } from '@chakra-ui/react/button';
+import { BitkitIconComponent } from '../../icons';
+import { BitkitTooltipProps } from '../BitkitTooltip/BitkitTooltip';
+export interface BitkitIconButtonProps extends Omit<IconButtonProps, 'aria-label' | 'children' | 'colorPalette' | 'disabled' | 'loading' | 'loadingText' | 'spinner' | 'spinnerPlacement'> {
+    icon: BitkitIconComponent;
+    label: string;
+    state?: 'disabled' | 'loading' | 'skeleton';
+    tooltipProps?: Partial<Omit<BitkitTooltipProps, 'children' | 'text'>>;
+}
+declare const BitkitIconButton: import('react').ForwardRefExoticComponent<BitkitIconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export default BitkitIconButton;

package/dist/components/BitkitIconButton/BitkitIconButton.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import { IconButton as d } from "@chakra-ui/react/button";
+import { Skeleton as c } from "@chakra-ui/react/skeleton";
+import { forwardRef as m } from "react";
+import p from "../BitkitTooltip/BitkitTooltip.js";
+const f = m((n, r) => {
+  const { icon: l, label: i, size: e, state: t, tooltipProps: a, ...s } = n;
+  return /* @__PURE__ */ o(p, { text: i, ...a, children: /* @__PURE__ */ o(c, { asChild: !0, loading: t === "skeleton", children: /* @__PURE__ */ o(
+    d,
+    {
+      "aria-label": i,
+      disabled: t === "disabled",
+      loading: t === "loading",
+      ref: r,
+      size: e,
+      ...s,
+      children: /* @__PURE__ */ o(l, { size: e === "sm" ? "16" : "24" })
+    }
+  ) }) });
+});
+f.displayName = "BitkitIconButton";
+export {
+  f as default
+};

package/dist/components/BitkitLink/BitkitLink.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from '@chakra-ui/react/link';
+import { BitkitIconComponent } from '../../icons';
+export interface BitkitLinkProps extends LinkProps {
+    rightIcon?: BitkitIconComponent;
+    state?: 'disabled';
+}
+declare const BitkitLink: import('react').ForwardRefExoticComponent<BitkitLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;
+export default BitkitLink;

package/dist/components/BitkitLink/BitkitLink.js

@@ -0,0 +1,23 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { Link as f } from "@chakra-ui/react/link";
+import { forwardRef as l } from "react";
+const m = l((t, e) => {
+  const { children: o, href: d, rightIcon: i, state: r, ...s } = t;
+  return /* @__PURE__ */ a(
+    f,
+    {
+      "aria-disabled": r === "disabled" ? !0 : void 0,
+      href: r === "disabled" ? void 0 : d,
+      ref: e,
+      ...s,
+      children: [
+        o,
+        i && /* @__PURE__ */ n(i, {})
+      ]
+    }
+  );
+});
+m.displayName = "BitkitLink";
+export {
+  m as default
+};