@stisocial/ui 0.1.0 → 0.2.0

package/dist/components/PageNumber/PageNumber.d.ts

@@ -0,0 +1,23 @@
+import { Locale } from "../../provider/locale.js";
+export interface PageNumberProps {
+  /** Bu sayfanın numarası (1'den başlar, tam sayı). */
+  page: number;
+  /** Toplam sayfa sayısı; verilirse "Sayfa 2 / 5", yoksa "Sayfa 2". */
+  total?: number;
+  /**
+   * Yazım:
+   * - `full`: "Sayfa 2 / 5" (varsayılan);
+   * - `compact`: "2 / 5"; ekran okuyucu yine "Sayfa 2 / 5" okur.
+   */
+  variant?: "full" | "compact";
+  /** Hizalama; sayfa altında genellikle `end`. */
+  align?: "start" | "center" | "end";
+  locale?: Locale;
+  className?: string;
+  id?: string;
+}
+/**
+ * Sayfa numarası. Sunucu bileşenidir; numaraları belgeyi sayfalara bölen uygulama verir
+ * (tarayıcı yazdırmada sayfa sayısı bilinmez). Rakamlar eşit genişliktedir.
+ */
+export declare function PageNumber({ page, total, variant, align, locale, className, id }: PageNumberProps): import("react").JSX.Element;

package/dist/components/PageNumber/PageNumber.js

@@ -0,0 +1,33 @@
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { documentText, fill } from "../_document/text.js";
+import PageNumber_module_default from "./PageNumber.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/PageNumber/PageNumber.tsx
+/**
+* Sayfa numarası. Sunucu bileşenidir; numaraları belgeyi sayfalara bölen uygulama verir
+* (tarayıcı yazdırmada sayfa sayısı bilinmez). Rakamlar eşit genişliktedir.
+*/
+function PageNumber({ page, total, variant = "full", align = "end", locale, className, id }) {
+	if (!Number.isInteger(page) || page < 1) throw new RangeError(`Sayfa numarası 1 ya da daha büyük bir tam sayı olmalı: ${page}`);
+	if (total !== void 0 && (!Number.isInteger(total) || total < page)) throw new RangeError(`Toplam sayfa sayısı sayfa numarasından küçük olamaz: ${total}`);
+	const t = documentText(locale);
+	const full = total === void 0 ? fill(t.documentPageOnly, { page }) : fill(t.documentPage, {
+		page,
+		total
+	});
+	const visible = variant === "compact" && total !== void 0 ? fill(t.documentPageCompact, {
+		page,
+		total
+	}) : full;
+	return /* @__PURE__ */ jsx("p", {
+		id,
+		className: [PageNumber_module_default.root, className].filter(Boolean).join(" "),
+		"data-align": align,
+		"data-sti-document-page": "",
+		children: visible === full ? full : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: visible
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: full })] })
+	});
+}
+export { PageNumber };

package/dist/components/PageNumber/PageNumber.module.js

@@ -0,0 +1,4 @@
+import './PageNumber.css';
+// src/components/PageNumber/PageNumber.module.css
+var PageNumber_module_default = { "root": "sti-PageNumber-root-1bcb7" };
+export { PageNumber_module_default as default };

package/dist/components/PaymentInfo/PaymentInfo.css

@@ -0,0 +1,116 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PaymentInfo-root-8d9ec {
+    --sti-payment-bg: var(--sti-bg-subtle);
+    --sti-payment-radius: var(--sti-radius-sm);
+    --sti-payment-padding: var(--sti-space-4);
+    --sti-payment-line: var(--sti-border-subtle);
+    --sti-payment-stack-below: calc(var(--sti-space-32) * 2.5);
+    gap: var(--sti-space-3);
+    min-inline-size: 0;
+    padding: var(--sti-payment-padding);
+    border: var(--sti-border-width) solid var(--sti-payment-line);
+    border-radius: var(--sti-payment-radius);
+    background: var(--sti-payment-bg);
+    color: var(--sti-fg);
+    font-size: var(--sti-document-font-size, var(--sti-font-size-md));
+    line-height: var(--sti-document-line-height, var(--sti-line-height-md));
+    flex-direction: column;
+    display: flex;
+  }
+
+  .sti-PaymentInfo-root-8d9ec[data-size="sm"] {
+    --sti-document-font-size: var(--sti-font-size-sm);
+    --sti-document-line-height: var(--sti-line-height-sm);
+    --sti-document-cell: var(--sti-space-1);
+    --sti-payment-padding: var(--sti-space-3);
+  }
+
+  .sti-PaymentInfo-root-8d9ec[data-size="lg"] {
+    --sti-document-font-size: var(--sti-font-size-body);
+    --sti-document-line-height: var(--sti-line-height-body);
+    --sti-document-cell: var(--sti-space-3);
+    --sti-payment-padding: var(--sti-space-6);
+  }
+
+  .sti-PaymentInfo-title-f82e8 {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-md);
+    margin: 0;
+  }
+
+  .sti-PaymentInfo-due-3fa50 {
+    justify-content: space-between;
+    align-items: baseline;
+    gap: 0 var(--sti-space-4);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-PaymentInfo-dueLabel-695a3 {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-PaymentInfo-dueValue-d43ba {
+    font-size: var(--sti-font-size-xl);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xl);
+    margin-inline-start: auto;
+  }
+
+  .sti-PaymentInfo-list-3bb9c {
+    margin: 0;
+    display: grid;
+  }
+
+  .sti-PaymentInfo-row-4eeba {
+    align-items: baseline;
+    gap: var(--sti-space-0-5) var(--sti-space-4);
+    padding-block: var(--sti-document-cell, var(--sti-space-2));
+    border-block-start: var(--sti-border-width) solid var(--sti-payment-line);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-PaymentInfo-label-b11ad {
+    flex: 1 1 calc((var(--sti-payment-stack-below) - 100%) * 999);
+    min-inline-size: 0;
+    color: var(--sti-fg-muted);
+    max-inline-size: 100%;
+    margin: 0;
+  }
+
+  .sti-PaymentInfo-value-27b65 {
+    flex: 2 1 calc((var(--sti-payment-stack-below) - 100%) * 999);
+    font-variant-numeric: tabular-nums;
+    overflow-wrap: anywhere;
+    min-inline-size: 0;
+    margin: 0;
+  }
+
+  .sti-PaymentInfo-note-b2e6b {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    margin: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-PaymentInfo-root-8d9ec {
+      border-color: canvastext;
+    }
+
+    .sti-PaymentInfo-row-4eeba {
+      border-color: graytext;
+    }
+  }
+
+  @media print {
+    .sti-PaymentInfo-root-8d9ec {
+      break-inside: avoid;
+      background: none;
+    }
+  }
+}

package/dist/components/PaymentInfo/PaymentInfo.d.ts

@@ -0,0 +1,41 @@
+import { Locale } from "../../provider/locale.js";
+import { DateValue } from "../DateTime/instant.js";
+import { DocumentSize } from "../_document/types.js";
+import { ReactNode } from "react";
+export interface PaymentInfoLabels {
+  title?: string;
+  bank?: string;
+  accountHolder?: string;
+  iban?: string;
+  dueDate?: string;
+  reference?: string;
+  amountDue?: string;
+}
+export interface PaymentInfoProps {
+  /** Alıcı hesabın IBAN'ı; gruplanarak yazılır, geçersizse girildiği gibi. Zorunludur. */
+  iban: string;
+  bank?: string;
+  accountHolder?: string;
+  /** Vade: takvim günü ("2026-12-15"), `Date` ya da an. */
+  dueDate?: DateValue;
+  /** Havale açıklaması: ödemenin eşleşmesi için yazılacak fatura ya da teklif numarası. */
+  reference?: string;
+  /** Ödenecek tutar; verilirse en üstte öne çıkarılır. */
+  amountDue?: number;
+  /** ISO 4217 para birimi; varsayılan "TRY". */
+  currency?: string;
+  /** Başlık düzeyi; varsayılan 3 (başlık görünür). */
+  titleLevel?: 2 | 3 | 4;
+  /** Başlığın altında serbest not ("Ödeme havale ile yapılır"). */
+  note?: ReactNode;
+  labels?: PaymentInfoLabels;
+  size?: DocumentSize;
+  locale?: Locale;
+  className?: string;
+  id?: string;
+}
+/**
+ * Ödeme bilgisi: banka, hesap sahibi, IBAN, vade ve açıklama. Yalnız gösterir; kart numarası ya da
+ * ödeme alan alanı yoktur (PCI kapsamı dışı). Sunucu bileşenidir.
+ */
+export declare function PaymentInfo({ iban, bank, accountHolder, dueDate, reference, amountDue, currency, titleLevel, note, labels, size, locale, className, id }: PaymentInfoProps): import("react").JSX.Element;

package/dist/components/PaymentInfo/PaymentInfo.js

@@ -0,0 +1,115 @@
+import { Amount } from "../Amount/Amount.js";
+import { DateTime } from "../DateTime/DateTime.js";
+import { IbanText } from "../IbanText/IbanText.js";
+import { documentText } from "../_document/text.js";
+import PaymentInfo_module_default from "./PaymentInfo.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+// src/components/PaymentInfo/PaymentInfo.tsx
+/**
+* Ödeme bilgisi: banka, hesap sahibi, IBAN, vade ve açıklama. Yalnız gösterir; kart numarası ya da
+* ödeme alan alanı yoktur (PCI kapsamı dışı). Sunucu bileşenidir.
+*/
+function PaymentInfo({ iban, bank, accountHolder, dueDate, reference, amountDue, currency = "TRY", titleLevel = 3, note, labels, size, locale, className, id }) {
+	const t = documentText(locale);
+	const titleId = useId();
+	const Heading = `h${titleLevel}`;
+	const text = {
+		title: labels?.title ?? t.documentPaymentTitle,
+		bank: labels?.bank ?? t.documentBank,
+		accountHolder: labels?.accountHolder ?? t.documentAccountHolder,
+		iban: labels?.iban ?? t.documentIban,
+		dueDate: labels?.dueDate ?? t.documentDueDate,
+		reference: labels?.reference ?? t.documentReference,
+		amountDue: labels?.amountDue ?? t.documentAmountDue
+	};
+	return /* @__PURE__ */ jsxs("section", {
+		id,
+		className: [PaymentInfo_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-sti-document-payment": "",
+		"aria-labelledby": titleId,
+		children: [
+			/* @__PURE__ */ jsx(Heading, {
+				id: titleId,
+				className: PaymentInfo_module_default.title,
+				children: text.title
+			}),
+			amountDue === void 0 ? null : /* @__PURE__ */ jsxs("p", {
+				className: PaymentInfo_module_default.due,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: PaymentInfo_module_default.dueLabel,
+					children: text.amountDue
+				}), /* @__PURE__ */ jsx(Amount, {
+					value: amountDue,
+					currency,
+					locale,
+					className: PaymentInfo_module_default.dueValue
+				})]
+			}),
+			/* @__PURE__ */ jsxs("dl", {
+				className: PaymentInfo_module_default.list,
+				children: [
+					bank ? /* @__PURE__ */ jsxs("div", {
+						className: PaymentInfo_module_default.row,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: PaymentInfo_module_default.label,
+							children: text.bank
+						}), /* @__PURE__ */ jsx("dd", {
+							className: PaymentInfo_module_default.value,
+							children: bank
+						})]
+					}) : null,
+					accountHolder ? /* @__PURE__ */ jsxs("div", {
+						className: PaymentInfo_module_default.row,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: PaymentInfo_module_default.label,
+							children: text.accountHolder
+						}), /* @__PURE__ */ jsx("dd", {
+							className: PaymentInfo_module_default.value,
+							children: accountHolder
+						})]
+					}) : null,
+					/* @__PURE__ */ jsxs("div", {
+						className: PaymentInfo_module_default.row,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: PaymentInfo_module_default.label,
+							children: text.iban
+						}), /* @__PURE__ */ jsx("dd", {
+							className: PaymentInfo_module_default.value,
+							children: /* @__PURE__ */ jsx(IbanText, { value: iban })
+						})]
+					}),
+					dueDate === void 0 ? null : /* @__PURE__ */ jsxs("div", {
+						className: PaymentInfo_module_default.row,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: PaymentInfo_module_default.label,
+							children: text.dueDate
+						}), /* @__PURE__ */ jsx("dd", {
+							className: PaymentInfo_module_default.value,
+							children: /* @__PURE__ */ jsx(DateTime, {
+								value: dueDate,
+								locale
+							})
+						})]
+					}),
+					reference ? /* @__PURE__ */ jsxs("div", {
+						className: PaymentInfo_module_default.row,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: PaymentInfo_module_default.label,
+							children: text.reference
+						}), /* @__PURE__ */ jsx("dd", {
+							className: PaymentInfo_module_default.value,
+							children: reference
+						})]
+					}) : null
+				]
+			}),
+			note ? /* @__PURE__ */ jsx("p", {
+				className: PaymentInfo_module_default.note,
+				children: note
+			}) : null
+		]
+	});
+}
+export { PaymentInfo };

package/dist/components/PaymentInfo/PaymentInfo.module.js

@@ -0,0 +1,15 @@
+import './PaymentInfo.css';
+// src/components/PaymentInfo/PaymentInfo.module.css
+var PaymentInfo_module_default = {
+	"root": "sti-PaymentInfo-root-8d9ec",
+	"title": "sti-PaymentInfo-title-f82e8",
+	"due": "sti-PaymentInfo-due-3fa50",
+	"dueLabel": "sti-PaymentInfo-dueLabel-695a3",
+	"dueValue": "sti-PaymentInfo-dueValue-d43ba",
+	"list": "sti-PaymentInfo-list-3bb9c",
+	"row": "sti-PaymentInfo-row-4eeba",
+	"label": "sti-PaymentInfo-label-b11ad",
+	"value": "sti-PaymentInfo-value-27b65",
+	"note": "sti-PaymentInfo-note-b2e6b"
+};
+export { PaymentInfo_module_default as default };

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

@@ -0,0 +1,2 @@
+import { PaymentInfo, PaymentInfoLabels, PaymentInfoProps } from "./PaymentInfo.js";
+export { PaymentInfo, PaymentInfoLabels, PaymentInfoProps };

package/dist/components/PersonItem/PersonItem.css

@@ -0,0 +1,112 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PersonItem-root-1dcc5 {
+    --sti-person-item-gap: var(--sti-space-3);
+    --sti-person-item-py: var(--sti-space-2);
+    --sti-person-item-px: var(--sti-space-2);
+    --sti-person-item-radius: var(--sti-radius-sm);
+    --sti-person-item-name-size: var(--sti-font-size-md);
+    --sti-person-item-name-leading: var(--sti-line-height-md);
+    --sti-person-item-desc-size: var(--sti-font-size-sm);
+    --sti-person-item-desc-leading: var(--sti-line-height-sm);
+    align-items: center;
+    column-gap: var(--sti-person-item-gap);
+    min-inline-size: 0;
+    padding-block: var(--sti-person-item-py);
+    padding-inline: var(--sti-person-item-px);
+    border-radius: var(--sti-person-item-radius);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    transition: background var(--sti-duration-fast) var(--sti-ease-snap);
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    display: grid;
+    position: relative;
+  }
+
+  .sti-PersonItem-root-1dcc5[data-size="sm"] {
+    --sti-person-item-py: var(--sti-space-1);
+    --sti-person-item-name-size: var(--sti-font-size-sm);
+    --sti-person-item-name-leading: var(--sti-line-height-sm);
+    --sti-person-item-desc-size: var(--sti-font-size-xs);
+    --sti-person-item-desc-leading: var(--sti-line-height-xs);
+  }
+
+  .sti-PersonItem-root-1dcc5[data-size="lg"] {
+    --sti-person-item-name-size: var(--sti-font-size-lg);
+    --sti-person-item-name-leading: var(--sti-line-height-lg);
+    --sti-person-item-desc-size: var(--sti-font-size-md);
+    --sti-person-item-desc-leading: var(--sti-line-height-md);
+  }
+
+  @media (hover: hover) {
+    .sti-PersonItem-root-1dcc5[data-interactive]:has(.sti-PersonItem-link-180c4[data-hovered]) {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  .sti-PersonItem-root-1dcc5[data-interactive]:has(.sti-PersonItem-link-180c4[data-pressed]) {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-PersonItem-text-ddfab {
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-PersonItem-name-70b2b {
+    min-inline-size: 0;
+    font-size: var(--sti-person-item-name-size);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-person-item-name-leading);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-PersonItem-description-9a929 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-person-item-desc-size);
+    line-height: var(--sti-person-item-desc-leading);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-PersonItem-link-180c4 {
+    color: inherit;
+    font-weight: inherit;
+  }
+
+  .sti-PersonItem-link-180c4:after {
+    content: "";
+    border-radius: var(--sti-person-item-radius);
+    position: absolute;
+    inset: 0;
+  }
+
+  .sti-PersonItem-link-180c4:focus-visible:after, .sti-PersonItem-link-180c4[data-focus-visible]:after {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  .sti-PersonItem-aside-8655f {
+    align-items: center;
+    gap: var(--sti-space-2);
+    min-inline-size: 0;
+    margin-inline-start: var(--sti-space-2);
+    display: inline-flex;
+    position: relative;
+  }
+
+  @media (pointer: coarse) {
+    .sti-PersonItem-root-1dcc5[data-interactive] {
+      min-block-size: var(--sti-control-h-md);
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-PersonItem-root-1dcc5[data-interactive] {
+      border: var(--sti-border-width) solid transparent;
+    }
+
+    .sti-PersonItem-root-1dcc5[data-interactive]:has(.sti-PersonItem-link-180c4[data-hovered]) {
+      border-color: highlight;
+    }
+  }
+}

package/dist/components/PersonItem/PersonItem.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode, Ref } from "react";
+export type PersonItemSize = "sm" | "md" | "lg";
+export interface PersonItemProps {
+  /** Kişinin adı (zorunlu): avatarın baş harflerinin kaynağı ve satırın başlığı. */
+  name: string;
+  /** Adın altında tek satır: unvan, e-posta, rol. */
+  description?: ReactNode;
+  /** Fotoğraf adresi; yoksa ya da yüklenemezse baş harfler. */
+  src?: string;
+  /** Avatar renginin anahtarı (ör. kişi kimliği). */
+  colorKey?: string;
+  /** Avatarın sağ alt köşesindeki durum yuvası (ör. `StatusDot`). */
+  status?: ReactNode;
+  /** Satırın sonunda durum, rozet ya da eylem. Bağlantı yüzeyinin üstünde kalır ve ayrıca çalışır. */
+  aside?: ReactNode;
+  /** Verilirse ad bir bağlantıdır ve satırın bütün yüzeyi bu bağlantıya tıklar. */
+  href?: string;
+  /** Boy: `sm` (32 piksel avatar), `md` (40), `lg` (48). */
+  size?: PersonItemSize;
+  /** Kök öğe: liste içinde `li`. */
+  as?: "div" | "li";
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLElement>;
+}
+/**
+ * Kişi satırı: avatar, ad, açıklama ve sonda yuva. Adı bir bağlantıysa bütün satır tıklanır;
+ * `aside` içindeki düğmeler ayrıca çalışır. Sunucu bileşenidir (avatar ve bağlantı istemci
+ * parçasıdır).
+ */
+export declare function PersonItem({ name, description, src, colorKey, status, aside, href, size, as: Tag, className, id, ref }: PersonItemProps): import("react").JSX.Element;

package/dist/components/PersonItem/PersonItem.js

@@ -0,0 +1,54 @@
+import { Link } from "../Link/Link.js";
+import { Avatar } from "../Avatar/Avatar.js";
+import PersonItem_module_default from "./PersonItem.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/PersonItem/PersonItem.tsx
+const AVATAR = {
+	sm: "sm",
+	md: "md",
+	lg: "lg"
+};
+/**
+* Kişi satırı: avatar, ad, açıklama ve sonda yuva. Adı bir bağlantıysa bütün satır tıklanır;
+* `aside` içindeki düğmeler ayrıca çalışır. Sunucu bileşenidir (avatar ve bağlantı istemci
+* parçasıdır).
+*/
+function PersonItem({ name, description, src, colorKey, status, aside, href, size = "md", as: Tag = "div", className, id, ref }) {
+	return /* @__PURE__ */ jsxs(Tag, {
+		id,
+		ref,
+		className: [PersonItem_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-interactive": href ? "" : void 0,
+		children: [
+			/* @__PURE__ */ jsx(Avatar, {
+				name,
+				src,
+				colorKey,
+				size: AVATAR[size],
+				status,
+				isDecorative: true
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: PersonItem_module_default.text,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: PersonItem_module_default.name,
+					children: href ? /* @__PURE__ */ jsx(Link, {
+						href,
+						variant: "subtle",
+						className: PersonItem_module_default.link,
+						children: name
+					}) : name
+				}), description ? /* @__PURE__ */ jsx("span", {
+					className: PersonItem_module_default.description,
+					children: description
+				}) : null]
+			}),
+			aside ? /* @__PURE__ */ jsx("span", {
+				className: PersonItem_module_default.aside,
+				children: aside
+			}) : null
+		]
+	});
+}
+export { PersonItem };

package/dist/components/PersonItem/PersonItem.module.js

@@ -0,0 +1,11 @@
+import './PersonItem.css';
+// src/components/PersonItem/PersonItem.module.css
+var PersonItem_module_default = {
+	"root": "sti-PersonItem-root-1dcc5",
+	"link": "sti-PersonItem-link-180c4",
+	"text": "sti-PersonItem-text-ddfab",
+	"name": "sti-PersonItem-name-70b2b",
+	"description": "sti-PersonItem-description-9a929",
+	"aside": "sti-PersonItem-aside-8655f"
+};
+export { PersonItem_module_default as default };

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

@@ -0,0 +1,2 @@
+import { PersonItem, PersonItemProps, PersonItemSize } from "./PersonItem.js";
+export { PersonItem, PersonItemProps, PersonItemSize };

package/dist/components/PhoneField/PhoneField.js

@@ -1,6 +1,6 @@
 "use client";
-import { useLocale, useMessages } from "../../provider/UIProvider.js";
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useLocale, useMessages } from "../../provider/UIProvider.js";
 import listbox_module_default from "../_internal/listbox/listbox.module.js";
 import { renderOptions } from "../_internal/listbox/options.js";
 import { useThemeContext } from "../_internal/themeContext.js";

package/dist/components/ReadMore/ReadMore.js

@@ -1,6 +1,6 @@
 "use client";
-import { useMessages } from "../../provider/UIProvider.js";
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useMessages } from "../../provider/UIProvider.js";
 import ReadMore_module_default from "./ReadMore.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/dist/components/SideNav/SideNav.js

@@ -1,6 +1,6 @@
 "use client";
-import { useMessages } from "../../provider/UIProvider.js";
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useMessages } from "../../provider/UIProvider.js";
 import { NavBadge } from "../_internal/nav/NavBadge.js";
 import SideNav_module_default from "./SideNav.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/SignaturePad/SignaturePad.js

@@ -3,8 +3,8 @@ import { useMessages } from "../../provider/UIProvider.js";
 import { AlertCircleIcon } from "../../icons/generated/AlertCircleIcon.js";
 import { fieldStyles } from "../Field/Field.js";
 import { Button } from "../Button/Button.js";
-import { UndoIcon } from "../../icons/generated/UndoIcon.js";
 import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
+import { UndoIcon } from "../../icons/generated/UndoIcon.js";
 import SignaturePad_module_default from "./SignaturePad.module.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/dist/components/SplitButton/SplitButton.js

@@ -1,6 +1,6 @@
 "use client";
-import { useMessages } from "../../provider/UIProvider.js";
 import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
+import { useMessages } from "../../provider/UIProvider.js";
 import { IconButton } from "../IconButton/IconButton.js";
 import { Button } from "../Button/Button.js";
 import { ActionMenu } from "../_internal/menu/ActionMenu.js";