@stisocial/ui 0.1.0 → 0.2.1

package/dist/components/FileList/FileList.css

@@ -0,0 +1,160 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-FileList-root-c0c8c {
+    --sti-file-list-h: calc(var(--sti-row-h) + var(--sti-space-3));
+    --sti-file-list-px: var(--sti-space-4);
+    --sti-file-list-gap: var(--sti-space-3);
+    --sti-file-list-icon: var(--sti-control-h-md);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+    overflow: hidden;
+  }
+
+  .sti-FileList-root-c0c8c[data-size="lg"] {
+    --sti-file-list-h: calc(var(--sti-row-h) + var(--sti-space-5) + var(--sti-space-4));
+    --sti-file-list-icon: var(--sti-control-h-lg);
+  }
+
+  .sti-FileList-item-8de97 {
+    align-items: center;
+    column-gap: var(--sti-file-list-gap);
+    min-block-size: var(--sti-file-list-h);
+    padding-block: var(--sti-space-2);
+    padding-inline: var(--sti-file-list-px);
+    border-block-end: var(--sti-border-width) solid var(--sti-border-subtle);
+    transition: background var(--sti-duration-fast) var(--sti-ease-snap);
+    grid-template-columns: auto minmax(0, 1fr) auto;
+    display: grid;
+    position: relative;
+  }
+
+  .sti-FileList-item-8de97:last-child {
+    border-block-end: 0;
+  }
+
+  @media (hover: hover) {
+    .sti-FileList-item-8de97[data-interactive]:has(.sti-FileList-link-80076[data-hovered]) {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  .sti-FileList-item-8de97[data-interactive]:has(.sti-FileList-link-80076[data-pressed]) {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-FileList-icon-140e1 {
+    inline-size: var(--sti-file-list-icon);
+    block-size: var(--sti-file-list-icon);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-md);
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-FileList-icon-140e1[data-kind="document"] {
+    background: var(--sti-bg-danger-subtle);
+    color: var(--sti-fg-danger);
+  }
+
+  .sti-FileList-icon-140e1[data-kind="sheet"] {
+    background: var(--sti-bg-success-subtle);
+    color: var(--sti-fg-success);
+  }
+
+  .sti-FileList-icon-140e1[data-kind="image"] {
+    background: var(--sti-bg-info-subtle);
+    color: var(--sti-fg-info);
+  }
+
+  .sti-FileList-icon-140e1[data-kind="archive"], .sti-FileList-icon-140e1[data-kind="video"] {
+    background: var(--sti-bg-warning-subtle);
+    color: var(--sti-fg-warning);
+  }
+
+  .sti-FileList-text-7f9bb {
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-FileList-name-d8f8c {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-md);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-FileList-link-80076 {
+    color: inherit;
+    cursor: pointer;
+    outline: none;
+    text-decoration: none;
+  }
+
+  .sti-FileList-link-80076:after {
+    content: "";
+    position: absolute;
+    inset: 0;
+  }
+
+  @media (hover: hover) {
+    .sti-FileList-link-80076[data-hovered] {
+      text-decoration: underline;
+      -webkit-text-decoration-color: var(--sti-border-accent);
+      text-decoration-color: var(--sti-border-accent);
+      text-underline-offset: var(--sti-space-1);
+    }
+  }
+
+  .sti-FileList-link-80076[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-FileList-meta-332e6, .sti-FileList-description-12267 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-FileList-meta-332e6 {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-FileList-aside-46101 {
+    align-items: center;
+    gap: var(--sti-space-2);
+    margin-inline-start: var(--sti-space-2);
+    display: inline-flex;
+    position: relative;
+  }
+
+  .sti-FileList-empty-e13ce {
+    color: var(--sti-fg-muted);
+    text-align: center;
+  }
+
+  @media (forced-colors: active) {
+    .sti-FileList-root-c0c8c {
+      border-color: canvastext;
+    }
+
+    .sti-FileList-item-8de97 {
+      border-block-end-color: graytext;
+    }
+
+    .sti-FileList-icon-140e1 {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+}

package/dist/components/FileList/FileList.d.ts

@@ -0,0 +1,45 @@
+import { Locale } from "../../provider/locale.js";
+import { ReactNode, Ref } from "react";
+export type FileKind = "image" | "document" | "sheet" | "archive" | "video" | "other";
+/** Dosya adından (ya da verilmişse uzantıdan) dosyanın türünü bulur. */
+export declare function fileKind(name: string, extension?: string): FileKind;
+/** Adın uzantısı büyük harfle ("rapor.pdf" → "PDF"); uzantı yoksa boş. */
+export declare function fileExtension(name: string): string;
+export interface FileListItem {
+  id: string;
+  /** Dosya adı (uzantısıyla). */
+  name: string;
+  /** Bayt cinsinden boyut. */
+  size?: number;
+  /** Son değişiklik; `Date` ya da Unix milisaniyesi. */
+  modified?: Date | number;
+  /** Verilirse ad bir bağlantıdır (yeni sekme ya da indirme için `download`). */
+  href?: string;
+  /** Bağlantı dosyayı indirir (isteğe bağlı dosya adı). */
+  download?: boolean | string;
+  /** Adın altında ek bilgi (ör. "Selin Aksoy yükledi"). */
+  description?: ReactNode;
+  /** Sonda durum ya da eylem (düğme, rozet); bağlantı yüzeyinin üstünde kalır. */
+  aside?: ReactNode;
+}
+export interface FileListProps {
+  /** Listenin adı (zorunlu). */
+  label: string;
+  items: readonly FileListItem[];
+  /** Boy: `md` 56, `lg` 72 piksel satır. */
+  size?: "md" | "lg";
+  /** Dil; varsayılan Türkçe. */
+  locale?: Locale;
+  /** Tarihlerin yazıldığı saat dilimi. */
+  timeZone?: string;
+  /** Liste boşken gösterilecek içerik. */
+  emptyState?: ReactNode;
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLUListElement>;
+}
+/**
+ * Dosya listesi: tür ikonu, ad, uzantı, boyut ve tarih; adı bağlantı olan satırın bütünü tıklanır.
+ * Sunucu bileşenidir. Yükleme kuyruğu için `UploadQueue`, ön izleme için `FilePreview`.
+ */
+export declare function FileList({ label, items, size, locale, timeZone, emptyState, className, id, ref }: FileListProps): import("react").JSX.Element;

package/dist/components/FileList/FileList.js

@@ -0,0 +1,146 @@
+"use client";
+import { createFormatter } from "../../format/formatter.js";
+import { FileTextIcon } from "../../icons/generated/FileTextIcon.js";
+import { ArchiveIcon } from "../../icons/generated/ArchiveIcon.js";
+import { FileIcon } from "../../icons/generated/FileIcon.js";
+import { ImageIcon } from "../../icons/generated/ImageIcon.js";
+import { TableIcon } from "../../icons/generated/TableIcon.js";
+import { VideoIcon } from "../../icons/generated/VideoIcon.js";
+import FileList_module_default from "./FileList.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-aria-components";
+// src/components/FileList/FileList.tsx
+const EXTENSIONS = {
+	image: [
+		"jpg",
+		"jpeg",
+		"png",
+		"gif",
+		"webp",
+		"avif",
+		"svg",
+		"heic",
+		"bmp"
+	],
+	document: [
+		"pdf",
+		"doc",
+		"docx",
+		"odt",
+		"txt",
+		"rtf",
+		"md",
+		"ppt",
+		"pptx",
+		"key"
+	],
+	sheet: [
+		"xls",
+		"xlsx",
+		"csv",
+		"ods",
+		"tsv"
+	],
+	archive: [
+		"zip",
+		"rar",
+		"7z",
+		"tar",
+		"gz"
+	],
+	video: [
+		"mp4",
+		"mov",
+		"webm",
+		"mkv",
+		"avi"
+	],
+	other: []
+};
+/** Dosya adından (ya da verilmişse uzantıdan) dosyanın türünü bulur. */
+function fileKind(name, extension) {
+	const ext = (extension ?? name.split(".").pop() ?? "").toLowerCase();
+	for (const kind of Object.keys(EXTENSIONS)) if (EXTENSIONS[kind].includes(ext)) return kind;
+	return "other";
+}
+/** Adın uzantısı büyük harfle ("rapor.pdf" → "PDF"); uzantı yoksa boş. */
+function fileExtension(name) {
+	const i = name.lastIndexOf(".");
+	return i > 0 && i < name.length - 1 ? name.slice(i + 1).toLocaleUpperCase("en-US") : "";
+}
+const ICONS = {
+	image: () => /* @__PURE__ */ jsx(ImageIcon, {}),
+	document: () => /* @__PURE__ */ jsx(FileTextIcon, {}),
+	sheet: () => /* @__PURE__ */ jsx(TableIcon, {}),
+	archive: () => /* @__PURE__ */ jsx(ArchiveIcon, {}),
+	video: () => /* @__PURE__ */ jsx(VideoIcon, {}),
+	other: () => /* @__PURE__ */ jsx(FileIcon, {})
+};
+/**
+* Dosya listesi: tür ikonu, ad, uzantı, boyut ve tarih; adı bağlantı olan satırın bütünü tıklanır.
+* Sunucu bileşenidir. Yükleme kuyruğu için `UploadQueue`, ön izleme için `FilePreview`.
+*/
+function FileList({ label, items, size = "md", locale, timeZone, emptyState, className, id, ref }) {
+	const format = createFormatter({
+		locale,
+		timeZone
+	});
+	if (items.length === 0 && emptyState) return /* @__PURE__ */ jsx("div", {
+		className: FileList_module_default.empty,
+		children: emptyState
+	});
+	return /* @__PURE__ */ jsx("ul", {
+		id,
+		ref,
+		"aria-label": label,
+		className: [FileList_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		children: items.map((item) => {
+			const kind = fileKind(item.name);
+			const meta = [
+				fileExtension(item.name),
+				item.size === void 0 ? "" : format.fileSize(item.size),
+				item.modified === void 0 ? "" : format.date(item.modified)
+			].filter(Boolean);
+			return /* @__PURE__ */ jsxs("li", {
+				className: FileList_module_default.item,
+				"data-interactive": item.href ? "" : void 0,
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: FileList_module_default.icon,
+						"data-kind": kind,
+						"aria-hidden": "true",
+						children: ICONS[kind]()
+					}),
+					/* @__PURE__ */ jsxs("span", {
+						className: FileList_module_default.text,
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: FileList_module_default.name,
+								children: item.href ? /* @__PURE__ */ jsx(Link, {
+									href: item.href,
+									download: item.download,
+									className: FileList_module_default.link,
+									children: item.name
+								}) : item.name
+							}),
+							meta.length > 0 ? /* @__PURE__ */ jsx("span", {
+								className: FileList_module_default.meta,
+								children: meta.join(" · ")
+							}) : null,
+							item.description ? /* @__PURE__ */ jsx("span", {
+								className: FileList_module_default.description,
+								children: item.description
+							}) : null
+						]
+					}),
+					item.aside ? /* @__PURE__ */ jsx("span", {
+						className: FileList_module_default.aside,
+						children: item.aside
+					}) : null
+				]
+			}, item.id);
+		})
+	});
+}
+export { FileList, fileExtension, fileKind };

package/dist/components/FileList/FileList.module.js

@@ -0,0 +1,15 @@
+import './FileList.css';
+// src/components/FileList/FileList.module.css
+var FileList_module_default = {
+	"root": "sti-FileList-root-c0c8c",
+	"item": "sti-FileList-item-8de97",
+	"link": "sti-FileList-link-80076",
+	"icon": "sti-FileList-icon-140e1",
+	"text": "sti-FileList-text-7f9bb",
+	"name": "sti-FileList-name-d8f8c",
+	"meta": "sti-FileList-meta-332e6",
+	"description": "sti-FileList-description-12267",
+	"aside": "sti-FileList-aside-46101",
+	"empty": "sti-FileList-empty-e13ce"
+};
+export { FileList_module_default as default };

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

@@ -0,0 +1,2 @@
+import { FileKind, FileList, FileListItem, FileListProps, fileExtension, fileKind } from "./FileList.js";
+export { FileKind, FileList, FileListItem, FileListProps, fileExtension, fileKind };

package/dist/components/FilterPanel/FilterPanel.js

@@ -1,7 +1,7 @@
 "use client";
+import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { Button as Button$1 } from "../Button/Button.js";
 import FilterPanel_module_default from "./FilterPanel.module.js";

package/dist/components/IconPicker/IconPicker.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 listbox_module_default from "../_internal/listbox/listbox.module.js";
 import { useThemeContext } from "../_internal/themeContext.js";
 import { fieldStyles } from "../Field/Field.js";

package/dist/components/LinkRows/LinkRows.css

@@ -0,0 +1,135 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-LinkRows-root-63447 {
+    --sti-link-rows-h: var(--sti-row-h);
+    --sti-link-rows-px: var(--sti-space-4);
+    --sti-link-rows-gap: var(--sti-space-3);
+    --sti-link-rows-divider: var(--sti-border-subtle);
+    min-inline-size: 0;
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-LinkRows-root-63447[data-size="lg"] {
+    --sti-link-rows-h: calc(var(--sti-row-h) + var(--sti-space-3));
+  }
+
+  .sti-LinkRows-root-63447[data-variant="inset"] {
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-surface);
+    overflow: hidden;
+  }
+
+  .sti-LinkRows-item-cc255 {
+    border-block-end: var(--sti-border-width) solid var(--sti-link-rows-divider);
+    min-inline-size: 0;
+  }
+
+  .sti-LinkRows-item-cc255:last-child {
+    border-block-end: 0;
+  }
+
+  .sti-LinkRows-link-7a8b7 {
+    align-items: center;
+    gap: var(--sti-link-rows-gap);
+    min-block-size: var(--sti-link-rows-h);
+    padding-block: var(--sti-space-2);
+    padding-inline: var(--sti-link-rows-px);
+    color: inherit;
+    cursor: pointer;
+    transition: background var(--sti-duration-fast) var(--sti-ease-snap);
+    outline: none;
+    text-decoration: none;
+    display: flex;
+  }
+
+  @media (hover: hover) {
+    .sti-LinkRows-link-7a8b7[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  .sti-LinkRows-link-7a8b7[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-LinkRows-link-7a8b7[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  .sti-LinkRows-icon-b1fc9 {
+    inline-size: var(--sti-control-h-sm);
+    block-size: var(--sti-control-h-sm);
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-bg-subtle);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-icon-md);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-LinkRows-text-97f85 {
+    flex: 1;
+    min-inline-size: 0;
+    display: grid;
+  }
+
+  .sti-LinkRows-label-77b6c {
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-md);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-LinkRows-description-545ed {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-LinkRows-meta-447f9 {
+    max-inline-size: 50%;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    overflow-wrap: anywhere;
+    flex: none;
+  }
+
+  .sti-LinkRows-chevron-74ac7, .sti-LinkRows-trailing-c7b8c {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-LinkRows-chevron-74ac7: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)) {
+    rotate: 180deg;
+  }
+
+  @media (forced-colors: active) {
+    .sti-LinkRows-root-63447[data-variant="inset"] {
+      border-color: canvastext;
+    }
+
+    .sti-LinkRows-item-cc255 {
+      border-block-end-color: graytext;
+    }
+
+    .sti-LinkRows-link-7a8b7[data-focus-visible] {
+      outline-color: highlight;
+    }
+
+    .sti-LinkRows-link-7a8b7[data-hovered] {
+      outline: var(--sti-border-width) solid Highlight;
+      outline-offset: calc(var(--sti-border-width) * -1);
+    }
+  }
+}

package/dist/components/LinkRows/LinkRows.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode, Ref } from "react";
+export interface LinkRow {
+  id: string;
+  /** Bağlantının adı (zorunlu): gidilen yerin adı. */
+  label: ReactNode;
+  /** Adın altında kısa açıklama; bağlantının açıklaması olarak da okunur. */
+  description?: ReactNode;
+  href: string;
+  /** Adın önünde yuvarlak çerçevede süs ikonu. */
+  icon?: ReactNode;
+  /** Sonda değer ya da durum (ör. "12 kayıt", rozet); bağlantının adının parçası olarak okunur. */
+  meta?: ReactNode;
+  /** Başka bir siteye gider: yeni sekmede açılır, ikon ve "yeni sekmede açılır" bilgisi eklenir. */
+  external?: boolean;
+}
+export interface LinkRowsProps {
+  /** Listenin adı (zorunlu). */
+  label: string;
+  items: readonly LinkRow[];
+  /** Boy: `md` 44, `lg` 56 piksel satır. */
+  size?: "md" | "lg";
+  /** `inset`: satırlar kendi kenarlı kartı içinde; `plain`: yalnız ayraçlar. */
+  variant?: "inset" | "plain";
+  className?: string;
+  id?: string;
+  ref?: Ref<HTMLUListElement>;
+}
+/**
+ * Bağlantı satırları: her satırın bütününe tıklanan, sonunda ok bulunan gezinme listesi (ayarlar
+ * menüsü, kaynaklar, ilgili sayfalar). Gerçek `ul`/`li` ve bağlantılardır; her satır tek durak.
+ */
+export declare function LinkRows({ label, items, size, variant, className, id, ref }: LinkRowsProps): import("react").JSX.Element;

package/dist/components/LinkRows/LinkRows.js

@@ -0,0 +1,62 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { ExternalLinkIcon } from "../../icons/generated/ExternalLinkIcon.js";
+import { ChevronRightIcon } from "../../icons/generated/ChevronRightIcon.js";
+import LinkRows_module_default from "./LinkRows.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "react-aria-components";
+// src/components/LinkRows/LinkRows.tsx
+/**
+* Bağlantı satırları: her satırın bütününe tıklanan, sonunda ok bulunan gezinme listesi (ayarlar
+* menüsü, kaynaklar, ilgili sayfalar). Gerçek `ul`/`li` ve bağlantılardır; her satır tek durak.
+*/
+function LinkRows({ label, items, size = "md", variant = "inset", className, id, ref }) {
+	const messages = useMessages();
+	return /* @__PURE__ */ jsx("ul", {
+		id,
+		ref,
+		"aria-label": label,
+		className: [LinkRows_module_default.root, className].filter(Boolean).join(" "),
+		"data-size": size,
+		"data-variant": variant,
+		children: items.map((item) => /* @__PURE__ */ jsx("li", {
+			className: LinkRows_module_default.item,
+			children: /* @__PURE__ */ jsxs(Link, {
+				className: LinkRows_module_default.link,
+				href: item.href,
+				target: item.external ? "_blank" : void 0,
+				rel: item.external ? "noopener noreferrer" : void 0,
+				children: [
+					item.icon ? /* @__PURE__ */ jsx("span", {
+						className: LinkRows_module_default.icon,
+						"aria-hidden": "true",
+						children: item.icon
+					}) : null,
+					/* @__PURE__ */ jsxs("span", {
+						className: LinkRows_module_default.text,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: LinkRows_module_default.label,
+							children: item.label
+						}), item.description ? /* @__PURE__ */ jsx("span", {
+							className: LinkRows_module_default.description,
+							children: item.description
+						}) : null]
+					}),
+					item.meta ? /* @__PURE__ */ jsx("span", {
+						className: LinkRows_module_default.meta,
+						children: item.meta
+					}) : null,
+					item.external ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(ExternalLinkIcon, {
+						className: LinkRows_module_default.trailing,
+						size: "sm"
+					}), /* @__PURE__ */ jsx(VisuallyHidden, { children: messages.opensInNewTab })] }) : /* @__PURE__ */ jsx(ChevronRightIcon, {
+						className: LinkRows_module_default.chevron,
+						size: "sm"
+					})
+				]
+			})
+		}, item.id))
+	});
+}
+export { LinkRows };

package/dist/components/LinkRows/LinkRows.module.js

@@ -0,0 +1,15 @@
+import './LinkRows.css';
+// src/components/LinkRows/LinkRows.module.css
+var LinkRows_module_default = {
+	"root": "sti-LinkRows-root-63447",
+	"item": "sti-LinkRows-item-cc255",
+	"link": "sti-LinkRows-link-7a8b7",
+	"icon": "sti-LinkRows-icon-b1fc9",
+	"text": "sti-LinkRows-text-97f85",
+	"label": "sti-LinkRows-label-77b6c",
+	"description": "sti-LinkRows-description-545ed",
+	"meta": "sti-LinkRows-meta-447f9",
+	"chevron": "sti-LinkRows-chevron-74ac7",
+	"trailing": "sti-LinkRows-trailing-c7b8c"
+};
+export { LinkRows_module_default as default };

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

@@ -0,0 +1,2 @@
+import { LinkRow, LinkRows, LinkRowsProps } from "./LinkRows.js";
+export { LinkRow, LinkRows, LinkRowsProps };

package/dist/components/NotificationCenter/NotificationCenter.js

@@ -8,9 +8,9 @@ import { parseDateValue } from "../DateTime/instant.js";
 import { RelativeTime } from "../RelativeTime/RelativeTime.js";
 import { MailIcon } from "../../icons/generated/MailIcon.js";
 import { EmptyState } from "../EmptyState/EmptyState.js";
+import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import { BellOffIcon } from "../../icons/generated/BellOffIcon.js";
 import { MailOpenIcon } from "../../icons/generated/MailOpenIcon.js";
-import { SegmentedControl, SegmentedControlItem } from "../SegmentedControl/SegmentedControl.js";
 import NotificationCenter_module_default from "./NotificationCenter.module.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId, useState } from "react";

package/dist/components/OnboardingChecklist/OnboardingChecklist.js

@@ -1,7 +1,7 @@
 "use client";
+import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { useFormatter, useMessages } from "../../provider/UIProvider.js";
 import { template } from "../../text/text.js";
-import { ChevronDownIcon } from "../../icons/generated/ChevronDownIcon.js";
 import { CheckIcon } from "../../icons/generated/CheckIcon.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
 import { CloseButton } from "../CloseButton/CloseButton.js";

package/dist/components/PageNumber/PageNumber.css

@@ -0,0 +1,21 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-PageNumber-root-1bcb7 {
+    --sti-page-number-color: var(--sti-fg-muted);
+    color: var(--sti-page-number-color);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-xs);
+    text-align: end;
+    margin: 0;
+  }
+
+  .sti-PageNumber-root-1bcb7[data-align="start"] {
+    text-align: start;
+  }
+
+  .sti-PageNumber-root-1bcb7[data-align="center"] {
+    text-align: center;
+  }
+}