@stisocial/ui 0.0.0-stage → 0.2.0

package/dist/components/_internal/remote/DependentSelect.js

@@ -0,0 +1,35 @@
+"use client";
+import { RemoteCombobox } from "./RemoteCombobox.js";
+import { createElement, useEffect, useRef } from "react";
+// src/components/_internal/remote/DependentSelect.tsx
+/**
+* Üst değer değişince seçimi sıfırlayan bağımlı seçim (iç; dışa açılmaz). Alan, üst değer her
+* değiştiğinde yeniden kurulur: eski ilin ilçesi yeni ilde seçili kalmaz; uygulamaya `null`
+* bildirilir.
+*/
+function DependentSelect({ parent, load, defaultLabel, waitingText, label, onChange, onSelectOption, defaultValue, ...rest }) {
+	const previous = useRef(parent);
+	const initialParent = useRef(parent);
+	useEffect(() => {
+		if (previous.current === parent) return;
+		previous.current = parent;
+		onChange?.(null);
+		onSelectOption?.(null);
+	}, [
+		parent,
+		onChange,
+		onSelectOption
+	]);
+	return /* @__PURE__ */ createElement(RemoteCombobox, {
+		...rest,
+		key: parent ?? "",
+		defaultValue: parent === initialParent.current ? defaultValue : void 0,
+		label: label ?? defaultLabel,
+		load: rest.items ? void 0 : load,
+		parent: parent ?? null,
+		waitingText,
+		onChange,
+		onSelectOption
+	});
+}
+export { DependentSelect };

package/dist/components/_internal/remote/RemoteCombobox.d.ts

@@ -0,0 +1,28 @@
+import { ListItem, ListOption } from "../listbox/options.js";
+import { ComboboxProps } from "../../Combobox/Combobox.js";
+import { ReactNode } from "react";
+/** Bir üst değere (il, ilçe) bağlı listeyi getirir; istek iptal edilebilir olmalıdır. */
+export type OptionLoader = (parent: string, signal: AbortSignal) => Promise<readonly ListOption[]>;
+/** Sunucuda arar (binlerce kayıtlı listeler: NACE, vergi dairesi). */
+export type OptionSearch = (query: string, signal: AbortSignal) => Promise<readonly ListOption[]>;
+export interface RemoteComboboxProps extends Omit<ComboboxProps, "items" | "filter" | "isLoading" | "emptyText" | "label"> {
+  label: ReactNode;
+  /** Sabit liste (veri uygulamada hazırsa). */
+  items?: readonly ListItem[];
+  /** Üst değere bağlı liste: `parent` değişince yeniden getirilir. */
+  load?: OptionLoader;
+  /** Üst değer; `null` ya da boşken alan kapalıdır ve `waitingText` yazılır (verilmezse üst değer yoktur). */
+  parent?: string | null;
+  /** Üst değer seçilmemişken yardım metni ("Önce il seçin."). */
+  waitingText?: string;
+  /** Sunucuda arama. Verilirse bileşen kendisi süzmez. */
+  search?: OptionSearch;
+  /** Aramanın başladığı en az karakter. */
+  minQueryLength?: number;
+  /** Arama kipinde başlangıçtaki seçili seçenek (adının yazılabilmesi için). */
+  selectedOption?: ListOption;
+  /** Seçilen seçeneğin tamamı (ör. mahallenin posta kodu için). */
+  onSelectOption?: (option: ListOption | null) => void;
+  /** Uygulamanın istek sayısını sınırlaması için arama gecikmesi (ms). */
+  debounce?: number;
+}

package/dist/components/_internal/remote/RemoteCombobox.js

@@ -0,0 +1,129 @@
+"use client";
+import { useMessages } from "../../../provider/UIProvider.js";
+import { template } from "../../../text/text.js";
+import { Combobox } from "../../Combobox/Combobox.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+// src/components/_internal/remote/RemoteCombobox.tsx
+const flat = (items) => items.flatMap((i) => "options" in i ? i.options : [i]);
+/**
+* Uzaktan beslenen Combobox (iç; dışa açılmaz): üst değere bağlı liste (ilçe, mahalle) ya da
+* sunucuda arama (NACE). Yüklenirken gösterge, hata ve "en az N karakter" durumları listede
+* yazılır; eski istek yenisi başlayınca iptal edilir, sonuçlar bileşen ömrünce önbellekte tutulur.
+* Hata sonrası kişi yeniden yazınca istek yinelenir.
+*/
+function RemoteCombobox({ items: staticItems, load, parent, waitingText, search, minQueryLength = 2, selectedOption, onSelectOption, debounce = 250, description, isDisabled, onChange, onInputChange, value, defaultValue, ...rest }) {
+	const t = useMessages();
+	const [loaded, setLoaded] = useState(null);
+	const [status, setStatus] = useState("idle");
+	const [attempt, setAttempt] = useState(0);
+	const [query, setQuery] = useState("");
+	const [picked, setPicked] = useState(selectedOption);
+	const cache = useRef(/* @__PURE__ */ new Map());
+	const loadRef = useRef(load);
+	const searchRef = useRef(search);
+	loadRef.current = load;
+	searchRef.current = search;
+	const hasLoad = load !== void 0;
+	const hasSearch = search !== void 0;
+	const waiting = parent === null || parent === "";
+	useEffect(() => {
+		const fn = loadRef.current;
+		if (!fn || waiting) {
+			setLoaded(null);
+			return;
+		}
+		const key = `p:${parent}`;
+		const hit = cache.current.get(key);
+		if (hit) {
+			setLoaded(hit);
+			setStatus("idle");
+			return;
+		}
+		const ctrl = new AbortController();
+		setStatus("loading");
+		setLoaded(null);
+		fn(parent, ctrl.signal).then((list) => {
+			cache.current.set(key, list);
+			setLoaded(list);
+			setStatus("idle");
+		}, () => {
+			if (!ctrl.signal.aborted) setStatus("error");
+		});
+		return () => ctrl.abort();
+	}, [
+		hasLoad,
+		parent,
+		waiting,
+		attempt
+	]);
+	const short = hasSearch && query.trim().length < minQueryLength;
+	useEffect(() => {
+		const fn = searchRef.current;
+		if (!fn || short) return;
+		const key = `q:${query.trim().toLocaleLowerCase("tr-TR")}`;
+		const hit = cache.current.get(key);
+		if (hit) {
+			setLoaded(hit);
+			setStatus("idle");
+			return;
+		}
+		const ctrl = new AbortController();
+		const timer = setTimeout(() => {
+			setStatus("loading");
+			fn(query.trim(), ctrl.signal).then((list) => {
+				cache.current.set(key, list);
+				setLoaded(list);
+				setStatus("idle");
+			}, () => {
+				if (!ctrl.signal.aborted) setStatus("error");
+			});
+		}, debounce);
+		return () => {
+			clearTimeout(timer);
+			ctrl.abort();
+		};
+	}, [
+		hasSearch,
+		query,
+		short,
+		debounce,
+		attempt
+	]);
+	const items = useMemo(() => {
+		if (staticItems) return staticItems;
+		const list = hasSearch && short ? [] : loaded ?? [];
+		if (hasSearch && picked && !list.some((o) => o.id === picked.id)) return [picked, ...list];
+		return list;
+	}, [
+		staticItems,
+		loaded,
+		hasSearch,
+		short,
+		picked
+	]);
+	const emptyText = status === "error" ? t.remoteError : hasSearch && short ? template(t.remoteMinQuery, { count: minQueryLength }) : void 0;
+	return /* @__PURE__ */ jsx(Combobox, {
+		...rest,
+		value,
+		defaultValue,
+		items,
+		filter: !hasSearch,
+		isLoading: status === "loading",
+		emptyText,
+		isDisabled: isDisabled || waiting,
+		description: waiting ? waitingText ?? description : description,
+		onInputChange: (text) => {
+			if (status === "error") setAttempt((n) => n + 1);
+			if (hasSearch && text !== picked?.label) setQuery(text);
+			onInputChange?.(text);
+		},
+		onChange: (key) => {
+			const option = key ? flat(items).find((o) => o.id === key) : void 0;
+			setPicked(option);
+			onSelectOption?.(option ?? null);
+			onChange?.(key);
+		}
+	});
+}
+export { RemoteCombobox };

package/dist/components/_internal/slider/SliderShell.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+export interface SliderBaseProps {
+  label: ReactNode;
+  description?: ReactNode;
+  minValue?: number;
+  maxValue?: number;
+  /** Adım (oklar). Varsayılan 1. */
+  step?: number;
+  /** Değer biçimi (para, yüzde, birim); ayraçlar dile göre. */
+  formatOptions?: Intl.NumberFormatOptions;
+  /** Çubuğun altında en az ve en çok değeri yazar. */
+  showMinMax?: boolean;
+  /** Etiketin sağındaki değer metnini gizler. */
+  hideValue?: boolean;
+  size?: "sm" | "md" | "lg";
+  name?: string;
+  isDisabled?: boolean;
+  className?: string;
+  id?: string;
+}

package/dist/components/_internal/slider/SliderShell.js

@@ -0,0 +1,84 @@
+"use client";
+import { useLocale } from "../../../provider/UIProvider.js";
+import slider_module_default from "./slider.module.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { I18nProvider, Label, Slider, SliderOutput, SliderThumb, SliderTrack, Text } from "react-aria-components";
+// src/components/_internal/slider/SliderShell.tsx
+/** Dolgu: başlangıç ve bitiş yüzdesi CSSOM ile yazılır (satır içi stil özniteliği yok). */
+function Fill({ start, end, single }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: slider_module_default.fill,
+		"data-single": single ? "" : void 0,
+		ref: (el) => {
+			el?.style.setProperty("--sti-slider-start", `${start * 100}%`);
+			el?.style.setProperty("--sti-slider-end", `${end * 100}%`);
+		}
+	});
+}
+/** Slider ve RangeSlider'ın ortak gövdesi (iç; dışa açılmaz). */
+function SliderShell({ label, description, formatOptions, showMinMax, hideValue, size = "md", minValue = 0, maxValue = 100, className, thumbLabels, ariaProps }) {
+	const locale = useLocale();
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => setMounted(true), []);
+	const format = new Intl.NumberFormat(locale, formatOptions);
+	return /* @__PURE__ */ jsx(I18nProvider, {
+		locale,
+		children: /* @__PURE__ */ jsxs(Slider, {
+			...ariaProps,
+			minValue,
+			maxValue,
+			formatOptions,
+			className: [slider_module_default.root, className].filter(Boolean).join(" "),
+			"data-size": size,
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: slider_module_default.header,
+					children: [/* @__PURE__ */ jsx(Label, {
+						className: slider_module_default.label,
+						children: label
+					}), hideValue ? null : /* @__PURE__ */ jsx(SliderOutput, {
+						className: slider_module_default.output,
+						children: ({ state }) => {
+							const labels = state.values.map((_, i) => state.getThumbValueLabel(i));
+							return labels.length > 1 && labels[0] !== labels[1] ? `${labels[0]} – ${labels[1]}` : labels[0];
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsx(SliderTrack, {
+					className: slider_module_default.track,
+					children: ({ state }) => {
+						const values = state.values;
+						const pct = values.map((_, i) => state.getThumbPercent(i));
+						const start = values.length > 1 ? pct[0] ?? 0 : 0;
+						const end = values.length > 1 ? pct[1] ?? 0 : pct[0] ?? 0;
+						return /* @__PURE__ */ jsxs(Fragment, { children: [
+							/* @__PURE__ */ jsx("span", { className: slider_module_default.rail }),
+							/* @__PURE__ */ jsx(Fill, {
+								start,
+								end,
+								single: values.length === 1
+							}),
+							mounted ? values.map((_, i) => /* @__PURE__ */ jsx(SliderThumb, {
+								index: i,
+								"aria-label": thumbLabels[i],
+								className: slider_module_default.thumb
+							}, i)) : null
+						] });
+					}
+				}),
+				showMinMax ? /* @__PURE__ */ jsxs("div", {
+					className: slider_module_default.minmax,
+					"aria-hidden": "true",
+					children: [/* @__PURE__ */ jsx("span", { children: format.format(minValue) }), /* @__PURE__ */ jsx("span", { children: format.format(maxValue) })]
+				}) : null,
+				description ? /* @__PURE__ */ jsx(Text, {
+					slot: "description",
+					className: slider_module_default.description,
+					children: description
+				}) : null
+			]
+		})
+	});
+}
+export { SliderShell };

package/dist/components/_internal/slider/slider.css

@@ -0,0 +1,168 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-slider-root-f59bc {
+    --sti-slider-thumb: 1.25rem;
+    --sti-slider-rail: 4px;
+    gap: var(--sti-space-2);
+    inline-size: 100%;
+    grid-template-columns: minmax(0, 1fr);
+    min-width: 0;
+    display: grid;
+  }
+
+  .sti-slider-root-f59bc[data-size="sm"] {
+    --sti-slider-thumb: 1rem;
+  }
+
+  .sti-slider-root-f59bc[data-size="lg"] {
+    --sti-slider-thumb: 1.5rem;
+    --sti-slider-rail: 6px;
+  }
+
+  .sti-slider-header-4e0c0 {
+    justify-content: space-between;
+    align-items: baseline;
+    gap: var(--sti-space-1) var(--sti-space-3);
+    flex-wrap: wrap;
+    display: flex;
+  }
+
+  .sti-slider-label-23b2e {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  .sti-slider-root-f59bc:focus-within .sti-slider-label-23b2e {
+    color: var(--sti-fg-signal);
+  }
+
+  .sti-slider-output-85836 {
+    color: var(--sti-fg);
+    font-family: var(--sti-font-numeric);
+    font-size: var(--sti-font-size-md);
+    font-weight: var(--sti-font-weight-semibold);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-md);
+  }
+
+  .sti-slider-track-4d215 {
+    height: var(--sti-slider-thumb);
+    margin-inline: calc(var(--sti-slider-thumb) / 2);
+    cursor: pointer;
+    touch-action: none;
+    position: relative;
+  }
+
+  .sti-slider-root-f59bc[data-disabled] .sti-slider-track-4d215 {
+    cursor: not-allowed;
+  }
+
+  .sti-slider-rail-d5181, .sti-slider-fill-23eb0 {
+    height: var(--sti-slider-rail);
+    border-radius: var(--sti-radius-pill);
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .sti-slider-rail-d5181 {
+    inset-inline: calc(var(--sti-slider-thumb) / -2);
+    background: var(--sti-border-control);
+  }
+
+  .sti-slider-fill-23eb0 {
+    width: calc(var(--sti-slider-end, 0%) - var(--sti-slider-start, 0%));
+    background: var(--sti-fill-accent);
+    inset-inline-start: var(--sti-slider-start, 0%);
+  }
+
+  .sti-slider-fill-23eb0[data-single] {
+    width: calc(var(--sti-slider-end, 0%) + var(--sti-slider-thumb) / 2);
+    inset-inline-start: calc(var(--sti-slider-thumb) / -2);
+  }
+
+  .sti-slider-thumb-1c12f {
+    width: var(--sti-slider-thumb);
+    height: var(--sti-slider-thumb);
+    border: var(--sti-border-width-strong) solid var(--sti-fill-accent);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-canvas);
+    box-shadow: var(--sti-shadow-sm);
+    transition: box-shadow var(--sti-duration-fast) var(--sti-ease-snap),
+      transform var(--sti-duration-fast) var(--sti-ease-snap);
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+
+  .sti-slider-thumb-1c12f: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)) {
+    transform: translate(50%, -50%);
+  }
+
+  @media (pointer: coarse) {
+    .sti-slider-thumb-1c12f:after {
+      inset: calc((var(--sti-control-h-md) - var(--sti-slider-thumb)) / -2);
+      content: "";
+      position: absolute;
+    }
+  }
+
+  @media (hover: hover) {
+    .sti-slider-thumb-1c12f[data-hovered]:not([data-disabled]) {
+      box-shadow: var(--sti-shadow-sm),
+        0 0 0 6px color-mix(in oklab, var(--sti-fill-accent) 18%, transparent);
+    }
+  }
+
+  .sti-slider-thumb-1c12f[data-dragging] {
+    box-shadow: var(--sti-shadow-sm),
+      0 0 0 8px color-mix(in oklab, var(--sti-fill-accent) 22%, transparent);
+  }
+
+  .sti-slider-thumb-1c12f[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-slider-root-f59bc[data-disabled] .sti-slider-thumb-1c12f, .sti-slider-root-f59bc[data-disabled] .sti-slider-fill-23eb0, .sti-slider-root-f59bc[data-disabled] .sti-slider-rail-d5181, .sti-slider-root-f59bc[data-disabled] .sti-slider-output-85836 {
+    opacity: var(--sti-opacity-disabled);
+  }
+
+  .sti-slider-minmax-27bba {
+    color: var(--sti-fg-muted);
+    font-family: var(--sti-font-numeric);
+    font-size: var(--sti-font-size-xs);
+    font-variant-numeric: tabular-nums;
+    line-height: var(--sti-line-height-xs);
+    justify-content: space-between;
+    display: flex;
+  }
+
+  .sti-slider-description-96c70 {
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-slider-thumb-1c12f {
+      transition: none;
+    }
+  }
+
+  @media (forced-colors: active) {
+    .sti-slider-rail-d5181 {
+      background: canvastext;
+    }
+
+    .sti-slider-fill-23eb0 {
+      background: highlight;
+    }
+
+    .sti-slider-thumb-1c12f {
+      background: canvas;
+      border-color: highlight;
+    }
+  }
+}

package/dist/components/_internal/slider/slider.module.js

@@ -0,0 +1,15 @@
+import './slider.css';
+// src/components/_internal/slider/slider.module.css
+var slider_module_default = {
+	"root": "sti-slider-root-f59bc",
+	"header": "sti-slider-header-4e0c0",
+	"label": "sti-slider-label-23b2e",
+	"output": "sti-slider-output-85836",
+	"track": "sti-slider-track-4d215",
+	"rail": "sti-slider-rail-d5181",
+	"fill": "sti-slider-fill-23eb0",
+	"thumb": "sti-slider-thumb-1c12f",
+	"minmax": "sti-slider-minmax-27bba",
+	"description": "sti-slider-description-96c70"
+};
+export { slider_module_default as default };

package/dist/components/_internal/themeContext.js

@@ -0,0 +1,50 @@
+"use client";
+import { useEffect, useState } from "react";
+// src/components/_internal/themeContext.ts
+/**
+* Tema bağlamını belirleyen öznitelikler: tasarım değerleri `data-theme`, `data-brand` ve
+* `data-density`'ye göre çözülür; yazı yönü ve dil de belgenin başka yerine taşınan içeriğe
+* (portal, açılır katman) geçmelidir. İç yardımcıdır, dışa açılmaz.
+*/
+const CONTEXT_ATTRIBUTES = [
+	"data-theme",
+	"data-brand",
+	"data-density",
+	"dir",
+	"lang"
+];
+/** Öğenin en yakın atalarından tema bağlamını okur. */
+function readContext(anchor) {
+	const ctx = {};
+	for (const attr of CONTEXT_ATTRIBUTES) {
+		const value = anchor.closest(`[${attr}]`)?.getAttribute(attr);
+		if (value) ctx[attr] = value;
+	}
+	return ctx;
+}
+const sameContext = (a, b) => CONTEXT_ATTRIBUTES.every((attr) => a[attr] === b[attr]);
+/**
+* Kaynak öğenin tema bağlamı; etkinken (`active`) atalardaki değişiklikleri izler (tema
+* değiştirici kökte ya da bir bölümde özniteliği değiştirince taşınan içerik de uyar).
+*/
+function useThemeContext(ref, active = true) {
+	const [context, setContext] = useState({});
+	useEffect(() => {
+		const el = ref.current;
+		if (!active || !el) return;
+		const sync = () => {
+			const next = readContext(el);
+			setContext((prev) => sameContext(prev, next) ? prev : next);
+		};
+		sync();
+		const observer = new MutationObserver(sync);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: [...CONTEXT_ATTRIBUTES],
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [ref, active]);
+	return context;
+}
+export { CONTEXT_ATTRIBUTES, readContext, sameContext, useThemeContext };

package/dist/csp/csp.d.ts

@@ -0,0 +1,37 @@
+/**
+ * İçerik güvenlik politikası (CSP) yardımcıları (ADR 0127 §5–6).
+ *
+ * React Aria, onay kutusu, anahtar ve radyo düğmesinin gerçek (gizli) input'unu ve Select'in
+ * otomatik doldurma için çizdiği yerel seçimi sunucuda sabit `style` öznitelikleriyle gizler;
+ * kaydırıcının rayına, etiket grubunun (ChipGroup) hücrelerine ve dosya seçicinin (FileUpload)
+ * gizli alanına ve parçalı tarih alanının giriş grubuyla parçalarına da sabit stil yazar (tutamaçlar
+ * yalnız tarayıcıda, CSSOM ile çizilir). Her birinin aynısı paketin CSS'inde de vardır. Nonce'lu sıkı CSP bu özniteliği engeller; paket aynı gizlemeyi
+ * sınıfla da yaptığı için görünüş yine doğrudur (`styles/scoped.css`). Tarayıcının konsola ihlal
+ * yazmaması için uygulama bu özniteliğin özetini CSP'ye ekleyebilir:
+ *
+ *   style-src-attr 'unsafe-hashes' 'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='
+ *     'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718=' 'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='
+ *     'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac=' 'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='
+ *     'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw=' 'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='
+ *
+ * `'unsafe-hashes'` yalnız listelenen sabit öznitelik değerlerine izin verir; başka hiçbir satır içi
+ * stil çalışmaz. Değer React Aria sürümüne bağlıdır ve testte her sürümde yeniden doğrulanır.
+ */
+/** React Aria'nın gizli input sarmalayıcısındaki `style` özniteliğinin tam değeri. */
+export declare const ARIA_HIDDEN_INPUT_STYLE = "border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap";
+/** Select'in gizli yerel seçim kabındaki `style` özniteliğinin tam değeri. */
+export declare const ARIA_HIDDEN_SELECT_STYLE = "border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;white-space:nowrap;top:0;left:0";
+/** Kaydırıcı rayının `style` özniteliğinin tam değeri (paket aynısını sınıfla da verir). */
+export declare const ARIA_SLIDER_TRACK_STYLE = "position:relative;touch-action:none";
+/** Etiket grubu (ChipGroup) hücresinin `style` özniteliğinin tam değeri. */
+export declare const ARIA_GRID_CELL_STYLE = "display:contents";
+/** Dosya seçicinin (FileUpload) gizli dosya alanının `style` özniteliğinin tam değeri. */
+export declare const ARIA_FILE_TRIGGER_STYLE = "display:none";
+/** Parçalı tarih alanının (DateField, DatePicker) giriş grubunun `style` özniteliğinin tam değeri. */
+export declare const ARIA_DATE_INPUT_STYLE = "unicode-bidi:isolate";
+/** Parçalı tarih alanının her parçasının `style` özniteliğinin tam değeri. */
+export declare const ARIA_DATE_SEGMENT_STYLE = "caret-color:transparent";
+/** CSP `style-src-attr` için özetler (tırnaklı, doğrudan yönergeye yazılır). */
+export declare const CSP_STYLE_ATTR_HASHES: readonly ["'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='", "'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718='", "'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='", "'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac='", "'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='", "'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw='", "'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='"];
+/** Hazır yönerge: `style-src-attr 'unsafe-hashes' 'sha256-…'`. */
+export declare const CSP_STYLE_ATTR_DIRECTIVE: string;

package/dist/csp/csp.js

@@ -0,0 +1,47 @@
+// src/csp/csp.ts
+/**
+* İçerik güvenlik politikası (CSP) yardımcıları (ADR 0127 §5–6).
+*
+* React Aria, onay kutusu, anahtar ve radyo düğmesinin gerçek (gizli) input'unu ve Select'in
+* otomatik doldurma için çizdiği yerel seçimi sunucuda sabit `style` öznitelikleriyle gizler;
+* kaydırıcının rayına, etiket grubunun (ChipGroup) hücrelerine ve dosya seçicinin (FileUpload)
+* gizli alanına ve parçalı tarih alanının giriş grubuyla parçalarına da sabit stil yazar (tutamaçlar
+* yalnız tarayıcıda, CSSOM ile çizilir). Her birinin aynısı paketin CSS'inde de vardır. Nonce'lu sıkı CSP bu özniteliği engeller; paket aynı gizlemeyi
+* sınıfla da yaptığı için görünüş yine doğrudur (`styles/scoped.css`). Tarayıcının konsola ihlal
+* yazmaması için uygulama bu özniteliğin özetini CSP'ye ekleyebilir:
+*
+*   style-src-attr 'unsafe-hashes' 'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='
+*     'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718=' 'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='
+*     'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac=' 'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='
+*     'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw=' 'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='
+*
+* `'unsafe-hashes'` yalnız listelenen sabit öznitelik değerlerine izin verir; başka hiçbir satır içi
+* stil çalışmaz. Değer React Aria sürümüne bağlıdır ve testte her sürümde yeniden doğrulanır.
+*/
+/** React Aria'nın gizli input sarmalayıcısındaki `style` özniteliğinin tam değeri. */
+const ARIA_HIDDEN_INPUT_STYLE = "border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap";
+/** Select'in gizli yerel seçim kabındaki `style` özniteliğinin tam değeri. */
+const ARIA_HIDDEN_SELECT_STYLE = "border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:fixed;width:1px;white-space:nowrap;top:0;left:0";
+/** Kaydırıcı rayının `style` özniteliğinin tam değeri (paket aynısını sınıfla da verir). */
+const ARIA_SLIDER_TRACK_STYLE = "position:relative;touch-action:none";
+/** Etiket grubu (ChipGroup) hücresinin `style` özniteliğinin tam değeri. */
+const ARIA_GRID_CELL_STYLE = "display:contents";
+/** Dosya seçicinin (FileUpload) gizli dosya alanının `style` özniteliğinin tam değeri. */
+const ARIA_FILE_TRIGGER_STYLE = "display:none";
+/** Parçalı tarih alanının (DateField, DatePicker) giriş grubunun `style` özniteliğinin tam değeri. */
+const ARIA_DATE_INPUT_STYLE = "unicode-bidi:isolate";
+/** Parçalı tarih alanının her parçasının `style` özniteliğinin tam değeri. */
+const ARIA_DATE_SEGMENT_STYLE = "caret-color:transparent";
+/** CSP `style-src-attr` için özetler (tırnaklı, doğrudan yönergeye yazılır). */
+const CSP_STYLE_ATTR_HASHES = [
+	"'sha256-OPvH+zTsq+vvwlH2fikB1Fveiha+jXy32l3j4fYaEpA='",
+	"'sha256-nlaag70CeJ4ApAK6zDhDoc67sPQgJmu/ZcrF3ZRA718='",
+	"'sha256-/JUBBkYjht2sNQzOKeVmyniQnCIOY2tC+N6DafNmPZA='",
+	"'sha256-BDgIqUOjni0WelhOfIRW4cmSnxZNAa0L9tCq85UnRac='",
+	"'sha256-aqNNdDLnnrDOnTNdkJpYlAxKVJtLt9CtFLklmInuUAE='",
+	"'sha256-FQP/R6wpXIh0lJil6G/1gqd2diz17gAipn/grrDPGIw='",
+	"'sha256-8OwrgBLJzDmN33BxF2S5Mas+HlBInED24RnP+lwfDws='"
+];
+/** Hazır yönerge: `style-src-attr 'unsafe-hashes' 'sha256-…'`. */
+const CSP_STYLE_ATTR_DIRECTIVE = `style-src-attr 'unsafe-hashes' ${CSP_STYLE_ATTR_HASHES.join(" ")}`;
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };

package/dist/csp/index.d.ts

@@ -0,0 +1,2 @@
+import { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES };

package/dist/csp/index.js

@@ -0,0 +1 @@
+export { ARIA_DATE_INPUT_STYLE, ARIA_DATE_SEGMENT_STYLE, ARIA_FILE_TRIGGER_STYLE, ARIA_GRID_CELL_STYLE, ARIA_HIDDEN_INPUT_STYLE, ARIA_HIDDEN_SELECT_STYLE, ARIA_SLIDER_TRACK_STYLE, CSP_STYLE_ATTR_DIRECTIVE, CSP_STYLE_ATTR_HASHES } from "./csp.js";

package/dist/document/index.d.ts

@@ -0,0 +1,13 @@
+import { DOCUMENT_SIZES, DocumentLine, DocumentMetaItem, DocumentParty, DocumentSize } from "../components/_document/types.js";
+import { DocumentLayout, DocumentLayoutProps, DocumentLetterhead } from "../components/DocumentLayout/DocumentLayout.js";
+import "../components/DocumentLayout/index.js";
+import { DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow } from "../components/DocumentTable/DocumentTable.js";
+import "../components/DocumentTable/index.js";
+import { PageNumber, PageNumberProps } from "../components/PageNumber/PageNumber.js";
+import { PaymentInfo, PaymentInfoLabels, PaymentInfoProps } from "../components/PaymentInfo/PaymentInfo.js";
+import "../components/PaymentInfo/index.js";
+import { DocumentTotals, VatLine, calculateTotals } from "../components/TotalsBlock/totals.js";
+import { TotalsBlock, TotalsBlockLabels, TotalsBlockProps } from "../components/TotalsBlock/TotalsBlock.js";
+import "../components/TotalsBlock/index.js";
+import { Watermark, WatermarkProps, WatermarkVariant } from "../components/Watermark/Watermark.js";
+export { DOCUMENT_SIZES, DocumentLayout, DocumentLayoutProps, DocumentLetterhead, type DocumentLine, type DocumentMetaItem, type DocumentParty, type DocumentSize, DocumentTable, DocumentTableColumn, DocumentTableProps, DocumentTableRow, type DocumentTotals, PageNumber, PageNumberProps, PaymentInfo, PaymentInfoLabels, PaymentInfoProps, TotalsBlock, TotalsBlockLabels, TotalsBlockProps, type VatLine, Watermark, WatermarkProps, WatermarkVariant, calculateTotals };

package/dist/document/index.js

@@ -0,0 +1,9 @@
+import { DOCUMENT_SIZES } from "../components/_document/types.js";
+import { DocumentLayout } from "../components/DocumentLayout/DocumentLayout.js";
+import { DocumentTable } from "../components/DocumentTable/DocumentTable.js";
+import { PageNumber } from "../components/PageNumber/PageNumber.js";
+import { PaymentInfo } from "../components/PaymentInfo/PaymentInfo.js";
+import { TotalsBlock } from "../components/TotalsBlock/TotalsBlock.js";
+import { calculateTotals } from "../components/TotalsBlock/totals.js";
+import { Watermark } from "../components/Watermark/Watermark.js";
+export { DOCUMENT_SIZES, DocumentLayout, DocumentTable, PageNumber, PaymentInfo, TotalsBlock, Watermark, calculateTotals };