@luxfi/ui 6.1.2 → 7.0.0

package/dist/bank.cjs

@@ -0,0 +1,272 @@
+"use client";
+'use strict';
+
+var core = require('@hanzogui/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var bankColors = {
+  bg: "#000000",
+  card: "#111111",
+  cardBorder: "#222222",
+  input: "#1A1A1A",
+  inputBorder: "#333333",
+  inputFocus: "#555555",
+  inputPlaceholder: "#666666",
+  text: "#FFFFFF",
+  textMuted: "#888888",
+  textLabel: "#CCCCCC",
+  accent: "#FFFFFF",
+  accentPress: "#E0E0E0",
+  accentHover: "#F0F0F0",
+  error: "#FF4444",
+  errorBg: "#1C0A0A",
+  errorBorder: "#441111",
+  success: "#44FF44",
+  successBg: "#0A1C0A",
+  successBorder: "#114411",
+  divider: "#222222",
+  disabled: "#444444"
+};
+var BankCard = core.styled(core.View, {
+  name: "BankCard",
+  backgroundColor: bankColors.card,
+  borderRadius: 24,
+  borderWidth: 1,
+  borderColor: bankColors.cardBorder,
+  padding: 32,
+  gap: 32,
+  width: "100%",
+  maxWidth: 512,
+  variants: {
+    size: {
+      sm: { padding: 24, gap: 24, maxWidth: 448 },
+      md: { padding: 32, gap: 32, maxWidth: 512 },
+      lg: { padding: 40, gap: 40, maxWidth: 640 }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var BankInput = core.styled(core.Text, {
+  name: "BankInput",
+  render: "input",
+  backgroundColor: bankColors.input,
+  color: bankColors.text,
+  borderWidth: 1,
+  borderColor: bankColors.inputBorder,
+  borderRadius: 12,
+  paddingHorizontal: 16,
+  paddingVertical: 14,
+  fontSize: 16,
+  lineHeight: 24,
+  outlineStyle: "none",
+  width: "100%",
+  hoverStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  focusStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  variants: {
+    invalid: {
+      true: {
+        borderColor: bankColors.error
+      }
+    },
+    size: {
+      sm: { paddingVertical: 10, fontSize: 14 },
+      md: { paddingVertical: 14, fontSize: 16 },
+      lg: { paddingVertical: 18, fontSize: 18 }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var BankButton = core.styled(core.View, {
+  name: "BankButton",
+  render: "button",
+  backgroundColor: bankColors.accent,
+  borderRadius: 16,
+  height: 56,
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  width: "100%",
+  userSelect: "none",
+  borderWidth: 0,
+  pressStyle: {
+    backgroundColor: bankColors.accentPress,
+    scale: 0.98
+  },
+  hoverStyle: {
+    backgroundColor: bankColors.accentHover
+  },
+  variants: {
+    variant: {
+      primary: {
+        backgroundColor: bankColors.accent
+      },
+      secondary: {
+        backgroundColor: bankColors.cardBorder
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: bankColors.cardBorder
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.3,
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var BankButtonText = core.styled(core.Text, {
+  name: "BankButtonText",
+  color: "#000000",
+  fontSize: 16,
+  fontWeight: "700",
+  textAlign: "center",
+  variants: {
+    variant: {
+      primary: { color: "#000000" },
+      secondary: { color: bankColors.text },
+      ghost: { color: bankColors.text }
+    }
+  }
+});
+var BankHeading = core.styled(core.Text, {
+  name: "BankHeading",
+  color: bankColors.text,
+  fontWeight: "700",
+  variants: {
+    size: {
+      xs: { fontSize: 18, lineHeight: 24 },
+      sm: { fontSize: 24, lineHeight: 32 },
+      md: { fontSize: 30, lineHeight: 38 },
+      lg: { fontSize: 36, lineHeight: 44 },
+      xl: { fontSize: 48, lineHeight: 56 }
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+var BankText = core.styled(core.Text, {
+  name: "BankText",
+  color: bankColors.textMuted,
+  fontSize: 16,
+  lineHeight: 24,
+  variants: {
+    variant: {
+      default: { color: bankColors.textMuted },
+      label: { color: bankColors.textLabel, fontSize: 14, fontWeight: "500" },
+      error: { color: bankColors.error, fontSize: 13 },
+      success: { color: bankColors.success, fontSize: 13 },
+      link: { color: bankColors.text, fontWeight: "600", cursor: "pointer" },
+      muted: { color: bankColors.disabled }
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function BankField({
+  label,
+  error,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.View, { gap: 8, width: "100%", children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(BankText, { variant: "label", children: label }),
+    children,
+    error && /* @__PURE__ */ jsxRuntime.jsx(BankText, { variant: "error", children: error })
+  ] });
+}
+var BankAlert = core.styled(core.View, {
+  name: "BankAlert",
+  borderRadius: 12,
+  padding: 16,
+  borderWidth: 1,
+  gap: 4,
+  variants: {
+    status: {
+      error: {
+        backgroundColor: bankColors.errorBg,
+        borderColor: bankColors.errorBorder
+      },
+      success: {
+        backgroundColor: bankColors.successBg,
+        borderColor: bankColors.successBorder
+      }
+    }
+  }
+});
+var BankAlertText = core.styled(core.Text, {
+  name: "BankAlertText",
+  fontSize: 14,
+  variants: {
+    status: {
+      error: { color: bankColors.error },
+      success: { color: bankColors.success }
+    }
+  }
+});
+var BankPinBox = core.styled(core.Text, {
+  name: "BankPinBox",
+  render: "input",
+  backgroundColor: bankColors.input,
+  color: bankColors.text,
+  borderWidth: 1,
+  borderColor: bankColors.inputBorder,
+  borderRadius: 12,
+  width: 48,
+  height: 48,
+  textAlign: "center",
+  fontSize: 20,
+  fontWeight: "600",
+  outlineStyle: "none",
+  focusStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  variants: {
+    invalid: {
+      true: { borderColor: bankColors.error }
+    }
+  }
+});
+var BankDivider = core.styled(core.View, {
+  name: "BankDivider",
+  height: 1,
+  width: "100%",
+  backgroundColor: bankColors.divider
+});
+var BankPage = core.styled(core.View, {
+  name: "BankPage",
+  backgroundColor: bankColors.bg,
+  minHeight: "100vh",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 16
+});
+
+exports.BankAlert = BankAlert;
+exports.BankAlertText = BankAlertText;
+exports.BankButton = BankButton;
+exports.BankButtonText = BankButtonText;
+exports.BankCard = BankCard;
+exports.BankDivider = BankDivider;
+exports.BankField = BankField;
+exports.BankHeading = BankHeading;
+exports.BankInput = BankInput;
+exports.BankPage = BankPage;
+exports.BankPinBox = BankPinBox;
+exports.BankText = BankText;
+exports.bankColors = bankColors;

package/dist/bank.d.cts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _hanzogui_core from '@hanzogui/core';
+import { GetProps } from '@hanzogui/core';
+import React__default from 'react';
+
+declare const bankColors: {
+    readonly bg: "#000000";
+    readonly card: "#111111";
+    readonly cardBorder: "#222222";
+    readonly input: "#1A1A1A";
+    readonly inputBorder: "#333333";
+    readonly inputFocus: "#555555";
+    readonly inputPlaceholder: "#666666";
+    readonly text: "#FFFFFF";
+    readonly textMuted: "#888888";
+    readonly textLabel: "#CCCCCC";
+    readonly accent: "#FFFFFF";
+    readonly accentPress: "#E0E0E0";
+    readonly accentHover: "#F0F0F0";
+    readonly error: "#FF4444";
+    readonly errorBg: "#1C0A0A";
+    readonly errorBorder: "#441111";
+    readonly success: "#44FF44";
+    readonly successBg: "#0A1C0A";
+    readonly successBorder: "#114411";
+    readonly divider: "#222222";
+    readonly disabled: "#444444";
+};
+declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankCardProps = GetProps<typeof BankCard>;
+declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankInputProps = GetProps<typeof BankInput> & {
+    placeholderTextColor?: string;
+};
+declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+    disabled?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankButtonProps = GetProps<typeof BankButton>;
+declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankHeadingProps = GetProps<typeof BankHeading>;
+declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankTextProps = GetProps<typeof BankText>;
+declare function BankField({ label, error, children, }: {
+    label?: string;
+    error?: string;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankAlertProps = GetProps<typeof BankAlert>;
+declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    invalid?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankPinBoxProps = GetProps<typeof BankPinBox>;
+declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+type BankPageProps = GetProps<typeof BankPage>;
+
+export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/bank.d.ts

@@ -0,0 +1,76 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _hanzogui_core from '@hanzogui/core';
+import { GetProps } from '@hanzogui/core';
+import React__default from 'react';
+
+declare const bankColors: {
+    readonly bg: "#000000";
+    readonly card: "#111111";
+    readonly cardBorder: "#222222";
+    readonly input: "#1A1A1A";
+    readonly inputBorder: "#333333";
+    readonly inputFocus: "#555555";
+    readonly inputPlaceholder: "#666666";
+    readonly text: "#FFFFFF";
+    readonly textMuted: "#888888";
+    readonly textLabel: "#CCCCCC";
+    readonly accent: "#FFFFFF";
+    readonly accentPress: "#E0E0E0";
+    readonly accentHover: "#F0F0F0";
+    readonly error: "#FF4444";
+    readonly errorBg: "#1C0A0A";
+    readonly errorBorder: "#441111";
+    readonly success: "#44FF44";
+    readonly successBg: "#0A1C0A";
+    readonly successBorder: "#114411";
+    readonly divider: "#222222";
+    readonly disabled: "#444444";
+};
+declare const BankCard: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankCardProps = GetProps<typeof BankCard>;
+declare const BankInput: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | undefined;
+    invalid?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankInputProps = GetProps<typeof BankInput> & {
+    placeholderTextColor?: string;
+};
+declare const BankButton: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+    disabled?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+declare const BankButtonText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    variant?: "primary" | "secondary" | "ghost" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankButtonProps = GetProps<typeof BankButton>;
+declare const BankHeading: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankHeadingProps = GetProps<typeof BankHeading>;
+declare const BankText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    variant?: "label" | "link" | "default" | "error" | "success" | "muted" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankTextProps = GetProps<typeof BankText>;
+declare function BankField({ label, error, children, }: {
+    label?: string;
+    error?: string;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const BankAlert: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+declare const BankAlertText: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    status?: "error" | "success" | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankAlertProps = GetProps<typeof BankAlert>;
+declare const BankPinBox: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiTextElement, _hanzogui_core.RNGuiTextNonStyleProps, _hanzogui_core.TextStylePropsBase, {
+    invalid?: boolean | undefined;
+}, _hanzogui_core.StaticConfigPublic>;
+type BankPinBoxProps = GetProps<typeof BankPinBox>;
+declare const BankDivider: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+declare const BankPage: _hanzogui_core.GuiComponent<_hanzogui_core.TamaDefer, _hanzogui_core.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_core.StackStyleBase, {}, _hanzogui_core.StaticConfigPublic>;
+type BankPageProps = GetProps<typeof BankPage>;
+
+export { BankAlert, type BankAlertProps, BankAlertText, BankButton, type BankButtonProps, BankButtonText, BankCard, type BankCardProps, BankDivider, BankField, BankHeading, type BankHeadingProps, BankInput, type BankInputProps, BankPage, type BankPageProps, BankPinBox, type BankPinBoxProps, BankText, type BankTextProps, bankColors };

package/dist/bank.js

@@ -0,0 +1,258 @@
+"use client";
+import { styled, View, Text } from '@hanzogui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var bankColors = {
+  bg: "#000000",
+  card: "#111111",
+  cardBorder: "#222222",
+  input: "#1A1A1A",
+  inputBorder: "#333333",
+  inputFocus: "#555555",
+  inputPlaceholder: "#666666",
+  text: "#FFFFFF",
+  textMuted: "#888888",
+  textLabel: "#CCCCCC",
+  accent: "#FFFFFF",
+  accentPress: "#E0E0E0",
+  accentHover: "#F0F0F0",
+  error: "#FF4444",
+  errorBg: "#1C0A0A",
+  errorBorder: "#441111",
+  success: "#44FF44",
+  successBg: "#0A1C0A",
+  successBorder: "#114411",
+  divider: "#222222",
+  disabled: "#444444"
+};
+var BankCard = styled(View, {
+  name: "BankCard",
+  backgroundColor: bankColors.card,
+  borderRadius: 24,
+  borderWidth: 1,
+  borderColor: bankColors.cardBorder,
+  padding: 32,
+  gap: 32,
+  width: "100%",
+  maxWidth: 512,
+  variants: {
+    size: {
+      sm: { padding: 24, gap: 24, maxWidth: 448 },
+      md: { padding: 32, gap: 32, maxWidth: 512 },
+      lg: { padding: 40, gap: 40, maxWidth: 640 }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var BankInput = styled(Text, {
+  name: "BankInput",
+  render: "input",
+  backgroundColor: bankColors.input,
+  color: bankColors.text,
+  borderWidth: 1,
+  borderColor: bankColors.inputBorder,
+  borderRadius: 12,
+  paddingHorizontal: 16,
+  paddingVertical: 14,
+  fontSize: 16,
+  lineHeight: 24,
+  outlineStyle: "none",
+  width: "100%",
+  hoverStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  focusStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  variants: {
+    invalid: {
+      true: {
+        borderColor: bankColors.error
+      }
+    },
+    size: {
+      sm: { paddingVertical: 10, fontSize: 14 },
+      md: { paddingVertical: 14, fontSize: 16 },
+      lg: { paddingVertical: 18, fontSize: 18 }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var BankButton = styled(View, {
+  name: "BankButton",
+  render: "button",
+  backgroundColor: bankColors.accent,
+  borderRadius: 16,
+  height: 56,
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "pointer",
+  width: "100%",
+  userSelect: "none",
+  borderWidth: 0,
+  pressStyle: {
+    backgroundColor: bankColors.accentPress,
+    scale: 0.98
+  },
+  hoverStyle: {
+    backgroundColor: bankColors.accentHover
+  },
+  variants: {
+    variant: {
+      primary: {
+        backgroundColor: bankColors.accent
+      },
+      secondary: {
+        backgroundColor: bankColors.cardBorder
+      },
+      ghost: {
+        backgroundColor: "transparent",
+        borderWidth: 1,
+        borderColor: bankColors.cardBorder
+      }
+    },
+    disabled: {
+      true: {
+        opacity: 0.3,
+        cursor: "not-allowed",
+        pointerEvents: "none"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var BankButtonText = styled(Text, {
+  name: "BankButtonText",
+  color: "#000000",
+  fontSize: 16,
+  fontWeight: "700",
+  textAlign: "center",
+  variants: {
+    variant: {
+      primary: { color: "#000000" },
+      secondary: { color: bankColors.text },
+      ghost: { color: bankColors.text }
+    }
+  }
+});
+var BankHeading = styled(Text, {
+  name: "BankHeading",
+  color: bankColors.text,
+  fontWeight: "700",
+  variants: {
+    size: {
+      xs: { fontSize: 18, lineHeight: 24 },
+      sm: { fontSize: 24, lineHeight: 32 },
+      md: { fontSize: 30, lineHeight: 38 },
+      lg: { fontSize: 36, lineHeight: 44 },
+      xl: { fontSize: 48, lineHeight: 56 }
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+var BankText = styled(Text, {
+  name: "BankText",
+  color: bankColors.textMuted,
+  fontSize: 16,
+  lineHeight: 24,
+  variants: {
+    variant: {
+      default: { color: bankColors.textMuted },
+      label: { color: bankColors.textLabel, fontSize: 14, fontWeight: "500" },
+      error: { color: bankColors.error, fontSize: 13 },
+      success: { color: bankColors.success, fontSize: 13 },
+      link: { color: bankColors.text, fontWeight: "600", cursor: "pointer" },
+      muted: { color: bankColors.disabled }
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function BankField({
+  label,
+  error,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(View, { gap: 8, width: "100%", children: [
+    label && /* @__PURE__ */ jsx(BankText, { variant: "label", children: label }),
+    children,
+    error && /* @__PURE__ */ jsx(BankText, { variant: "error", children: error })
+  ] });
+}
+var BankAlert = styled(View, {
+  name: "BankAlert",
+  borderRadius: 12,
+  padding: 16,
+  borderWidth: 1,
+  gap: 4,
+  variants: {
+    status: {
+      error: {
+        backgroundColor: bankColors.errorBg,
+        borderColor: bankColors.errorBorder
+      },
+      success: {
+        backgroundColor: bankColors.successBg,
+        borderColor: bankColors.successBorder
+      }
+    }
+  }
+});
+var BankAlertText = styled(Text, {
+  name: "BankAlertText",
+  fontSize: 14,
+  variants: {
+    status: {
+      error: { color: bankColors.error },
+      success: { color: bankColors.success }
+    }
+  }
+});
+var BankPinBox = styled(Text, {
+  name: "BankPinBox",
+  render: "input",
+  backgroundColor: bankColors.input,
+  color: bankColors.text,
+  borderWidth: 1,
+  borderColor: bankColors.inputBorder,
+  borderRadius: 12,
+  width: 48,
+  height: 48,
+  textAlign: "center",
+  fontSize: 20,
+  fontWeight: "600",
+  outlineStyle: "none",
+  focusStyle: {
+    borderColor: bankColors.inputFocus
+  },
+  variants: {
+    invalid: {
+      true: { borderColor: bankColors.error }
+    }
+  }
+});
+var BankDivider = styled(View, {
+  name: "BankDivider",
+  height: 1,
+  width: "100%",
+  backgroundColor: bankColors.divider
+});
+var BankPage = styled(View, {
+  name: "BankPage",
+  backgroundColor: bankColors.bg,
+  minHeight: "100vh",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: 16
+});
+
+export { BankAlert, BankAlertText, BankButton, BankButtonText, BankCard, BankDivider, BankField, BankHeading, BankInput, BankPage, BankPinBox, BankText, bankColors };