@bitrise/bitkit-v2 0.3.186 → 0.3.188

package/dist/components/BitkitDraggableCard/BitkitDraggableCard.d.ts

@@ -0,0 +1,37 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { ReactNode, Ref } from 'react';
+export interface BitkitDraggableCardProps extends Omit<BoxProps, 'children'> {
+    children: ReactNode;
+    /** Ref for the drag handle element — pass useSortable().handleRef here. When provided, only the handle initiates drag. */
+    handleRef?: Ref<HTMLButtonElement>;
+    /** Whether this card is currently being dragged */
+    isDragging?: boolean;
+    /** Whether this card is a drop target placeholder */
+    isDropTarget?: boolean;
+}
+/**
+ * A card with a drag handle, designed for use with `@dnd-kit/react`.
+ *
+ * The component is purely presentational — it does not depend on `@dnd-kit`.
+ * Pass the refs and state flags from `useSortable` (or `useDraggable`) to wire it up.
+ *
+ * @example Full-card drag (default — the entire card is draggable)
+ * ```tsx
+ * const { ref, isDragSource, isDropTarget } = useSortable({ id, index });
+ *
+ * <BitkitDraggableCard ref={ref} isDragging={isDragSource} isDropTarget={isDropTarget}>
+ *   {children}
+ * </BitkitDraggableCard>
+ * ```
+ *
+ * @example Handle-only drag (pass handleRef to restrict drag to the handle)
+ * ```tsx
+ * const { ref, handleRef, isDragSource, isDropTarget } = useSortable({ id, index });
+ *
+ * <BitkitDraggableCard ref={ref} handleRef={handleRef} isDragging={isDragSource} isDropTarget={isDropTarget}>
+ *   {children}
+ * </BitkitDraggableCard>
+ * ```
+ */
+declare const BitkitDraggableCard: import('react').ForwardRefExoticComponent<BitkitDraggableCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitDraggableCard;

package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js

@@ -0,0 +1,62 @@
+import IconDragHandle from "../../icons/IconDragHandle.js";
+import { Box } from "@chakra-ui/react/box";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/components/BitkitDraggableCard/BitkitDraggableCard.tsx
+/**
+* A card with a drag handle, designed for use with `@dnd-kit/react`.
+*
+* The component is purely presentational — it does not depend on `@dnd-kit`.
+* Pass the refs and state flags from `useSortable` (or `useDraggable`) to wire it up.
+*
+* @example Full-card drag (default — the entire card is draggable)
+* ```tsx
+* const { ref, isDragSource, isDropTarget } = useSortable({ id, index });
+*
+* <BitkitDraggableCard ref={ref} isDragging={isDragSource} isDropTarget={isDropTarget}>
+*   {children}
+* </BitkitDraggableCard>
+* ```
+*
+* @example Handle-only drag (pass handleRef to restrict drag to the handle)
+* ```tsx
+* const { ref, handleRef, isDragSource, isDropTarget } = useSortable({ id, index });
+*
+* <BitkitDraggableCard ref={ref} handleRef={handleRef} isDragging={isDragSource} isDropTarget={isDropTarget}>
+*   {children}
+* </BitkitDraggableCard>
+* ```
+*/
+var BitkitDraggableCard = forwardRef((props, ref) => {
+	const { children, handleRef, isDragging = false, isDropTarget = false, ...rest } = props;
+	const isFullCardDrag = !handleRef;
+	const styles = useSlotRecipe({ key: "draggableCard" })({
+		isDragging,
+		isDropTarget,
+		isFullCardDrag
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		ref,
+		css: styles.root,
+		...rest,
+		children: [isFullCardDrag ? /* @__PURE__ */ jsx(chakra.div, {
+			css: styles.handle,
+			children: /* @__PURE__ */ jsx(IconDragHandle, { size: "16" })
+		}) : /* @__PURE__ */ jsx(chakra.button, {
+			ref: handleRef,
+			type: "button",
+			"aria-label": "Drag handle",
+			css: styles.handle,
+			children: /* @__PURE__ */ jsx(IconDragHandle, { size: "16" })
+		}), /* @__PURE__ */ jsx(Box, {
+			css: styles.content,
+			children
+		})]
+	});
+});
+BitkitDraggableCard.displayName = "BitkitDraggableCard";
+//#endregion
+export { BitkitDraggableCard as default };
+
+//# sourceMappingURL=BitkitDraggableCard.js.map

package/dist/components/BitkitDraggableCard/BitkitDraggableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitDraggableCard.js","names":[],"sources":["../../../lib/components/BitkitDraggableCard/BitkitDraggableCard.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactNode, type Ref } from 'react';\n\nimport IconDragHandle from '../../icons/IconDragHandle';\n\n// ----- Props -----\n\nexport interface BitkitDraggableCardProps extends Omit<BoxProps, 'children'> {\n  children: ReactNode;\n  /** Ref for the drag handle element — pass useSortable().handleRef here. When provided, only the handle initiates drag. */\n  handleRef?: Ref<HTMLButtonElement>;\n  /** Whether this card is currently being dragged */\n  isDragging?: boolean;\n  /** Whether this card is a drop target placeholder */\n  isDropTarget?: boolean;\n}\n\n// ----- Component -----\n\n/**\n * A card with a drag handle, designed for use with `@dnd-kit/react`.\n *\n * The component is purely presentational — it does not depend on `@dnd-kit`.\n * Pass the refs and state flags from `useSortable` (or `useDraggable`) to wire it up.\n *\n * @example Full-card drag (default — the entire card is draggable)\n * ```tsx\n * const { ref, isDragSource, isDropTarget } = useSortable({ id, index });\n *\n * <BitkitDraggableCard ref={ref} isDragging={isDragSource} isDropTarget={isDropTarget}>\n *   {children}\n * </BitkitDraggableCard>\n * ```\n *\n * @example Handle-only drag (pass handleRef to restrict drag to the handle)\n * ```tsx\n * const { ref, handleRef, isDragSource, isDropTarget } = useSortable({ id, index });\n *\n * <BitkitDraggableCard ref={ref} handleRef={handleRef} isDragging={isDragSource} isDropTarget={isDropTarget}>\n *   {children}\n * </BitkitDraggableCard>\n * ```\n */\nconst BitkitDraggableCard = forwardRef<HTMLDivElement, BitkitDraggableCardProps>((props, ref) => {\n  const { children, handleRef, isDragging = false, isDropTarget = false, ...rest } = props;\n\n  const isFullCardDrag = !handleRef;\n  const recipe = useSlotRecipe({ key: 'draggableCard' });\n  const styles = recipe({ isDragging, isDropTarget, isFullCardDrag });\n\n  return (\n    <Box ref={ref} css={styles.root} {...rest}>\n      {isFullCardDrag ? (\n        <chakra.div css={styles.handle}>\n          <IconDragHandle size=\"16\" />\n        </chakra.div>\n      ) : (\n        <chakra.button ref={handleRef} type=\"button\" aria-label=\"Drag handle\" css={styles.handle}>\n          <IconDragHandle size=\"16\" />\n        </chakra.button>\n      )}\n      <Box css={styles.content}>{children}</Box>\n    </Box>\n  );\n});\n\nBitkitDraggableCard.displayName = 'BitkitDraggableCard';\n\nexport default BitkitDraggableCard;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAM,sBAAsB,YAAsD,OAAO,QAAQ;CAC/F,MAAM,EAAE,UAAU,WAAW,aAAa,OAAO,eAAe,OAAO,GAAG,SAAS;CAEnF,MAAM,iBAAiB,CAAC;CAExB,MAAM,SADS,cAAc,EAAE,KAAK,iBAAiB,CAAC,CAChC;EAAE;EAAY;EAAc;EAAgB,CAAC;AAEnE,QACE,qBAAC,KAAD;EAAU;EAAK,KAAK,OAAO;EAAM,GAAI;YAArC,CACG,iBACC,oBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;aACtB,oBAAC,gBAAD,EAAgB,MAAK,MAAO,CAAA;GACjB,CAAA,GAEb,oBAAC,OAAO,QAAR;GAAe,KAAK;GAAW,MAAK;GAAS,cAAW;GAAc,KAAK,OAAO;aAChF,oBAAC,gBAAD,EAAgB,MAAK,MAAO,CAAA;GACd,CAAA,EAElB,oBAAC,KAAD;GAAK,KAAK,OAAO;GAAU;GAAe,CAAA,CACtC;;EAER;AAEF,oBAAoB,cAAc"}

package/dist/components/BitkitLabeledData/BitkitLabeledData.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {
+    label: string;
+    labelVariant?: 'primary' | 'secondary';
+    limitValue?: string;
+    showWarning?: boolean;
+    size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';
+    state?: 'default' | 'skeleton';
+    subtext?: string;
+    tooltip?: string;
+    tooltipAnchor?: 'label' | 'value';
+    value?: string;
+    variant?: 'default' | 'inline';
+}
+declare const BitkitLabeledData: import('react').ForwardRefExoticComponent<BitkitLabeledDataProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitLabeledData;

package/dist/components/BitkitLabeledData/BitkitLabeledData.js

@@ -0,0 +1,112 @@
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitDefinitionTooltip from "../BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+//#region lib/components/BitkitLabeledData/BitkitLabeledData.tsx
+var SKELETON_VALUE_HEIGHTS = {
+	lg: "24",
+	"2xl": "36px",
+	"3xl": "40"
+};
+var BitkitLabeledData = forwardRef((props, ref) => {
+	const { label, labelVariant = "primary", limitValue, showWarning, size = "lg", state = "default", subtext, tooltip, tooltipAnchor = "value", value, variant = "default", ...rest } = props;
+	const styles = useSlotRecipe({ key: "labeledData" })({ size: variant === "inline" ? void 0 : size });
+	if (variant === "inline") {
+		const isSm = size === "sm";
+		const isPrimary = labelVariant === "primary";
+		const labelTextStyle = isPrimary ? isSm ? "body/sm/semibold" : "body/md/semibold" : isSm ? "body/sm/regular" : "body/md/regular";
+		if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.div, {
+			ref,
+			display: "flex",
+			alignItems: "center",
+			gap: isSm ? "4" : "8",
+			...rest,
+			children: [/* @__PURE__ */ jsx(chakra.span, {
+				textStyle: labelTextStyle,
+				color: isPrimary ? "text/primary" : "text/secondary",
+				children: label
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				height: isSm ? "16" : "20",
+				width: "64"
+			})]
+		});
+		const wrapWithTooltip = (text, anchor) => tooltip && tooltipAnchor === anchor ? /* @__PURE__ */ jsx(BitkitDefinitionTooltip, {
+			text: tooltip,
+			children: text
+		}) : text;
+		return /* @__PURE__ */ jsxs(chakra.div, {
+			ref,
+			display: "flex",
+			alignItems: "center",
+			gap: isSm ? "4" : "8",
+			...rest,
+			children: [
+				!!showWarning && /* @__PURE__ */ jsx(IconWarningYellow, { size: "16" }),
+				/* @__PURE__ */ jsx(chakra.span, {
+					textStyle: labelTextStyle,
+					color: isPrimary ? "text/primary" : "text/secondary",
+					children: wrapWithTooltip(label, "label")
+				}),
+				/* @__PURE__ */ jsx(chakra.span, {
+					textStyle: isSm ? "body/sm/regular" : "body/md/regular",
+					color: "text/body",
+					children: wrapWithTooltip(value ?? "", "value")
+				})
+			]
+		});
+	}
+	const labelContent = /* @__PURE__ */ jsxs(chakra.dt, {
+		css: styles.label,
+		children: [label, !!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(IconInfoCircle, {
+				size: "16",
+				color: "icon/tertiary"
+			})
+		})]
+	});
+	if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: SKELETON_VALUE_HEIGHTS[size],
+				width: "128"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "128"
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.value,
+				children: [value, !!limitValue && /* @__PURE__ */ jsxs(chakra.span, {
+					css: styles.limit,
+					children: ["/ ", limitValue]
+				})]
+			}),
+			!!subtext && /* @__PURE__ */ jsx(chakra.dd, {
+				css: styles.helpText,
+				children: subtext
+			})
+		]
+	});
+});
+BitkitLabeledData.displayName = "BitkitLabeledData";
+//#endregion
+export { BitkitLabeledData as default };
+
+//# sourceMappingURL=BitkitLabeledData.js.map

package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLabeledData.js","names":[],"sources":["../../../lib/components/BitkitLabeledData/BitkitLabeledData.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconInfoCircle, IconWarningYellow } from '../../icons';\nimport BitkitDefinitionTooltip from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  labelVariant?: 'primary' | 'secondary';\n  limitValue?: string;\n  showWarning?: boolean;\n  size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  tooltipAnchor?: 'label' | 'value';\n  value?: string;\n  variant?: 'default' | 'inline';\n}\n\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\n// --- Component ---\n\nconst BitkitLabeledData = forwardRef<HTMLElement, BitkitLabeledDataProps>((props, ref) => {\n  const {\n    label,\n    labelVariant = 'primary',\n    limitValue,\n    showWarning,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    tooltipAnchor = 'value',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'labeledData' })({\n    size: variant === 'inline' ? undefined : (size as 'lg' | '2xl' | '3xl'),\n  });\n\n  // --- Inline variant ---\n  if (variant === 'inline') {\n    const isSm = size === 'sm';\n    const isPrimary = labelVariant === 'primary';\n    const labelTextStyle = isPrimary\n      ? isSm\n        ? 'body/sm/semibold'\n        : 'body/md/semibold'\n      : isSm\n        ? 'body/sm/regular'\n        : 'body/md/regular';\n\n    if (state === 'skeleton') {\n      return (\n        <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap={isSm ? '4' : '8'} {...rest}>\n          <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n            {label}\n          </chakra.span>\n          <Skeleton height={isSm ? '16' : '20'} width=\"64\" />\n        </chakra.div>\n      );\n    }\n\n    const wrapWithTooltip = (text: string, anchor: 'label' | 'value') =>\n      tooltip && tooltipAnchor === anchor ? (\n        <BitkitDefinitionTooltip text={tooltip}>{text}</BitkitDefinitionTooltip>\n      ) : (\n        text\n      );\n\n    return (\n      <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap={isSm ? '4' : '8'} {...rest}>\n        {!!showWarning && <IconWarningYellow size=\"16\" />}\n        <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n          {wrapWithTooltip(label, 'label')}\n        </chakra.span>\n        <chakra.span textStyle={isSm ? 'body/sm/regular' : 'body/md/regular'} color=\"text/body\">\n          {wrapWithTooltip(value ?? '', 'value')}\n        </chakra.span>\n      </chakra.div>\n    );\n  }\n\n  // --- Default variant ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size as keyof typeof SKELETON_VALUE_HEIGHTS]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n      <chakra.dd css={styles.value}>\n        {value}\n        {!!limitValue && <chakra.span css={styles.limit}>/ {limitValue}</chakra.span>}\n      </chakra.dd>\n      {!!subtext && <chakra.dd css={styles.helpText}>{subtext}</chakra.dd>}\n    </chakra.dl>\n  );\n});\n\nBitkitLabeledData.displayName = 'BitkitLabeledData';\n\nexport default BitkitLabeledData;\n"],"mappings":";;;;;;;;;AAyBA,IAAM,yBAAyB;CAAE,IAAI;CAAM,OAAO;CAAQ,OAAO;CAAM;AAIvE,IAAM,oBAAoB,YAAiD,OAAO,QAAQ;CACxF,MAAM,EACJ,OACA,eAAe,WACf,YACA,aACA,OAAO,MACP,QAAQ,WACR,SACA,SACA,gBAAgB,SAChB,OACA,UAAU,WACV,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,eAAe,CAAC,CAAC,EACnD,MAAM,YAAY,WAAW,KAAA,IAAa,MAC3C,CAAC;AAGF,KAAI,YAAY,UAAU;EACxB,MAAM,OAAO,SAAS;EACtB,MAAM,YAAY,iBAAiB;EACnC,MAAM,iBAAiB,YACnB,OACE,qBACA,qBACF,OACE,oBACA;AAEN,MAAI,UAAU,WACZ,QACE,qBAAC,OAAO,KAAR;GAAiB;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAK,OAAO,MAAM;GAAK,GAAI;aAApF,CACE,oBAAC,OAAO,MAAR;IAAa,WAAW;IAAgB,OAAO,YAAY,iBAAiB;cACzE;IACW,CAAA,EACd,oBAAC,UAAD;IAAU,QAAQ,OAAO,OAAO;IAAM,OAAM;IAAO,CAAA,CACxC;;EAIjB,MAAM,mBAAmB,MAAc,WACrC,WAAW,kBAAkB,SAC3B,oBAAC,yBAAD;GAAyB,MAAM;aAAU;GAA+B,CAAA,GAExE;AAGJ,SACE,qBAAC,OAAO,KAAR;GAAiB;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAK,OAAO,MAAM;GAAK,GAAI;aAApF;IACG,CAAC,CAAC,eAAe,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;IACjD,oBAAC,OAAO,MAAR;KAAa,WAAW;KAAgB,OAAO,YAAY,iBAAiB;eACzE,gBAAgB,OAAO,QAAQ;KACpB,CAAA;IACd,oBAAC,OAAO,MAAR;KAAa,WAAW,OAAO,oBAAoB;KAAmB,OAAM;eACzE,gBAAgB,SAAS,IAAI,QAAQ;KAC1B,CAAA;IACH;;;CAMjB,MAAM,eACJ,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;YAAvB,CACG,OACA,CAAC,CAAC,WACD,oBAAC,eAAD;GAAe,MAAM;aACnB,oBAAC,gBAAD;IAAgB,MAAK;IAAK,OAAM;IAAkB,CAAA;GACpC,CAAA,CAER;;AAGd,KAAI,UAAU,WACZ,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GACD,oBAAC,UAAD;IAAU,QAAQ,uBAAuB;IAA8C,OAAM;IAAQ,CAAA;GACrG,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAQ,CAAA;GAC1B;;AAIhB,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GACD,qBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;cAAvB,CACG,OACA,CAAC,CAAC,cAAc,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB,CAAgC,MAAG,WAAyB;OACnE;;GACX,CAAC,CAAC,WAAW,oBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;cAAW;IAAoB,CAAA;GAC1D;;EAEd;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitStat/BitkitStat.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export type TrendColor = 'positive' | 'negative' | 'neutral';
+export type TrendDirection = 'up' | 'down';
+export type TrendTextPlacement = 'below' | 'inline';
+export interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {
+    label: string;
+    size?: 'lg' | '2xl' | '3xl';
+    state?: 'default' | 'skeleton';
+    subtext?: string;
+    tooltip?: string;
+    trendColor?: TrendColor;
+    trendDirection?: TrendDirection;
+    trendText?: string;
+    trendTextPlacement?: TrendTextPlacement;
+    value?: string;
+    variant?: 'default' | 'compact';
+}
+declare const BitkitStat: import('react').ForwardRefExoticComponent<BitkitStatProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitStat;

package/dist/components/BitkitStat/BitkitStat.js

@@ -0,0 +1,166 @@
+import IconArrowDown from "../../icons/IconArrowDown.js";
+import IconArrowUp from "../../icons/IconArrowUp.js";
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+//#region lib/components/BitkitStat/BitkitStat.tsx
+var TREND_COLORS = {
+	positive: {
+		text: "text/positive",
+		icon: "icon/positive"
+	},
+	negative: {
+		text: "text/negative",
+		icon: "icon/negative"
+	},
+	neutral: {
+		text: "text/secondary",
+		icon: "icon/tertiary"
+	}
+};
+var TREND_ICONS = {
+	up: IconArrowUp,
+	down: IconArrowDown
+};
+var DEFAULT_COLORS = {
+	up: "positive",
+	down: "negative"
+};
+var resolveTrend = (trendColor, trendDirection) => {
+	const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : void 0);
+	const colors = color ? TREND_COLORS[color] : void 0;
+	return {
+		textColor: colors?.text ?? "text/secondary",
+		iconColor: colors?.icon ?? "icon/tertiary",
+		Icon: trendDirection ? TREND_ICONS[trendDirection] : void 0
+	};
+};
+var BELOW_ICON_SIZES = {
+	lg: "16",
+	"2xl": "24",
+	"3xl": "24"
+};
+var INLINE_TREND_STYLES = {
+	lg: { paddingBlockStart: "2" },
+	"2xl": { paddingBlockStart: "6" },
+	"3xl": { paddingBlockEnd: "4" }
+};
+var SKELETON_VALUE_HEIGHTS = {
+	lg: "24",
+	"2xl": "36px",
+	"3xl": "40"
+};
+var BitkitStat = forwardRef((props, ref) => {
+	const { label, size = "lg", state = "default", subtext, tooltip, trendColor, trendDirection, trendText, trendTextPlacement = "below", value, variant = "default", ...rest } = props;
+	const styles = useSlotRecipe({ key: "stat" })({
+		size,
+		variant
+	});
+	const trend = resolveTrend(trendColor, trendDirection);
+	const { Icon: TrendIcon } = trend;
+	if (variant === "compact") {
+		if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.root,
+			ref,
+			...rest,
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "64"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				height: "16",
+				width: "48"
+			})]
+		});
+		return /* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.root,
+			ref,
+			...rest,
+			children: [/* @__PURE__ */ jsxs(chakra.span, {
+				css: styles.value,
+				children: [!!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+					size: "16",
+					color: trend.iconColor
+				}), value]
+			}), !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+				css: styles.helpText,
+				color: trend.textColor,
+				children: trendText
+			})]
+		});
+	}
+	const labelContent = /* @__PURE__ */ jsxs(chakra.dt, {
+		css: styles.label,
+		children: [label, !!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(IconInfoCircle, {
+				size: "16",
+				color: "icon/tertiary"
+			})
+		})]
+	});
+	if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: SKELETON_VALUE_HEIGHTS[size],
+				width: "128"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "128"
+			})
+		]
+	});
+	const isInline = trendTextPlacement === "inline";
+	const showHelpText = !isInline && !!trendText || !!subtext;
+	return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.value,
+				alignItems: isInline && size === "3xl" ? "flex-end" : void 0,
+				children: [value, isInline ? /* @__PURE__ */ jsxs(chakra.span, {
+					display: "inline-flex",
+					gap: "4",
+					alignItems: "center",
+					css: INLINE_TREND_STYLES[size],
+					children: [!!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+						size: "16",
+						color: trend.iconColor
+					}), !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+						color: trend.textColor,
+						textStyle: "body/md/regular",
+						children: trendText
+					})]
+				}) : !!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+					size: BELOW_ICON_SIZES[size],
+					color: trend.iconColor
+				})]
+			}),
+			showHelpText && /* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.helpText,
+				children: [!isInline && !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+					color: trend.textColor,
+					children: trendText
+				}), !!subtext && /* @__PURE__ */ jsx(chakra.span, {
+					color: "text/tertiary",
+					children: subtext
+				})]
+			})
+		]
+	});
+});
+BitkitStat.displayName = "BitkitStat";
+//#endregion
+export { BitkitStat as default };
+
+//# sourceMappingURL=BitkitStat.js.map

package/dist/components/BitkitStat/BitkitStat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitStat.js","names":[],"sources":["../../../lib/components/BitkitStat/BitkitStat.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconArrowDown, IconArrowUp, IconInfoCircle } from '../../icons';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport type TrendColor = 'positive' | 'negative' | 'neutral';\nexport type TrendDirection = 'up' | 'down';\nexport type TrendTextPlacement = 'below' | 'inline';\n\nconst TREND_COLORS = {\n  positive: { text: 'text/positive', icon: 'icon/positive' },\n  negative: { text: 'text/negative', icon: 'icon/negative' },\n  neutral: { text: 'text/secondary', icon: 'icon/tertiary' },\n} as const;\n\nconst TREND_ICONS = { up: IconArrowUp, down: IconArrowDown } as const;\nconst DEFAULT_COLORS: Record<TrendDirection, TrendColor> = { up: 'positive', down: 'negative' };\n\nconst resolveTrend = (trendColor?: TrendColor, trendDirection?: TrendDirection) => {\n  const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : undefined);\n  const colors = color ? TREND_COLORS[color] : undefined;\n  return {\n    textColor: colors?.text ?? 'text/secondary',\n    iconColor: colors?.icon ?? 'icon/tertiary',\n    Icon: trendDirection ? TREND_ICONS[trendDirection] : undefined,\n  };\n};\n\nconst BELOW_ICON_SIZES = { lg: '16', '2xl': '24', '3xl': '24' } as const;\nconst INLINE_TREND_STYLES = {\n  lg: { paddingBlockStart: '2' },\n  '2xl': { paddingBlockStart: '6' },\n  '3xl': { paddingBlockEnd: '4' },\n} as const;\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\nexport interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  size?: 'lg' | '2xl' | '3xl';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  trendColor?: TrendColor;\n  trendDirection?: TrendDirection;\n  trendText?: string;\n  trendTextPlacement?: TrendTextPlacement;\n  value?: string;\n  variant?: 'default' | 'compact';\n}\n\n// --- Component ---\n\nconst BitkitStat = forwardRef<HTMLElement, BitkitStatProps>((props, ref) => {\n  const {\n    label,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    trendColor,\n    trendDirection,\n    trendText,\n    trendTextPlacement = 'below',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'stat' })({ size, variant });\n  const trend = resolveTrend(trendColor, trendDirection);\n  const { Icon: TrendIcon } = trend;\n  const isCompact = variant === 'compact';\n\n  // --- Compact ---\n  if (isCompact) {\n    if (state === 'skeleton') {\n      return (\n        <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n          <Skeleton height=\"20\" width=\"64\" />\n          <Skeleton height=\"16\" width=\"48\" />\n        </chakra.div>\n      );\n    }\n\n    return (\n      <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        <chakra.span css={styles.value}>\n          {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n          {value}\n        </chakra.span>\n        {!!trendText && (\n          <chakra.span css={styles.helpText} color={trend.textColor}>\n            {trendText}\n          </chakra.span>\n        )}\n      </chakra.div>\n    );\n  }\n\n  // --- Default ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  const isInline = trendTextPlacement === 'inline';\n  const showHelpText = (!isInline && !!trendText) || !!subtext;\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n\n      <chakra.dd css={styles.value} alignItems={isInline && size === '3xl' ? 'flex-end' : undefined}>\n        {value}\n        {isInline ? (\n          <chakra.span display=\"inline-flex\" gap=\"4\" alignItems=\"center\" css={INLINE_TREND_STYLES[size]}>\n            {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n            {!!trendText && (\n              <chakra.span color={trend.textColor} textStyle=\"body/md/regular\">\n                {trendText}\n              </chakra.span>\n            )}\n          </chakra.span>\n        ) : (\n          !!TrendIcon && <TrendIcon size={BELOW_ICON_SIZES[size]} color={trend.iconColor} />\n        )}\n      </chakra.dd>\n\n      {showHelpText && (\n        <chakra.dd css={styles.helpText}>\n          {!isInline && !!trendText && <chakra.span color={trend.textColor}>{trendText}</chakra.span>}\n          {!!subtext && <chakra.span color=\"text/tertiary\">{subtext}</chakra.span>}\n        </chakra.dd>\n      )}\n    </chakra.dl>\n  );\n});\n\nBitkitStat.displayName = 'BitkitStat';\n\nexport default BitkitStat;\n"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -19,6 +19,7 @@ export { default as BitkitDialog, type BitkitDialogProps } from './BitkitDialog/
 export { default as BitkitDialogBody, type BitkitDialogBodyProps } from './BitkitDialog/BitkitDialogBody';
 export { default as BitkitDialogContent, type BitkitDialogContentProps } from './BitkitDialog/BitkitDialogContent';
 export { default as BitkitDialogRoot, type BitkitDialogRootProps } from './BitkitDialog/BitkitDialogRoot';
+export { default as BitkitDraggableCard, type BitkitDraggableCardProps, } from './BitkitDraggableCard/BitkitDraggableCard';
 export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './BitkitEmptyState/BitkitEmptyState';
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
@@ -28,6 +29,7 @@ export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './B
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
 export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
+export { default as BitkitLabeledData, type BitkitLabeledDataProps } from './BitkitLabeledData/BitkitLabeledData';
 export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
@@ -49,6 +51,7 @@ export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/
 export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type BitkitSelectableTagProps, } from './BitkitSelectableTag/BitkitSelectableTag';
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
 export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
+export { default as BitkitStat, type BitkitStatProps, type TrendColor, type TrendDirection, type TrendTextPlacement, } from './BitkitStat/BitkitStat';
 export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
 export { default as BitkitTagsInput, type BitkitTagsInputProps } from './BitkitTagsInput/BitkitTagsInput';

package/dist/icons/IconDragHandle.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '@chakra-ui/react/icon';
+export interface IconDragHandleProps extends IconProps {
+    size?: '16' | '24';
+}
+declare const IconDragHandle: import('react').ForwardRefExoticComponent<IconDragHandleProps> & {
+    __bitkitIcon: true;
+};
+export default IconDragHandle;

package/dist/icons/IconDragHandle.js

@@ -0,0 +1,97 @@
+import { bitkitIcon } from "./bitkitIcon.js";
+import { Icon } from "@chakra-ui/react/icon";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/icons/IconDragHandle.tsx
+var IconDragHandle = bitkitIcon(function IconDragHandle({ size = "24", ...props }, ref) {
+	if (size === "16") return /* @__PURE__ */ jsx(Icon, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsxs("svg", {
+			width: "16",
+			height: "16",
+			viewBox: "0 0 16 16",
+			fill: "currentColor",
+			children: [
+				/* @__PURE__ */ jsx("circle", {
+					cx: "6",
+					cy: "4",
+					r: "1"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "10",
+					cy: "4",
+					r: "1"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "6",
+					cy: "8",
+					r: "1"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "10",
+					cy: "8",
+					r: "1"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "6",
+					cy: "12",
+					r: "1"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "10",
+					cy: "12",
+					r: "1"
+				})
+			]
+		})
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsxs("svg", {
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "currentColor",
+			children: [
+				/* @__PURE__ */ jsx("circle", {
+					cx: "9",
+					cy: "6",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "15",
+					cy: "6",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "9",
+					cy: "12",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "15",
+					cy: "12",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "9",
+					cy: "18",
+					r: "1.5"
+				}),
+				/* @__PURE__ */ jsx("circle", {
+					cx: "15",
+					cy: "18",
+					r: "1.5"
+				})
+			]
+		})
+	});
+});
+IconDragHandle.displayName = "IconDragHandle";
+//#endregion
+export { IconDragHandle as default };
+
+//# sourceMappingURL=IconDragHandle.js.map

package/dist/icons/IconDragHandle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDragHandle.js","names":[],"sources":["../../lib/icons/IconDragHandle.tsx"],"sourcesContent":["// @generate:skip\n// This file is manually maintained — the drag handle icon has no Figma source.\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconDragHandleProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconDragHandle = bitkitIcon(function IconDragHandle(\n  { size = '24', ...props }: IconDragHandleProps,\n  ref: Ref<SVGSVGElement>,\n) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\">\n          <circle cx=\"6\" cy=\"4\" r=\"1\" />\n          <circle cx=\"10\" cy=\"4\" r=\"1\" />\n          <circle cx=\"6\" cy=\"8\" r=\"1\" />\n          <circle cx=\"10\" cy=\"8\" r=\"1\" />\n          <circle cx=\"6\" cy=\"12\" r=\"1\" />\n          <circle cx=\"10\" cy=\"12\" r=\"1\" />\n        </svg>\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n        <circle cx=\"9\" cy=\"6\" r=\"1.5\" />\n        <circle cx=\"15\" cy=\"6\" r=\"1.5\" />\n        <circle cx=\"9\" cy=\"12\" r=\"1.5\" />\n        <circle cx=\"15\" cy=\"12\" r=\"1.5\" />\n        <circle cx=\"9\" cy=\"18\" r=\"1.5\" />\n        <circle cx=\"15\" cy=\"18\" r=\"1.5\" />\n      </svg>\n    </Icon>\n  );\n});\n\nIconDragHandle.displayName = 'IconDragHandle';\n\nexport default IconDragHandle;\n"],"mappings":";;;;AAYA,IAAM,iBAAiB,WAAW,SAAS,eACzC,EAAE,OAAO,MAAM,GAAG,SAClB,KACA;AACA,KAAI,SAAS,KACX,QACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;YAC1B,qBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;aAArD;IACE,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAI,GAAE;KAAM,CAAA;IAC9B,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAI,GAAE;KAAM,CAAA;IAC/B,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAI,GAAE;KAAM,CAAA;IAC9B,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAI,GAAE;KAAM,CAAA;IAC/B,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;KAAM,CAAA;IAC/B,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAM,CAAA;IAC5B;;EACD,CAAA;AAIX,QACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;YAC1B,qBAAC,OAAD;GAAK,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;aAArD;IACE,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAI,GAAE;KAAQ,CAAA;IAChC,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAI,GAAE;KAAQ,CAAA;IACjC,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;KAAQ,CAAA;IACjC,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAQ,CAAA;IAClC,oBAAC,UAAD;KAAQ,IAAG;KAAI,IAAG;KAAK,GAAE;KAAQ,CAAA;IACjC,oBAAC,UAAD;KAAQ,IAAG;KAAK,IAAG;KAAK,GAAE;KAAQ,CAAA;IAC9B;;EACD,CAAA;EAET;AAEF,eAAe,cAAc"}

package/dist/icons/index.d.ts

@@ -118,6 +118,7 @@ export { default as IconDotnetText, type IconDotnetTextProps } from './IconDotne
 export { default as IconDotnetTextColor, type IconDotnetTextColorProps } from './IconDotnetTextColor';
 export { default as IconDoubleCircle, type IconDoubleCircleProps } from './IconDoubleCircle';
 export { default as IconDownload, type IconDownloadProps } from './IconDownload';
+export { default as IconDragHandle, type IconDragHandleProps } from './IconDragHandle';
 export { default as IconEc2Ami, type IconEc2AmiProps } from './IconEc2Ami';
 export { default as IconEnterprise, type IconEnterpriseProps } from './IconEnterprise';
 export { default as IconErrorCircle, type IconErrorCircleProps } from './IconErrorCircle';