@stisocial/ui 0.0.0-stage → 0.1.0

package/dist/components/CommentThread/CommentThread.module.js

@@ -0,0 +1,27 @@
+import './CommentThread.css';
+// src/components/CommentThread/CommentThread.module.css
+var CommentThread_module_default = {
+	"root": "sti-CommentThread-root-a8f79",
+	"title": "sti-CommentThread-title-a3fe6",
+	"count": "sti-CommentThread-count-8e9e9",
+	"empty": "sti-CommentThread-empty-f3182",
+	"list": "sti-CommentThread-list-7b3a2",
+	"replies": "sti-CommentThread-replies-86ee8",
+	"item": "sti-CommentThread-item-4bc0d",
+	"comment": "sti-CommentThread-comment-8823a",
+	"avatar": "sti-CommentThread-avatar-f64e7",
+	"composerAvatar": "sti-CommentThread-composerAvatar-1b248",
+	"main": "sti-CommentThread-main-dd845",
+	"meta": "sti-CommentThread-meta-ffbeb",
+	"author": "sti-CommentThread-author-addeb",
+	"time": "sti-CommentThread-time-931e8",
+	"edited": "sti-CommentThread-edited-8ad21",
+	"body": "sti-CommentThread-body-bffce",
+	"mention": "sti-CommentThread-mention-86831",
+	"actions": "sti-CommentThread-actions-c7d83",
+	"composer": "sti-CommentThread-composer-0580a",
+	"composerBody": "sti-CommentThread-composerBody-6e185",
+	"composerActions": "sti-CommentThread-composerActions-d9abc",
+	"hint": "sti-CommentThread-hint-c8dc5"
+};
+export { CommentThread_module_default as default };

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

@@ -0,0 +1,2 @@
+import { Comment, CommentAuthor, CommentThread, CommentThreadProps } from "./CommentThread.js";
+export { Comment, CommentAuthor, CommentThread, CommentThreadProps };

package/dist/components/CompanyTypeSelect/CompanyTypeSelect.d.ts

@@ -0,0 +1,26 @@
+import { UIMessages } from "../../messages/messages.js";
+import { SelectProps } from "../Select/Select.js";
+import { ReactNode } from "react";
+/**
+ * İşletme ve kuruluş türleri (Türk Ticaret Kanunu ve ilgili kanunlar). Anahtarlar kalıcıdır ve
+ * dilden bağımsızdır; veritabanında bu anahtar saklanır.
+ */
+export declare const COMPANY_TYPES: readonly ["sole", "limited", "jointStock", "ordinary", "collective", "commandite", "partnershipLimitedByShares", "cooperative", "foreignBranch", "association", "foundation", "public"];
+export type CompanyType = (typeof COMPANY_TYPES)[number];
+/** Türün dile göre adı. */
+export declare function companyTypeName(type: CompanyType, t: UIMessages): string;
+export interface CompanyTypeSelectProps extends Omit<SelectProps, "items" | "label" | "value" | "defaultValue" | "onChange"> {
+  /** Görünür etiket; verilmezse "İşletme türü". */
+  label?: ReactNode;
+  value?: CompanyType | null;
+  defaultValue?: CompanyType | null;
+  onChange?: (value: CompanyType | null) => void;
+  /** Listelenecek türler; varsayılan hepsi. */
+  types?: readonly CompanyType[];
+}
+/**
+ * İşletme türü seçimi: şahıs işletmesi, limited, anonim ve diğer ticari işletmeler ile dernek,
+ * vakıf ve kamu kurumu; ticaret unvanı kısaltmasıyla ("Ltd. Şti."). Değer kalıcı anahtardır
+ * (`"limited"`).
+ */
+export declare function CompanyTypeSelect({ label, types, onChange, ...rest }: CompanyTypeSelectProps): import("react").JSX.Element;

package/dist/components/CompanyTypeSelect/CompanyTypeSelect.js

@@ -0,0 +1,87 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { Select } from "../Select/Select.js";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+// src/components/CompanyTypeSelect/CompanyTypeSelect.tsx
+/**
+* İşletme ve kuruluş türleri (Türk Ticaret Kanunu ve ilgili kanunlar). Anahtarlar kalıcıdır ve
+* dilden bağımsızdır; veritabanında bu anahtar saklanır.
+*/
+const COMPANY_TYPES = [
+	"sole",
+	"limited",
+	"jointStock",
+	"ordinary",
+	"collective",
+	"commandite",
+	"partnershipLimitedByShares",
+	"cooperative",
+	"foreignBranch",
+	"association",
+	"foundation",
+	"public"
+];
+/** Ticaret unvanında kullanılan kısaltma (dilden bağımsız). */
+const ABBREVIATION = {
+	limited: "Ltd. Şti.",
+	jointStock: "A.Ş.",
+	collective: "Koll. Şti.",
+	commandite: "Kom. Şti.",
+	cooperative: "Koop."
+};
+const NON_COMMERCIAL = [
+	"association",
+	"foundation",
+	"public"
+];
+/** Türün dile göre adı. */
+function companyTypeName(type, t) {
+	return {
+		sole: t.companyTypeSole,
+		limited: t.companyTypeLimited,
+		jointStock: t.companyTypeJointStock,
+		ordinary: t.companyTypeOrdinary,
+		collective: t.companyTypeCollective,
+		commandite: t.companyTypeCommandite,
+		partnershipLimitedByShares: t.companyTypePartnershipShares,
+		cooperative: t.companyTypeCooperative,
+		foreignBranch: t.companyTypeForeignBranch,
+		association: t.companyTypeAssociation,
+		foundation: t.companyTypeFoundation,
+		public: t.companyTypePublic
+	}[type];
+}
+/**
+* İşletme türü seçimi: şahıs işletmesi, limited, anonim ve diğer ticari işletmeler ile dernek,
+* vakıf ve kamu kurumu; ticaret unvanı kısaltmasıyla ("Ltd. Şti."). Değer kalıcı anahtardır
+* (`"limited"`).
+*/
+function CompanyTypeSelect({ label, types = COMPANY_TYPES, onChange, ...rest }) {
+	const t = useMessages();
+	const items = useMemo(() => {
+		const option = (type) => ({
+			id: type,
+			label: companyTypeName(type, t),
+			description: ABBREVIATION[type]
+		});
+		const commercial = types.filter((x) => !NON_COMMERCIAL.includes(x));
+		const other = types.filter((x) => NON_COMMERCIAL.includes(x));
+		return [{
+			id: "commercial",
+			title: t.companyTypeGroupCommercial,
+			options: commercial.map(option)
+		}, {
+			id: "other",
+			title: t.companyTypeGroupOther,
+			options: other.map(option)
+		}].filter((s) => s.options.length > 0);
+	}, [types, t]);
+	return /* @__PURE__ */ jsx(Select, {
+		...rest,
+		label: label ?? t.companyTypeLabel,
+		items,
+		onChange: onChange ? (v) => onChange(v) : void 0
+	});
+}
+export { COMPANY_TYPES, CompanyTypeSelect, companyTypeName };

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

@@ -0,0 +1,2 @@
+import { COMPANY_TYPES, CompanyType, CompanyTypeSelect, CompanyTypeSelectProps, companyTypeName } from "./CompanyTypeSelect.js";
+export { COMPANY_TYPES, CompanyType, CompanyTypeSelect, CompanyTypeSelectProps, companyTypeName };

package/dist/components/ConfirmButton/ConfirmButton.css

@@ -0,0 +1,51 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ConfirmButton-root-8f995 {
+    --sti-confirm-timeout: 5s;
+    max-width: 100%;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .sti-ConfirmButton-root-8f995[data-armed] .sti-ConfirmButton-button-20bfc[data-variant] {
+    --sti-button-bg: var(--sti-fill-danger);
+    --sti-button-fg: var(--sti-fg-on-danger);
+    --sti-button-border: var(--sti-fill-danger);
+  }
+
+  @media (hover: hover) {
+    .sti-ConfirmButton-root-8f995[data-armed] .sti-ConfirmButton-button-20bfc[data-variant][data-hovered] {
+      --sti-button-bg: var(--sti-fill-danger-hover);
+      --sti-button-border: var(--sti-fill-danger-hover);
+      --sti-button-fg: var(--sti-fg-on-danger);
+    }
+  }
+
+  .sti-ConfirmButton-root-8f995[data-armed]:after {
+    inset-inline: var(--sti-space-4);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-fg-danger);
+    transform-origin: 0;
+    height: 2px;
+    animation: sti-ConfirmButton-sti-confirm-countdown-523ff var(--sti-confirm-timeout) linear forwards;
+    content: "";
+    position: absolute;
+    inset-block-end: calc(var(--sti-space-1) * -1 - 2px);
+  }
+
+  .sti-ConfirmButton-root-8f995[data-armed]: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)):after {
+    transform-origin: 100%;
+  }
+
+  @keyframes sti-ConfirmButton-sti-confirm-countdown-523ff {
+    to {
+      transform: scaleX(0);
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-ConfirmButton-root-8f995[data-armed]:after {
+      animation: none;
+    }
+  }
+}

package/dist/components/ConfirmButton/ConfirmButton.d.ts

@@ -0,0 +1,27 @@
+import { ButtonVariant } from "../Button/Button.js";
+import { ReactNode } from "react";
+export interface ConfirmButtonProps {
+  /** İlk görünen etiket ("Sil"). */
+  children: ReactNode;
+  /** Onay aşamasındaki etiket; verilmezse "Onaylamak için yeniden basın". */
+  confirmLabel?: ReactNode;
+  /** İkinci basışta çalışan eylem. */
+  onConfirm: () => void;
+  /** İlk görünüş (varsayılan `danger`); onay aşamasında her zaman tehlike vurgusu. */
+  variant?: Extract<ButtonVariant, "secondary" | "ghost" | "danger">;
+  size?: "sm" | "md" | "lg";
+  iconStart?: ReactNode;
+  /** Onay aşaması bu süre (ms) içinde ikinci basış gelmezse kendiliğinden sona erer. */
+  timeout?: number;
+  isPending?: boolean;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+}
+/**
+ * İki aşamalı onay düğmesi: ilk basış onay aşamasına geçirir (etiket değişir, ekran okuyucuya
+ * duyurulur), ikinci basış eylemi yapar. Escape, odağın düğmeden çıkması ya da süre dolması onay
+ * aşamasını iptal eder. Düşük riskli, geri alınabilir işlemler içindir; geri alınamayan önemli
+ * işlemlerde AlertDialog kullanılır.
+ */
+export declare function ConfirmButton({ children, confirmLabel, onConfirm, variant, size, iconStart, timeout, isPending, isDisabled, className, id }: ConfirmButtonProps): import("react").JSX.Element;

package/dist/components/ConfirmButton/ConfirmButton.js

@@ -0,0 +1,60 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import { Button } from "../Button/Button.js";
+import ConfirmButton_module_default from "./ConfirmButton.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+// src/components/ConfirmButton/ConfirmButton.tsx
+/**
+* İki aşamalı onay düğmesi: ilk basış onay aşamasına geçirir (etiket değişir, ekran okuyucuya
+* duyurulur), ikinci basış eylemi yapar. Escape, odağın düğmeden çıkması ya da süre dolması onay
+* aşamasını iptal eder. Düşük riskli, geri alınabilir işlemler içindir; geri alınamayan önemli
+* işlemlerde AlertDialog kullanılır.
+*/
+function ConfirmButton({ children, confirmLabel, onConfirm, variant = "danger", size = "md", iconStart, timeout = 5e3, isPending, isDisabled, className, id }) {
+	const t = useMessages();
+	const [armed, setArmed] = useState(false);
+	const timer = useRef(void 0);
+	const root = useRef(null);
+	useEffect(() => {
+		if (!armed) return;
+		root.current?.style.setProperty("--sti-confirm-timeout", `${timeout}ms`);
+		timer.current = setTimeout(() => setArmed(false), timeout);
+		return () => clearTimeout(timer.current);
+	}, [armed, timeout]);
+	return /* @__PURE__ */ jsxs("span", {
+		ref: root,
+		className: [ConfirmButton_module_default.root, className].filter(Boolean).join(" "),
+		"data-armed": armed ? "" : void 0,
+		onKeyDown: (e) => {
+			if (armed && e.key === "Escape") {
+				e.stopPropagation();
+				setArmed(false);
+			}
+		},
+		onBlur: (e) => {
+			if (!e.currentTarget.contains(e.relatedTarget)) setArmed(false);
+		},
+		children: [/* @__PURE__ */ jsx(Button, {
+			id,
+			className: ConfirmButton_module_default.button,
+			variant: armed ? "danger" : variant,
+			size,
+			iconStart,
+			isPending,
+			isDisabled,
+			onPress: () => {
+				if (armed) {
+					setArmed(false);
+					onConfirm();
+				} else setArmed(true);
+			},
+			children: armed ? confirmLabel ?? t.confirmAgain : children
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", {
+			"aria-live": "polite",
+			children: armed ? t.confirmArmed : ""
+		}) })]
+	});
+}
+export { ConfirmButton };

package/dist/components/ConfirmButton/ConfirmButton.module.js

@@ -0,0 +1,8 @@
+import './ConfirmButton.css';
+// src/components/ConfirmButton/ConfirmButton.module.css
+var ConfirmButton_module_default = {
+	"root": "sti-ConfirmButton-root-8f995",
+	"button": "sti-ConfirmButton-button-20bfc",
+	"sti-confirm-countdown": "sti-ConfirmButton-sti-confirm-countdown-523ff"
+};
+export { ConfirmButton_module_default as default };

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

@@ -0,0 +1,2 @@
+import { ConfirmButton, ConfirmButtonProps } from "./ConfirmButton.js";
+export { ConfirmButton, ConfirmButtonProps };

package/dist/components/Container/Container.css

@@ -0,0 +1,33 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Container-root-e5778 {
+    --sti-container-max: var(--sti-width-content);
+    --sti-container-gutter: var(--sti-gutter);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-inline-size: 0;
+    max-inline-size: calc(var(--sti-container-max) + var(--sti-container-gutter) * 2);
+    padding-inline: var(--sti-container-gutter);
+    margin-inline: auto;
+  }
+
+  .sti-Container-root-e5778[data-size="prose"] {
+    --sti-container-max: var(--sti-width-measure);
+  }
+
+  .sti-Container-root-e5778[data-size="content"] {
+    --sti-container-max: var(--sti-width-content);
+  }
+
+  .sti-Container-root-e5778[data-size="wide"] {
+    --sti-container-max: var(--sti-width-container);
+  }
+
+  .sti-Container-root-e5778[data-size="full"] {
+    --sti-container-max: 100%;
+  }
+
+  .sti-Container-root-e5778[data-gutter="false"] {
+    --sti-container-gutter: var(--sti-space-0);
+  }
+}

package/dist/components/Container/Container.d.ts

@@ -0,0 +1,27 @@
+import { LayoutRootProps } from "../Stack/layout.js";
+import { ReactNode } from "react";
+/**
+ * İçerik genişliği:
+ * - `prose`: okuma satırı (`width-measure`, 68 karakter); uzun metin, makale, yasal metin;
+ * - `content`: uygulama içeriği (`width-content`, 1040 piksel; varsayılan);
+ * - `wide`: geniş sayfa (`width-container`, 1600 piksel); pano, tablo, vitrin;
+ * - `full`: sınırsız; yalnız yan boşluk uygulanır.
+ */
+export type ContainerSize = "prose" | "content" | "wide" | "full";
+export type ContainerElement = "div" | "main" | "section" | "article" | "header" | "footer" | "nav";
+export interface ContainerProps extends LayoutRootProps {
+  size?: ContainerSize;
+  /**
+   * Yan boşluk (`--sti-gutter`: ekranla büyür, 20–80 piksel). Varsayılan açık; iç içe kapsayıcıda
+   * ya da kenara dayanan içerikte (tam genişlik görsel) `false` verilir.
+   */
+  gutter?: boolean;
+  /** Kök öğe; sayfanın ana içeriği için `main` (sayfada bir kez). */
+  as?: ContainerElement;
+  children?: ReactNode;
+}
+/**
+ * Sayfa kapsayıcısı: içeriği seçilen genişlikle sınırlar ve ortalar; dar ekranda yan boşluk
+ * bırakır. Genişlik içeriğin genişliğidir; yan boşluk bunun dışındadır. Sunucu bileşenidir.
+ */
+export declare function Container(props: ContainerProps): import("react").JSX.Element;

package/dist/components/Container/Container.js

@@ -0,0 +1,20 @@
+import { cx, rootAttributes } from "../Stack/layout.js";
+import Container_module_default from "./Container.module.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/Container/Container.tsx
+/**
+* Sayfa kapsayıcısı: içeriği seçilen genişlikle sınırlar ve ortalar; dar ekranda yan boşluk
+* bırakır. Genişlik içeriğin genişliğidir; yan boşluk bunun dışındadır. Sunucu bileşenidir.
+*/
+function Container(props) {
+	const { size = "content", gutter = true, as: Tag = "div", className, ref, children } = props;
+	return /* @__PURE__ */ jsx(Tag, {
+		...rootAttributes(props),
+		ref,
+		className: cx(Container_module_default.root, className),
+		"data-size": size,
+		"data-gutter": gutter ? void 0 : "false",
+		children
+	});
+}
+export { Container };

package/dist/components/Container/Container.module.js

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

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

@@ -0,0 +1,2 @@
+import { Container, ContainerElement, ContainerProps, ContainerSize } from "./Container.js";
+export { Container, ContainerElement, ContainerProps, ContainerSize };

package/dist/components/ContextMenu/ContextMenu.css

@@ -0,0 +1,25 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ContextMenu-region-508ef {
+    border-radius: var(--sti-radius-md);
+    position: relative;
+  }
+
+  .sti-ContextMenu-region-508ef[data-open] {
+    outline: var(--sti-border-width) dashed var(--sti-border-accent);
+    outline-offset: var(--sti-space-0-5);
+  }
+
+  .sti-ContextMenu-point-6a3a8 {
+    pointer-events: none;
+    block-size: 0;
+    inline-size: 0;
+    position: fixed;
+  }
+
+  @media (forced-colors: active) {
+    .sti-ContextMenu-region-508ef[data-open] {
+      outline-color: highlight;
+    }
+  }
+}

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,20 @@
+import { MenuProps } from "../Menu/Menu.js";
+import { ReactNode } from "react";
+export interface ContextMenuProps extends Omit<MenuProps, "children" | "autoFocus" | "aria-labelledby"> {
+  /** Menünün adı (zorunlu): "Dosya işlemleri". */
+  "aria-label": string;
+  /** Menünün içeriği: `MenuItem`, `MenuSection`, `MenuSeparator`, `Submenu`. */
+  menu: ReactNode;
+  /** Sağ tıklanan bölge. Klavyeyle açılabilmesi için içinde odaklanabilir bir öğe bulunmalıdır. */
+  children: ReactNode;
+  isDisabled?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  className?: string;
+}
+/**
+ * Bağlam menüsü: bölgeye sağ tıklama, uzun dokunma, Shift+F10 ya da menü tuşu menüyü açar
+ * (fareyle imlecin yerinde, klavyeyle odaktaki öğenin altında). İlk öğe odaklanır; Escape ya da
+ * dışarı tıklama kapatır ve odağı geri verir. Shift+sağ tıklama tarayıcının kendi menüsünü açar.
+ * Bağlam menüsü gizli bir yoldur: aynı işlemler başka bir yerden de erişilebilir olmalıdır.
+ */
+export declare function ContextMenu({ menu, children, isDisabled, onOpenChange, onAction, onSelectionChange, selectionMode, className, ...rest }: ContextMenuProps): import("react").JSX.Element;

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,77 @@
+"use client";
+import { Menu, MenuPopover } from "../Menu/Menu.js";
+import ContextMenu_module_default from "./ContextMenu.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+// src/components/ContextMenu/ContextMenu.tsx
+/**
+* Bağlam menüsü: bölgeye sağ tıklama, uzun dokunma, Shift+F10 ya da menü tuşu menüyü açar
+* (fareyle imlecin yerinde, klavyeyle odaktaki öğenin altında). İlk öğe odaklanır; Escape ya da
+* dışarı tıklama kapatır ve odağı geri verir. Shift+sağ tıklama tarayıcının kendi menüsünü açar.
+* Bağlam menüsü gizli bir yoldur: aynı işlemler başka bir yerden de erişilebilir olmalıdır.
+*/
+function ContextMenu({ menu, children, isDisabled = false, onOpenChange, onAction, onSelectionChange, selectionMode = "none", className, ...rest }) {
+	const point = useRef(null);
+	const [open, setOpen] = useState(false);
+	const change = (next) => {
+		setOpen(next);
+		onOpenChange?.(next);
+	};
+	const place = (x, y) => {
+		const el = point.current;
+		if (!el) return;
+		el.style.setProperty("left", `${x}px`);
+		el.style.setProperty("top", `${y}px`);
+	};
+	const onContextMenu = (e) => {
+		if (isDisabled || e.shiftKey) return;
+		e.preventDefault();
+		place(e.clientX, e.clientY);
+		change(true);
+	};
+	const onKeyDown = (e) => {
+		if (isDisabled) return;
+		if (!(e.key === "ContextMenu" || e.key === "F10" && e.shiftKey)) return;
+		e.preventDefault();
+		const r = e.target.getBoundingClientRect();
+		place(r.left, r.bottom);
+		change(true);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: [ContextMenu_module_default.region, className].filter(Boolean).join(" "),
+		onContextMenu,
+		onKeyDown,
+		"data-open": open || void 0,
+		children: [
+			children,
+			/* @__PURE__ */ jsx("span", {
+				ref: point,
+				className: ContextMenu_module_default.point,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx(MenuPopover, {
+				"aria-label": rest["aria-label"],
+				triggerRef: point,
+				isOpen: open,
+				onOpenChange: change,
+				placement: "bottom start",
+				offset: 2,
+				children: /* @__PURE__ */ jsx(Menu, {
+					...rest,
+					autoFocus: "first",
+					selectionMode,
+					onAction: (id) => {
+						change(false);
+						onAction?.(id);
+					},
+					onSelectionChange: (keys) => {
+						if (selectionMode === "single") change(false);
+						onSelectionChange?.(keys);
+					},
+					children: menu
+				})
+			})
+		]
+	});
+}
+export { ContextMenu };

package/dist/components/ContextMenu/ContextMenu.module.js

@@ -0,0 +1,7 @@
+import './ContextMenu.css';
+// src/components/ContextMenu/ContextMenu.module.css
+var ContextMenu_module_default = {
+	"region": "sti-ContextMenu-region-508ef",
+	"point": "sti-ContextMenu-point-6a3a8"
+};
+export { ContextMenu_module_default as default };

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

@@ -0,0 +1,2 @@
+import { ContextMenu, ContextMenuProps } from "./ContextMenu.js";
+export { ContextMenu, ContextMenuProps };

package/dist/components/ContextualHelp/ContextualHelp.css

@@ -0,0 +1,7 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-ContextualHelp-trigger-7da14 {
+    vertical-align: middle;
+    color: var(--sti-fg-muted);
+  }
+}

package/dist/components/ContextualHelp/ContextualHelp.d.ts

@@ -0,0 +1,24 @@
+import { Placement } from "../_internal/overlay/FloatingCard.js";
+import { ReactNode } from "react";
+export interface ContextualHelpProps {
+  /** `help` (varsayılan; "?" yardım) ya da `info` ("i" bilgi). */
+  variant?: "help" | "info";
+  /** Balonun başlığı (zorunlu): "Vergi kimlik numarası". */
+  title: ReactNode;
+  children: ReactNode;
+  /** Altta "Daha fazla bilgi" gibi bir bağlantı. */
+  footer?: ReactNode;
+  placement?: Placement;
+  /**
+   * Düğmenin adı; verilmezse "Yardım" ya da "Bilgi". Bir alanın yanındaysa alanın adını katın:
+   * "Vergi kimlik numarası hakkında yardım".
+   */
+  label?: string;
+  className?: string;
+}
+/**
+ * Bağlamsal yardım (ⓘ): alan ya da başlığın yanında küçük ikon düğmesi; basınca kısa açıklama
+ * balonu açılır. İpucundan farkı: dokunmatikte de çalışır, içinde bağlantı olabilir ve klavyeyle
+ * gezilir. Odak balona taşınır; Escape ya da dışarı tıklama kapatır, odak düğmeye döner.
+ */
+export declare function ContextualHelp({ variant, title, children, footer, placement, label, className }: ContextualHelpProps): import("react").JSX.Element;

package/dist/components/ContextualHelp/ContextualHelp.js

@@ -0,0 +1,32 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { InfoIcon } from "../../icons/generated/InfoIcon.js";
+import { HelpCircleIcon } from "../../icons/generated/HelpCircleIcon.js";
+import { Popover } from "../Popover/Popover.js";
+import ContextualHelp_module_default from "./ContextualHelp.module.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/ContextualHelp/ContextualHelp.tsx
+/**
+* Bağlamsal yardım (ⓘ): alan ya da başlığın yanında küçük ikon düğmesi; basınca kısa açıklama
+* balonu açılır. İpucundan farkı: dokunmatikte de çalışır, içinde bağlantı olabilir ve klavyeyle
+* gezilir. Odak balona taşınır; Escape ya da dışarı tıklama kapatır, odak düğmeye döner.
+*/
+function ContextualHelp({ variant = "help", title, children, footer, placement = "bottom start", label, className }) {
+	const t = useMessages();
+	return /* @__PURE__ */ jsx(Popover, {
+		trigger: /* @__PURE__ */ jsx(IconButton, {
+			label: label ?? (variant === "help" ? t.helpLabel : t.infoLabel),
+			icon: variant === "help" ? /* @__PURE__ */ jsx(HelpCircleIcon, {}) : /* @__PURE__ */ jsx(InfoIcon, {}),
+			variant: "ghost",
+			size: "sm",
+			className: [ContextualHelp_module_default.trigger, className].filter(Boolean).join(" ")
+		}),
+		title,
+		placement,
+		size: "sm",
+		footer,
+		children
+	});
+}
+export { ContextualHelp };

package/dist/components/ContextualHelp/ContextualHelp.module.js

@@ -0,0 +1,4 @@
+import './ContextualHelp.css';
+// src/components/ContextualHelp/ContextualHelp.module.css
+var ContextualHelp_module_default = { "trigger": "sti-ContextualHelp-trigger-7da14" };
+export { ContextualHelp_module_default as default };

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

@@ -0,0 +1,2 @@
+import { ContextualHelp, ContextualHelpProps } from "./ContextualHelp.js";
+export { ContextualHelp, ContextualHelpProps };

package/dist/components/CopyButton/CopyButton.d.ts

@@ -0,0 +1,23 @@
+import { ActionButtonAppearance } from "../ActionButton/ActionButton.js";
+import { Ref } from "react";
+export interface CopyButtonProps extends ActionButtonAppearance {
+  /** Panoya yazılacak metin. Boşsa düğme devre dışıdır (kopyalanacak bir şey yoktur). */
+  value: string;
+  /**
+   * Eylemin adı; varsayılan "Kopyala". Bağlamı belli değilse neyin kopyalandığı yazılır
+   * ("IBAN'ı kopyala"). Yalnız ikonlu biçimde de erişilebilir ad budur.
+   */
+  label?: string;
+  /** Başarıyla kopyalandıktan sonra. */
+  onCopy?: (value: string) => void;
+  /** Tarayıcı panoya yazmayı reddettiğinde (izin, odak). */
+  onError?: (error: unknown) => void;
+  ref?: Ref<HTMLButtonElement>;
+}
+/**
+ * Bir metni panoya kopyalar (Clipboard API). Başarıda ikon onay işaretine döner, "Kopyalandı"
+ * görünür ve ekran okuyucuya duyurulur; 2 saniye sonra düğme eski hâline döner. Pano yalnız güvenli
+ * bağlamda (HTTPS) kullanılabildiğinden, değilse düğme nedenini açıklayarak çalışmaz; eski
+ * `execCommand("copy")` yolu kullanılmaz.
+ */
+export declare function CopyButton({ value, label, onCopy, onError, ref, isDisabled, ...appearance }: CopyButtonProps): import("react").JSX.Element;