@stisocial/ui 0.0.0-stage → 0.1.0

package/dist/components/BackLink/BackLink.css

@@ -0,0 +1,123 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-BackLink-root-66bcb {
+    --sti-back-link-fg: var(--sti-fg-muted);
+    --sti-back-link-fg-hover: var(--sti-fg);
+    --sti-back-link-gap: .3em;
+    --sti-back-link-shift: var(--sti-space-1);
+    --sti-back-link-dir: 1;
+    --sti-back-link-x: 0px;
+    border-radius: var(--sti-radius-xs);
+    max-width: 100%;
+    color: var(--sti-back-link-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-md);
+    text-align: start;
+    overflow-wrap: anywhere;
+    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    transition: color var(--sti-duration-fast) var(--sti-ease-snap);
+    background: none;
+    border: 0;
+    margin: 0;
+    padding: 0;
+    text-decoration: none;
+    display: inline-block;
+  }
+
+  .sti-BackLink-root-66bcb:visited {
+    color: var(--sti-back-link-fg);
+  }
+
+  .sti-BackLink-root-66bcb:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    --sti-back-link-dir: -1;
+  }
+
+  .sti-BackLink-root-66bcb[data-size="sm"] {
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-BackLink-root-66bcb[data-size="lg"] {
+    font-size: var(--sti-font-size-lg);
+    line-height: var(--sti-line-height-lg);
+  }
+
+  @media (pointer: coarse) {
+    .sti-BackLink-root-66bcb {
+      padding-block: max(0px, calc((var(--sti-control-h-md) - 1lh) / 2));
+    }
+  }
+
+  .sti-BackLink-head-344c3 {
+    white-space: nowrap;
+  }
+
+  .sti-BackLink-arrow-1c11a {
+    vertical-align: -.05em;
+    transform: translateX(calc(var(--sti-back-link-x) * var(--sti-back-link-dir)))
+      scaleX(var(--sti-back-link-dir));
+    transition: transform var(--sti-duration-base) var(--sti-ease-out);
+    margin-inline-end: var(--sti-back-link-gap);
+    font-size: 1.125em;
+    line-height: 1;
+    display: inline-block;
+  }
+
+  .sti-BackLink-label-c2d15 {
+    text-underline-offset: .18em;
+    transition: text-decoration-color var(--sti-duration-fast) var(--sti-ease-snap);
+    text-decoration-line: underline;
+    text-decoration-color: #0000;
+    text-decoration-thickness: from-font;
+  }
+
+  @media (hover: hover) {
+    .sti-BackLink-root-66bcb[data-hovered]:not([data-disabled]) {
+      --sti-back-link-x: calc(var(--sti-back-link-shift) * -1);
+      color: var(--sti-back-link-fg-hover);
+    }
+
+    .sti-BackLink-root-66bcb[data-hovered]:not([data-disabled]) .sti-BackLink-label-c2d15 {
+      text-decoration-color: currentColor;
+    }
+  }
+
+  .sti-BackLink-root-66bcb:focus-visible, .sti-BackLink-root-66bcb[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-BackLink-root-66bcb:focus:not([data-focus-visible]) {
+    outline: none;
+  }
+
+  .sti-BackLink-root-66bcb[data-disabled] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-BackLink-root-66bcb, .sti-BackLink-label-c2d15 {
+      transition: none;
+    }
+
+    .sti-BackLink-arrow-1c11a {
+      transform: scaleX(var(--sti-back-link-dir));
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-BackLink-root-66bcb {
+      color: linktext;
+    }
+
+    .sti-BackLink-root-66bcb[data-disabled] {
+      color: graytext;
+      opacity: 1;
+    }
+  }
+}

package/dist/components/BackLink/BackLink.d.ts

@@ -0,0 +1,38 @@
+import { ReactNode, Ref } from "react";
+export type BackLinkSize = "sm" | "md" | "lg";
+interface BackLinkBaseProps {
+  /**
+   * Etiket; varsayılan "Geri". Gidilecek yer belliyse adı yazılır ("Projelere dön"): ekran okuyucu
+   * kullanıcısı nereye döneceğini bilir.
+   */
+  children?: ReactNode;
+  /** Yazı boyu: `sm` 14, `md` 16, `lg` 20 piksel. */
+  size?: BackLinkSize;
+  isDisabled?: boolean;
+  "aria-describedby"?: string;
+  className?: string;
+  id?: string;
+}
+export interface BackLinkHrefProps extends BackLinkBaseProps {
+  /** Üst sayfanın adresi (tercih edilen biçim: yeni sekmede açılabilir, paylaşılabilir). */
+  href: string;
+  /** Gezinmeyle birlikte çalışacak iş (ör. ölçüm kaydı). */
+  onPress?: () => void;
+  ref?: Ref<HTMLAnchorElement>;
+}
+export interface BackLinkActionProps extends BackLinkBaseProps {
+  href?: undefined;
+  /**
+   * Geri dönme işi uygulamanındır (ör. `router.back()`, sihirbazda önceki adım). Adres olmadığı
+   * için düğme olarak çizilir.
+   */
+  onPress: () => void;
+  ref?: Ref<HTMLButtonElement>;
+}
+export type BackLinkProps = BackLinkHrefProps | BackLinkActionProps;
+/**
+ * Üst sayfaya ya da önceki adıma dönüş: "← Geri". Ok üzerine gelince geri yönde hafifçe kayar.
+ * Dokunmatikte basma alanı 44 pikseldir.
+ */
+export declare function BackLink(props: BackLinkProps): import("react").JSX.Element;
+export {};

package/dist/components/BackLink/BackLink.js

@@ -0,0 +1,49 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { ArrowLeftIcon } from "../../icons/generated/ArrowLeftIcon.js";
+import BackLink_module_default from "./BackLink.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Link } from "react-aria-components";
+// src/components/BackLink/BackLink.tsx
+/** Kelime birleştirici (U+2060): iki yanında satır kırılmaz. */
+const WORD_JOINER = String.fromCodePoint(8288);
+/**
+* Üst sayfaya ya da önceki adıma dönüş: "← Geri". Ok üzerine gelince geri yönde hafifçe kayar.
+* Dokunmatikte basma alanı 44 pikseldir.
+*/
+function BackLink(props) {
+	const messages = useMessages();
+	const { children, size = "md", isDisabled, className, id } = props;
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
+		className: BackLink_module_default.head,
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: BackLink_module_default.arrow,
+			children: /* @__PURE__ */ jsx(ArrowLeftIcon, {})
+		}), WORD_JOINER]
+	}), /* @__PURE__ */ jsx("span", {
+		className: BackLink_module_default.label,
+		children: children ?? messages.back
+	})] });
+	const shared = {
+		id,
+		className: [BackLink_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"aria-describedby": props["aria-describedby"],
+		isDisabled,
+		onPress: props.onPress
+	};
+	if (props.href !== void 0) return /* @__PURE__ */ jsx(Link, {
+		...shared,
+		ref: props.ref,
+		href: props.href,
+		children: content
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		...shared,
+		ref: props.ref,
+		type: "button",
+		children: content
+	});
+}
+export { BackLink };

package/dist/components/BackLink/BackLink.module.js

@@ -0,0 +1,9 @@
+import './BackLink.css';
+// src/components/BackLink/BackLink.module.css
+var BackLink_module_default = {
+	"root": "sti-BackLink-root-66bcb",
+	"head": "sti-BackLink-head-344c3",
+	"arrow": "sti-BackLink-arrow-1c11a",
+	"label": "sti-BackLink-label-c2d15"
+};
+export { BackLink_module_default as default };

package/dist/components/BackLink/index.d.ts

@@ -0,0 +1,2 @@
+import { BackLink, BackLinkActionProps, BackLinkHrefProps, BackLinkProps, BackLinkSize } from "./BackLink.js";
+export { BackLink, BackLinkActionProps, BackLinkHrefProps, BackLinkProps, BackLinkSize };

package/dist/components/Badge/Badge.css

@@ -0,0 +1,165 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Badge-root-91d82 {
+    --sti-badge-h: var(--sti-space-6);
+    --sti-badge-px: var(--sti-space-2);
+    --sti-badge-gap: var(--sti-space-1);
+    --sti-badge-font-size: var(--sti-font-size-sm);
+    --sti-badge-line-height: var(--sti-line-height-sm);
+    --sti-badge-icon: var(--sti-icon-sm);
+    --sti-badge-dot: calc(var(--sti-space-1) + var(--sti-space-0-5));
+    --sti-badge-radius: var(--sti-radius-xs);
+    --sti-badge-bg: transparent;
+    --sti-badge-fg: var(--sti-fg);
+    --sti-badge-border: transparent;
+    --sti-badge-dot-color: currentColor;
+    align-items: flex-start;
+    gap: var(--sti-badge-gap);
+    box-sizing: border-box;
+    max-width: 100%;
+    min-height: var(--sti-badge-h);
+    padding-block: calc((var(--sti-badge-h) - var(--sti-badge-line-height)) /
+      2 -
+      var(--sti-border-width));
+    padding-inline: var(--sti-badge-px);
+    border: var(--sti-border-width) solid var(--sti-badge-border);
+    border-radius: var(--sti-badge-radius);
+    background: var(--sti-badge-bg);
+    color: var(--sti-badge-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-badge-font-size);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-badge-line-height);
+    letter-spacing: var(--sti-tracking-xs);
+    vertical-align: middle;
+    overflow-wrap: anywhere;
+    white-space: normal;
+    display: inline-flex;
+  }
+
+  .sti-Badge-root-91d82[data-size="sm"] {
+    --sti-badge-h: var(--sti-space-5);
+    --sti-badge-px: calc(var(--sti-space-1) + var(--sti-space-0-5));
+    --sti-badge-font-size: var(--sti-font-size-xs);
+    --sti-badge-line-height: var(--sti-line-height-xs);
+    --sti-badge-icon: var(--sti-font-size-xs);
+  }
+
+  .sti-Badge-root-91d82[data-count] {
+    --sti-badge-radius: var(--sti-radius-pill);
+    --sti-badge-px: calc(var(--sti-space-1) + var(--sti-space-0-5));
+    min-width: var(--sti-badge-h);
+    font-family: var(--sti-font-numeric);
+    font-weight: var(--sti-font-weight-semibold);
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+    justify-content: center;
+  }
+
+  .sti-Badge-root-91d82[data-count][data-size="sm"] {
+    --sti-badge-px: var(--sti-space-1);
+  }
+
+  .sti-Badge-root-91d82[data-tone="neutral"] {
+    --sti-badge-tone-subtle: var(--sti-bg-surface-active);
+    --sti-badge-tone-strong: var(--sti-fg);
+    --sti-badge-tone-fg: var(--sti-fg-muted);
+    --sti-badge-tone-fill: var(--sti-fill-neutral);
+    --sti-badge-tone-on: var(--sti-fg-on-neutral);
+    --sti-badge-tone-border: var(--sti-border-strong);
+  }
+
+  .sti-Badge-root-91d82[data-tone="accent"] {
+    --sti-badge-tone-subtle: var(--sti-bg-accent-subtle);
+    --sti-badge-tone-strong: var(--sti-fg-accent-strong);
+    --sti-badge-tone-fg: var(--sti-fg-accent);
+    --sti-badge-tone-fill: var(--sti-fill-accent);
+    --sti-badge-tone-on: var(--sti-fg-on-accent);
+    --sti-badge-tone-border: var(--sti-border-accent);
+  }
+
+  .sti-Badge-root-91d82[data-tone="success"] {
+    --sti-badge-tone-subtle: var(--sti-bg-success-subtle);
+    --sti-badge-tone-strong: var(--sti-fg-success-strong);
+    --sti-badge-tone-fg: var(--sti-fg-success);
+    --sti-badge-tone-fill: var(--sti-fill-success);
+    --sti-badge-tone-on: var(--sti-fg-on-success);
+    --sti-badge-tone-border: var(--sti-border-success);
+  }
+
+  .sti-Badge-root-91d82[data-tone="warning"] {
+    --sti-badge-tone-subtle: var(--sti-bg-warning-subtle);
+    --sti-badge-tone-strong: var(--sti-fg-warning-strong);
+    --sti-badge-tone-fg: var(--sti-fg-warning);
+    --sti-badge-tone-fill: var(--sti-fill-warning);
+    --sti-badge-tone-on: var(--sti-fg-on-warning);
+    --sti-badge-tone-border: var(--sti-border-warning);
+  }
+
+  .sti-Badge-root-91d82[data-tone="danger"] {
+    --sti-badge-tone-subtle: var(--sti-bg-danger-subtle);
+    --sti-badge-tone-strong: var(--sti-fg-danger-strong);
+    --sti-badge-tone-fg: var(--sti-fg-danger);
+    --sti-badge-tone-fill: var(--sti-fill-danger);
+    --sti-badge-tone-on: var(--sti-fg-on-danger);
+    --sti-badge-tone-border: var(--sti-border-danger);
+  }
+
+  .sti-Badge-root-91d82[data-tone="info"] {
+    --sti-badge-tone-subtle: var(--sti-bg-info-subtle);
+    --sti-badge-tone-strong: var(--sti-fg-info-strong);
+    --sti-badge-tone-fg: var(--sti-fg-info);
+    --sti-badge-tone-fill: var(--sti-fill-info);
+    --sti-badge-tone-on: var(--sti-fg-on-info);
+    --sti-badge-tone-border: var(--sti-border-info);
+  }
+
+  .sti-Badge-root-91d82[data-variant="soft"] {
+    --sti-badge-bg: var(--sti-badge-tone-subtle);
+    --sti-badge-fg: var(--sti-badge-tone-strong);
+    --sti-badge-dot-color: var(--sti-badge-tone-fg);
+  }
+
+  .sti-Badge-root-91d82[data-variant="solid"] {
+    --sti-badge-bg: var(--sti-badge-tone-fill);
+    --sti-badge-fg: var(--sti-badge-tone-on);
+    --sti-badge-dot-color: currentColor;
+  }
+
+  .sti-Badge-root-91d82[data-variant="outline"] {
+    --sti-badge-border: var(--sti-badge-tone-border);
+    --sti-badge-fg: var(--sti-badge-tone-fg);
+    --sti-badge-dot-color: var(--sti-badge-tone-fg);
+  }
+
+  .sti-Badge-dot-a715c {
+    width: var(--sti-badge-dot);
+    height: var(--sti-badge-dot);
+    margin-block: calc((var(--sti-badge-line-height) - var(--sti-badge-dot)) / 2);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-badge-dot-color);
+    flex: none;
+  }
+
+  .sti-Badge-icon-d786c {
+    height: var(--sti-badge-line-height);
+    font-size: var(--sti-badge-icon);
+    flex: none;
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .sti-Badge-label-c82e9 {
+    min-width: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-Badge-root-91d82 {
+      border-color: canvastext;
+    }
+
+    .sti-Badge-dot-a715c {
+      background: canvastext;
+    }
+  }
+}

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode } from "react";
+export type BadgeTone = "neutral" | "accent" | "success" | "warning" | "danger" | "info";
+export type BadgeVariant = "soft" | "solid" | "outline";
+export type BadgeSize = "sm" | "md";
+interface BadgeBaseProps {
+  /** Anlam rengi; anlamı her zaman etiketin metni taşır, renk yalnız pekiştirir. */
+  tone?: BadgeTone;
+  /**
+   * Görünüş türü:
+   * - `soft`: açık zemin, koyu yazı (varsayılan; tablolarda ve listelerde);
+   * - `solid`: dolgu zemin (dikkat çekmesi gereken tek durum);
+   * - `outline`: kenarlı, zeminsiz (yoğun ekranlarda en sakin tür).
+   */
+  variant?: BadgeVariant;
+  /** Boy: `sm` 20, `md` 24 piksel. */
+  size?: BadgeSize;
+  className?: string;
+  id?: string;
+}
+export interface BadgeLabelProps extends BadgeBaseProps {
+  /** Görünür etiket ("Etkin", "Ödendi"). */
+  children: ReactNode;
+  /** Etiketin önünde süs noktası. */
+  dot?: boolean;
+  /** Etiketin önünde süs ikonu (anlamı etiket taşır). */
+  icon?: ReactNode;
+  count?: undefined;
+  max?: undefined;
+  countLabel?: undefined;
+  showZero?: undefined;
+}
+export interface BadgeCountProps extends BadgeBaseProps {
+  /** Sayı rozeti: tam sayıya indirilir, eksi değer 0 sayılır. */
+  count: number;
+  /** Bu sayının üstü "99+" biçiminde yazılır. */
+  max?: number;
+  /** Ekran okuyucunun okuyacağı metin ("5 okunmamış bildirim"); verilmezse sayı okunur. */
+  countLabel?: string;
+  /** Sayı 0 iken de rozet çizilir (varsayılan: çizilmez). */
+  showZero?: boolean;
+  children?: undefined;
+  dot?: undefined;
+  icon?: undefined;
+}
+export type BadgeProps = BadgeLabelProps | BadgeCountProps;
+/** Sayı rozetinin görünür metni: `max` üstü "99+"; çizilmeyecekse `null`. */
+export declare function badgeCountText(count: number, max?: number, showZero?: boolean): string | null;
+/**
+ * Durum ya da sayı rozeti: küçük, etkileşimsiz etiket. Sunucu bileşenidir (yerleşik metin taşımaz;
+ * sayının ekran okuyucu metni `countLabel` ile verilir).
+ */
+export declare function Badge(props: BadgeProps): import("react").JSX.Element | null;
+export {};

package/dist/components/Badge/Badge.js

@@ -0,0 +1,57 @@
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import Badge_module_default from "./Badge.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/Badge/Badge.tsx
+/** Sayı rozetinin görünür metni: `max` üstü "99+"; çizilmeyecekse `null`. */
+function badgeCountText(count, max = 99, showZero = false) {
+	if (!Number.isFinite(count)) return null;
+	const n = Math.max(0, Math.floor(count));
+	const limit = Math.max(0, Math.floor(max));
+	if (n === 0 && !showZero) return null;
+	return n > limit ? `${limit}+` : String(n);
+}
+/**
+* Durum ya da sayı rozeti: küçük, etkileşimsiz etiket. Sunucu bileşenidir (yerleşik metin taşımaz;
+* sayının ekran okuyucu metni `countLabel` ile verilir).
+*/
+function Badge(props) {
+	const { tone = "neutral", variant = "soft", size = "md", className, id } = props;
+	const shared = {
+		id,
+		className: [Badge_module_default.root, className].filter(Boolean).join(" "),
+		"data-tone": tone,
+		"data-variant": variant,
+		"data-size": size
+	};
+	if (props.count !== void 0) {
+		const text = badgeCountText(props.count, props.max, props.showZero);
+		if (text === null) return null;
+		return /* @__PURE__ */ jsx("span", {
+			...shared,
+			"data-count": "",
+			children: props.countLabel ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: text
+			}), /* @__PURE__ */ jsx(VisuallyHidden, { children: props.countLabel })] }) : text
+		});
+	}
+	return /* @__PURE__ */ jsxs("span", {
+		...shared,
+		children: [
+			props.dot ? /* @__PURE__ */ jsx("span", {
+				className: Badge_module_default.dot,
+				"aria-hidden": "true"
+			}) : null,
+			props.icon ? /* @__PURE__ */ jsx("span", {
+				className: Badge_module_default.icon,
+				"aria-hidden": "true",
+				children: props.icon
+			}) : null,
+			/* @__PURE__ */ jsx("span", {
+				className: Badge_module_default.label,
+				children: props.children
+			})
+		]
+	});
+}
+export { Badge, badgeCountText };

package/dist/components/Badge/Badge.module.js

@@ -0,0 +1,9 @@
+import './Badge.css';
+// src/components/Badge/Badge.module.css
+var Badge_module_default = {
+	"root": "sti-Badge-root-91d82",
+	"dot": "sti-Badge-dot-a715c",
+	"icon": "sti-Badge-icon-d786c",
+	"label": "sti-Badge-label-c82e9"
+};
+export { Badge_module_default as default };

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+import { Badge, BadgeCountProps, BadgeLabelProps, BadgeProps, BadgeSize, BadgeTone, BadgeVariant, badgeCountText } from "./Badge.js";
+export { Badge, BadgeCountProps, BadgeLabelProps, BadgeProps, BadgeSize, BadgeTone, BadgeVariant, badgeCountText };

package/dist/components/BankSelect/BankSelect.d.ts

@@ -0,0 +1,17 @@
+import { ComboboxProps } from "../Combobox/Combobox.js";
+import { BankKind } from "./banks.js";
+import { ReactNode } from "react";
+export interface BankSelectProps extends Omit<ComboboxProps, "items" | "label" | "allowsCustomValue"> {
+  /** Görünür etiket; verilmezse "Banka". */
+  label?: ReactNode;
+  /** Listelenecek banka türleri; varsayılan hepsi. */
+  kinds?: readonly BankKind[];
+  /** Seçeneğin altında ticaret unvanını gösterir. Varsayılan açık. */
+  showLegalName?: boolean;
+}
+/**
+ * Banka seçimi: Türkiye bankaları türlerine göre gruplu (mevduat, katılım, kalkınma ve yatırım),
+ * Türkçe harf duyarsız aramayla ("is bankasi" İş Bankası'nı bulur). Değer beş haneli EFT kodudur
+ * ("00062"); IBAN'daki banka koduyla aynıdır.
+ */
+export declare function BankSelect({ label, kinds, showLegalName, ...rest }: BankSelectProps): import("react").JSX.Element;

package/dist/components/BankSelect/BankSelect.js

@@ -0,0 +1,46 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Combobox } from "../Combobox/Combobox.js";
+import { TR_BANKS } from "./banks.js";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+// src/components/BankSelect/BankSelect.tsx
+const ORDER = [
+	"deposit",
+	"participation",
+	"development"
+];
+/**
+* Banka seçimi: Türkiye bankaları türlerine göre gruplu (mevduat, katılım, kalkınma ve yatırım),
+* Türkçe harf duyarsız aramayla ("is bankasi" İş Bankası'nı bulur). Değer beş haneli EFT kodudur
+* ("00062"); IBAN'daki banka koduyla aynıdır.
+*/
+function BankSelect({ label, kinds = ORDER, showLegalName = true, ...rest }) {
+	const t = useMessages();
+	const items = useMemo(() => {
+		const titles = {
+			deposit: t.bankGroupDeposit,
+			participation: t.bankGroupParticipation,
+			development: t.bankGroupDevelopment
+		};
+		return ORDER.filter((k) => kinds.includes(k)).map((kind) => ({
+			id: kind,
+			title: titles[kind],
+			options: TR_BANKS.filter((b) => b.kind === kind).map((b) => ({
+				id: b.code,
+				label: b.label,
+				description: showLegalName ? b.name : void 0
+			}))
+		}));
+	}, [
+		kinds,
+		showLegalName,
+		t
+	]);
+	return /* @__PURE__ */ jsx(Combobox, {
+		...rest,
+		label: label ?? t.bankLabel,
+		items
+	});
+}
+export { BankSelect };

package/dist/components/BankSelect/banks.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Türkiye'de bireysel ve kurumsal hesap açan bankalar, EFT (banka) kodlarıyla. Kod, IBAN'ın 5–9.
+ * haneleridir ("TR33 0006 2…" → 00062). Liste BDDK'nın banka listesinden derlenmiştir; birleşme ya
+ * da yeni lisans olduğunda güncellenir. Listede olmayan kodda banka adı gösterilmez, IBAN yine
+ * geçerli sayılır.
+ */
+export type BankKind = "deposit" | "participation" | "development";
+export interface Bank {
+  /** Beş haneli EFT kodu. */
+  code: string;
+  /** Bilinen adı (arama ve gösterim). */
+  label: string;
+  /** Ticaret unvanı. */
+  name: string;
+  kind: BankKind;
+}
+export declare const TR_BANKS: readonly Bank[];
+/** EFT koduna göre banka; listede yoksa `undefined`. */
+export declare const bankByCode: (code: string | null | undefined) => Bank | undefined;