@stisocial/ui 0.0.0-stage → 0.1.0

package/dist/components/DescriptionList/DescriptionList.css

@@ -0,0 +1,101 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-DescriptionList-root-f8e24 {
+    --sti-description-list-gap: var(--sti-space-4);
+    --sti-description-list-column-gap: var(--sti-space-6);
+    --sti-description-list-pair-gap: var(--sti-space-1);
+    --sti-description-list-columns: minmax(0, 1fr) minmax(0, 2fr);
+    --sti-description-list-term-fg: var(--sti-fg-muted);
+    --sti-description-list-divider: var(--sti-border-subtle);
+    --sti-description-list-font-size: var(--sti-font-size-md);
+    --sti-description-list-leading: var(--sti-line-height-md);
+    gap: var(--sti-description-list-gap);
+    width: 100%;
+    min-width: 0;
+    color: var(--sti-fg);
+    display: grid;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-layout="auto"] {
+    container-type: inline-size;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-size="sm"] {
+    --sti-description-list-gap: var(--sti-space-3);
+    --sti-description-list-column-gap: var(--sti-space-4);
+    --sti-description-list-font-size: var(--sti-font-size-sm);
+    --sti-description-list-leading: var(--sti-line-height-sm);
+  }
+
+  .sti-DescriptionList-item-fa1c8 {
+    gap: var(--sti-description-list-pair-gap);
+    min-width: 0;
+    display: grid;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-divided] {
+    gap: 0;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-divided] > .sti-DescriptionList-item-fa1c8 {
+    padding-block: calc(var(--sti-description-list-gap) * .75);
+  }
+
+  .sti-DescriptionList-root-f8e24[data-divided] > .sti-DescriptionList-item-fa1c8:first-child {
+    padding-block-start: 0;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-divided] > .sti-DescriptionList-item-fa1c8:last-child {
+    padding-block-end: 0;
+  }
+
+  .sti-DescriptionList-root-f8e24[data-divided] > .sti-DescriptionList-item-fa1c8 + .sti-DescriptionList-item-fa1c8 {
+    border-block-start: var(--sti-border-width) solid var(--sti-description-list-divider);
+  }
+
+  .sti-DescriptionList-root-f8e24[data-layout="inline"] > .sti-DescriptionList-item-fa1c8 {
+    grid-template-columns: var(--sti-description-list-columns);
+    column-gap: var(--sti-description-list-column-gap);
+    align-items: baseline;
+  }
+
+  @container (width >= 32rem) {
+    .sti-DescriptionList-root-f8e24[data-layout="auto"] > .sti-DescriptionList-item-fa1c8 {
+      grid-template-columns: var(--sti-description-list-columns);
+      column-gap: var(--sti-description-list-column-gap);
+      align-items: baseline;
+    }
+  }
+
+  .sti-DescriptionList-term-430d1 {
+    min-width: 0;
+    color: var(--sti-description-list-term-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+    overflow-wrap: anywhere;
+  }
+
+  .sti-DescriptionList-value-f8f99 {
+    min-width: 0;
+    font-size: var(--sti-description-list-font-size);
+    line-height: var(--sti-description-list-leading);
+    overflow-wrap: anywhere;
+    margin: 0;
+  }
+
+  .sti-DescriptionList-value-f8f99[data-numeric] {
+    font-family: var(--sti-font-numeric);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .sti-DescriptionList-empty-17754 {
+    color: var(--sti-fg-muted);
+  }
+
+  @media (forced-colors: active) {
+    .sti-DescriptionList-root-f8e24[data-divided] > .sti-DescriptionList-item-fa1c8 + .sti-DescriptionList-item-fa1c8 {
+      border-block-start-color: canvastext;
+    }
+  }
+}

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from "react";
+export type DescriptionListLayout = "auto" | "stacked" | "inline";
+export interface DescriptionListProps {
+  /**
+   * Düzen:
+   * - `auto` (varsayılan): kapsayıcı genişliğine göre; 32rem (512 piksel) altında `stacked`,
+   *   üstünde `inline`. Ekran değil listenin bulunduğu kutu ölçülür (dar kartta da doğru).
+   * - `stacked`: ad üstte, değer altta (dar alanlar).
+   * - `inline`: ad solda, değer sağda; iki sütun (1 : 2).
+   */
+  layout?: DescriptionListLayout;
+  /** Maddeler arasında ince ayraç çizgisi (ayar ve hesap bilgisi listeleri). */
+  divided?: boolean;
+  /** Yazı boyu: `sm` (yoğun panel) ya da `md` (varsayılan). */
+  size?: "sm" | "md";
+  /** Maddeler: `DescriptionItem`. */
+  children: ReactNode;
+  "aria-label"?: string;
+  "aria-labelledby"?: string;
+  className?: string;
+  id?: string;
+}
+/**
+ * Ad–değer çiftleri listesi (`<dl>`): hesap bilgileri, fatura ayrıntıları, ayarların özeti.
+ * Sunucu bileşenidir; yalnız boş değerin ekran okuyucu metni istemci alt parçasıdır.
+ */
+export declare function DescriptionList({ layout, divided, size, children, className, id, ...aria }: DescriptionListProps): import("react").JSX.Element;
+export interface DescriptionItemProps {
+  /** Ad (`<dt>`): "E-posta", "Vergi numarası". */
+  term: ReactNode;
+  /**
+   * Değer (`<dd>`). Boşsa (`undefined`, `null`, `false`, boş ya da yalnız boşluk içeren metin)
+   * ekranda "—", ekran okuyucuda "Belirtilmemiş" yazılır.
+   */
+  children?: ReactNode;
+  /** Değerde eşit genişlikte rakam (tutar, IBAN, numara). */
+  numeric?: boolean;
+  className?: string;
+  id?: string;
+}
+/** Bir ad–değer çifti. */
+export declare function DescriptionItem({ term, children, numeric, className, id }: DescriptionItemProps): import("react").JSX.Element;

package/dist/components/DescriptionList/DescriptionList.js

@@ -0,0 +1,36 @@
+import DescriptionList_module_default from "./DescriptionList.module.js";
+import { EmptyValue } from "./EmptyValue.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/DescriptionList/DescriptionList.tsx
+/**
+* Ad–değer çiftleri listesi (`<dl>`): hesap bilgileri, fatura ayrıntıları, ayarların özeti.
+* Sunucu bileşenidir; yalnız boş değerin ekran okuyucu metni istemci alt parçasıdır.
+*/
+function DescriptionList({ layout = "auto", divided, size = "md", children, className, id, ...aria }) {
+	return /* @__PURE__ */ jsx("dl", {
+		id,
+		className: [DescriptionList_module_default.root, className].filter(Boolean).join(" "),
+		"data-layout": layout,
+		"data-size": size,
+		"data-divided": divided ? "" : void 0,
+		...aria,
+		children
+	});
+}
+const isEmpty = (v) => v === void 0 || v === null || v === false || v === true || typeof v === "string" && v.trim() === "" || Array.isArray(v) && v.every(isEmpty);
+/** Bir ad–değer çifti. */
+function DescriptionItem({ term, children, numeric, className, id }) {
+	return /* @__PURE__ */ jsxs("div", {
+		id,
+		className: [DescriptionList_module_default.item, className].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ jsx("dt", {
+			className: DescriptionList_module_default.term,
+			children: term
+		}), /* @__PURE__ */ jsx("dd", {
+			className: DescriptionList_module_default.value,
+			"data-numeric": numeric ? "" : void 0,
+			children: isEmpty(children) ? /* @__PURE__ */ jsx(EmptyValue, {}) : children
+		})]
+	});
+}
+export { DescriptionItem, DescriptionList };

package/dist/components/DescriptionList/DescriptionList.module.js

@@ -0,0 +1,10 @@
+import './DescriptionList.css';
+// src/components/DescriptionList/DescriptionList.module.css
+var DescriptionList_module_default = {
+	"root": "sti-DescriptionList-root-f8e24",
+	"item": "sti-DescriptionList-item-fa1c8",
+	"term": "sti-DescriptionList-term-430d1",
+	"value": "sti-DescriptionList-value-f8f99",
+	"empty": "sti-DescriptionList-empty-17754"
+};
+export { DescriptionList_module_default as default };

package/dist/components/DescriptionList/EmptyValue.js

@@ -0,0 +1,22 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
+import DescriptionList_module_default from "./DescriptionList.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/DescriptionList/EmptyValue.tsx
+/**
+* Boş değer: ekranda uzun tire (—), ekran okuyucuda "Belirtilmemiş" (`emptyValue`). Tire tek
+* başına okunduğunda anlamsızdır ("tire" ya da hiç) ve boş alanla hatayı ayırt ettirmez.
+*/
+function EmptyValue() {
+	const t = useMessages();
+	return /* @__PURE__ */ jsxs("span", {
+		className: DescriptionList_module_default.empty,
+		"data-empty": "",
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": "true",
+			children: "—"
+		}), /* @__PURE__ */ jsx(VisuallyHidden, { children: t.emptyValue })]
+	});
+}
+export { EmptyValue };

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

@@ -0,0 +1,2 @@
+import { DescriptionItem, DescriptionItemProps, DescriptionList, DescriptionListLayout, DescriptionListProps } from "./DescriptionList.js";
+export { DescriptionItem, DescriptionItemProps, DescriptionList, DescriptionListLayout, DescriptionListProps };

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,12 @@
+import { OverlayBaseProps, OverlayContent } from "../_internal/overlay/OverlayFrame.js";
+export interface DialogProps extends OverlayBaseProps {
+  /** Genişlik: sm 24rem, md 32rem (varsayılan), lg 40rem, xl 48rem; dar ekranda ekran genişliği. */
+  size?: "sm" | "md" | "lg" | "xl";
+}
+/**
+ * Kipli pencere (APG Dialog Modal): başlık, açıklama, kendi kayan gövde ve altta eylemler. Odak
+ * içeride tutulur, arka plan kaydırılamaz ve erişilemez; Escape, dışarı tıklama ya da kapatma
+ * düğmesi kapatır, odak açan öğeye döner. `trigger` ile ya da `isOpen`/`onOpenChange` ile kullanılır.
+ */
+export declare function Dialog({ size, ...props }: DialogProps): import("react").JSX.Element;
+export type { OverlayContent };

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,17 @@
+"use client";
+import { OverlayFrame } from "../_internal/overlay/OverlayFrame.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/Dialog/Dialog.tsx
+/**
+* Kipli pencere (APG Dialog Modal): başlık, açıklama, kendi kayan gövde ve altta eylemler. Odak
+* içeride tutulur, arka plan kaydırılamaz ve erişilemez; Escape, dışarı tıklama ya da kapatma
+* düğmesi kapatır, odak açan öğeye döner. `trigger` ile ya da `isOpen`/`onOpenChange` ile kullanılır.
+*/
+function Dialog({ size = "md", ...props }) {
+	return /* @__PURE__ */ jsx(OverlayFrame, {
+		kind: "dialog",
+		size,
+		...props
+	});
+}
+export { Dialog };

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

@@ -0,0 +1,3 @@
+import { OverlayContent } from "../_internal/overlay/OverlayFrame.js";
+import { Dialog, DialogProps } from "./Dialog.js";
+export { Dialog, DialogProps, type OverlayContent };

package/dist/components/DistrictSelect/DistrictSelect.d.ts

@@ -0,0 +1,19 @@
+import { OptionLoader } from "../_internal/remote/RemoteCombobox.js";
+import { DependentSelectProps } from "../_internal/remote/DependentSelect.js";
+export interface DistrictSelectProps extends DependentSelectProps {
+  /** Seçili ilin plaka kodu ("34"); yokken alan kapalıdır ve "Önce il seçin." yazar. */
+  province: string | null | undefined;
+  /**
+   * İlin ilçelerini getirir: `(il, signal) => Promise<{ id, label }[]>`. İlçe listesi idari
+   * düzenlemelerle değiştiği için pakette tutulmaz; uygulama kendi kaynağından (veritabanı, ulusal
+   * adres veri tabanı) verir. Sabit liste için `items` verilir.
+   */
+  loadDistricts?: OptionLoader;
+}
+/**
+ * İlçe seçimi: seçili ile bağlıdır. İl seçilmeden kapalıdır; il değişince seçim sıfırlanır ve
+ * yeni ilin ilçeleri getirilir. Türkçe harf duyarsız arama; yüklenirken ve hata durumunda listede
+ * resmî metin yazar. Değer uygulamanın ilçe anahtarıdır.
+ */
+export declare function DistrictSelect({ province, loadDistricts, ...rest }: DistrictSelectProps): import("react").JSX.Element;
+export type { OptionLoader };

package/dist/components/DistrictSelect/DistrictSelect.js

@@ -0,0 +1,21 @@
+"use client";
+import { useMessages } from "../../provider/UIProvider.js";
+import { DependentSelect } from "../_internal/remote/DependentSelect.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/DistrictSelect/DistrictSelect.tsx
+/**
+* İlçe seçimi: seçili ile bağlıdır. İl seçilmeden kapalıdır; il değişince seçim sıfırlanır ve
+* yeni ilin ilçeleri getirilir. Türkçe harf duyarsız arama; yüklenirken ve hata durumunda listede
+* resmî metin yazar. Değer uygulamanın ilçe anahtarıdır.
+*/
+function DistrictSelect({ province, loadDistricts, ...rest }) {
+	const t = useMessages();
+	return /* @__PURE__ */ jsx(DependentSelect, {
+		...rest,
+		parent: province,
+		load: loadDistricts,
+		defaultLabel: t.districtLabel,
+		waitingText: t.selectProvinceFirst
+	});
+}
+export { DistrictSelect };

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

@@ -0,0 +1,3 @@
+import { OptionLoader } from "../_internal/remote/RemoteCombobox.js";
+import { DistrictSelect, DistrictSelectProps } from "./DistrictSelect.js";
+export { DistrictSelect, DistrictSelectProps, type OptionLoader };

package/dist/components/Divider/Divider.css

@@ -0,0 +1,97 @@
+@layer sti.reset, sti.tokens, sti.base, sti.components, sti.variants, sti.utilities;
+@layer sti.components {
+  .sti-Divider-root-573fe {
+    --sti-divider-color: var(--sti-border-subtle);
+    --sti-divider-thickness: var(--sti-border-width);
+    --sti-divider-spacing: 0;
+    --sti-divider-gap: var(--sti-space-3);
+    --sti-divider-min: var(--sti-space-4);
+    --sti-divider-label-align: center;
+    min-width: 0;
+    color: var(--sti-fg-muted);
+    display: block;
+  }
+
+  .sti-Divider-root-573fe[data-variant="strong"] {
+    --sti-divider-color: var(--sti-border);
+  }
+
+  .sti-Divider-root-573fe[data-spacing="sm"] {
+    --sti-divider-spacing: var(--sti-space-2);
+  }
+
+  .sti-Divider-root-573fe[data-spacing="md"] {
+    --sti-divider-spacing: var(--sti-space-4);
+  }
+
+  .sti-Divider-root-573fe[data-spacing="lg"] {
+    --sti-divider-spacing: var(--sti-space-6);
+  }
+
+  .sti-Divider-root-573fe[data-orientation="horizontal"] {
+    inline-size: 100%;
+    margin-block: var(--sti-divider-spacing);
+    border-block-start: var(--sti-divider-thickness) solid var(--sti-divider-color);
+  }
+
+  .sti-Divider-root-573fe[data-orientation="vertical"] {
+    min-block-size: 1lh;
+    margin-inline: var(--sti-divider-spacing);
+    border-inline-start: var(--sti-divider-thickness) solid var(--sti-divider-color);
+    flex: none;
+    align-self: stretch;
+  }
+
+  .sti-Divider-root-573fe[data-label-align] {
+    align-items: center;
+    gap: var(--sti-divider-gap);
+    border: 0;
+    display: flex;
+  }
+
+  .sti-Divider-root-573fe[data-label-align][data-orientation="vertical"] {
+    flex-direction: column;
+  }
+
+  .sti-Divider-root-573fe[data-label-align="start"] {
+    --sti-divider-label-align: start;
+  }
+
+  .sti-Divider-root-573fe[data-label-align="end"] {
+    --sti-divider-label-align: end;
+  }
+
+  .sti-Divider-root-573fe[data-label-align]:before, .sti-Divider-root-573fe[data-label-align]:after {
+    content: "";
+    min-inline-size: var(--sti-divider-min);
+    border-block-start: var(--sti-divider-thickness) solid var(--sti-divider-color);
+    flex: 1 1 0;
+  }
+
+  .sti-Divider-root-573fe[data-label-align][data-orientation="vertical"]:before, .sti-Divider-root-573fe[data-label-align][data-orientation="vertical"]:after {
+    min-inline-size: 0;
+    min-block-size: var(--sti-divider-min);
+    border-block-start: 0;
+    border-inline-start: var(--sti-divider-thickness) solid var(--sti-divider-color);
+  }
+
+  .sti-Divider-root-573fe[data-label-align="start"]:before, .sti-Divider-root-573fe[data-label-align="end"]:after {
+    display: none;
+  }
+
+  .sti-Divider-label-3b6d9 {
+    min-width: 0;
+    font-size: var(--sti-font-size-sm);
+    line-height: var(--sti-line-height-sm);
+    text-align: var(--sti-divider-label-align);
+    text-wrap: balance;
+    overflow-wrap: anywhere;
+    flex: 0 auto;
+  }
+
+  @media (forced-colors: active) {
+    .sti-Divider-root-573fe {
+      --sti-divider-color: CanvasText;
+    }
+  }
+}

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from "react";
+export interface DividerProps {
+  /** Yön: yatay satırların arasında, dikey yan yana öğelerin arasında (esnek satırda uzar). */
+  orientation?: "horizontal" | "vertical";
+  /**
+   * Süs: çizgi yalnız görsel bir ayrımsa (kart içi, araç çubuğu) erişilebilirlik ağacından çıkar.
+   * Varsayılan anlamlı ayırıcıdır (`role="separator"`).
+   */
+  decorative?: boolean;
+  /** Ortadaki kısa etiket ("veya"); anlamlı ayırıcının erişilebilir adı olur. */
+  label?: ReactNode;
+  /** Etiketin konumu. */
+  labelAlign?: "start" | "center" | "end";
+  /** Çizgi rengi: `subtle` (`border-subtle`, varsayılan) ya da `strong` (`border`). */
+  variant?: "subtle" | "strong";
+  /** Çizginin iki yanındaki boşluk: 0, `space-2`, `space-4`, `space-6`. */
+  spacing?: "none" | "sm" | "md" | "lg";
+  className?: string;
+  id?: string;
+}
+/**
+ * İçerik gruplarını ince bir çizgiyle ayırır. Sunucu bileşenidir. Etiketli ("veya") kullanımda
+ * etiket ayırıcının adıdır: ekran okuyucu "veya, ayırıcı" okur.
+ */
+export declare function Divider({ orientation, decorative, label, labelAlign, variant, spacing, className, id }: DividerProps): import("react").JSX.Element;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,31 @@
+import Divider_module_default from "./Divider.module.js";
+import { jsx } from "react/jsx-runtime";
+import { useId } from "react";
+// src/components/Divider/Divider.tsx
+/**
+* İçerik gruplarını ince bir çizgiyle ayırır. Sunucu bileşenidir. Etiketli ("veya") kullanımda
+* etiket ayırıcının adıdır: ekran okuyucu "veya, ayırıcı" okur.
+*/
+function Divider({ orientation = "horizontal", decorative = false, label, labelAlign = "center", variant = "subtle", spacing = "none", className, id }) {
+	const labelId = useId();
+	const hasLabel = label !== void 0 && label !== null && label !== false && label !== "";
+	return /* @__PURE__ */ jsx("div", {
+		id,
+		className: [Divider_module_default.root, className].filter(Boolean).join(" "),
+		"data-orientation": orientation,
+		"data-variant": variant,
+		"data-spacing": spacing,
+		"data-label-align": hasLabel ? labelAlign : void 0,
+		...decorative ? { "aria-hidden": true } : {
+			role: "separator",
+			"aria-orientation": orientation,
+			"aria-labelledby": hasLabel ? labelId : void 0
+		},
+		children: hasLabel ? /* @__PURE__ */ jsx("span", {
+			id: labelId,
+			className: Divider_module_default.label,
+			children: label
+		}) : null
+	});
+}
+export { Divider };

package/dist/components/Divider/Divider.module.js

@@ -0,0 +1,7 @@
+import './Divider.css';
+// src/components/Divider/Divider.module.css
+var Divider_module_default = {
+	"root": "sti-Divider-root-573fe",
+	"label": "sti-Divider-label-3b6d9"
+};
+export { Divider_module_default as default };

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

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

package/dist/components/DownloadButton/DownloadButton.d.ts

@@ -0,0 +1,43 @@
+import { ActionButtonAppearance } from "../ActionButton/ActionButton.js";
+import { Ref } from "react";
+interface DownloadButtonBaseProps extends ActionButtonAppearance {
+  /** Eylemin adı; varsayılan "İndir". Neyin indirildiği yazılabilir ("Raporu indir"). */
+  label?: string;
+  /** Dosya türü, kısa ve büyük harfle ("PDF", "CSV"); etiketin yanında gösterilir ve okunur. */
+  fileType?: string;
+  /** Dosya boyutu (bayt); dile göre yazılır ("1,2 MB"). */
+  fileSize?: number;
+}
+export interface DownloadLinkProps extends DownloadButtonBaseProps {
+  /**
+   * Dosyanın adresi. Tarayıcılar `download` özniteliğini yalnız aynı kökenden (ya da `blob:`,
+   * `data:`) adreslerde uygular; başka kökende dosya adı sunucunun `Content-Disposition`
+   * başlığından gelir.
+   */
+  href: string;
+  /** Kaydedilecek dosya adı; verilmezse adresin son parçası ya da sunucunun verdiği ad. */
+  fileName?: string;
+  onPress?: undefined;
+  isPending?: undefined;
+  progress?: undefined;
+  ref?: Ref<HTMLAnchorElement>;
+}
+export interface DownloadActionProps extends DownloadButtonBaseProps {
+  href?: undefined;
+  fileName?: undefined;
+  /** Dosyayı uygulama hazırlıyorsa (dışa aktarma, imzalı adres alma) indirme işini başlatır. */
+  onPress: () => void;
+  /** Hazırlanıyor: basma yok sayılır, odak korunur, ikon dönen göstergeye döner. */
+  isPending?: boolean;
+  /** Hazırlık ilerlemesi (0–1); beklerken boyutun yerinde yüzde olarak görünür ("%42"). */
+  progress?: number;
+  ref?: Ref<HTMLButtonElement>;
+}
+export type DownloadButtonProps = DownloadLinkProps | DownloadActionProps;
+/**
+ * İndirme düğmesi: dosya adresi verilirse `download` öznitelikli bağlantıdır (indirme ilerlemesini
+ * tarayıcı gösterir); dosyayı uygulama hazırlıyorsa `onPress` ile düğmedir ve hazırlık süresince
+ * bekleme ve isteğe bağlı yüzde gösterir. Dosya türü ve boyutu etiketin yanında yazılır.
+ */
+export declare function DownloadButton(props: DownloadButtonProps): import("react").JSX.Element;
+export {};

package/dist/components/DownloadButton/DownloadButton.js

@@ -0,0 +1,50 @@
+"use client";
+import { useFormatter, useMessages } from "../../provider/UIProvider.js";
+import { ActionButton } from "../ActionButton/ActionButton.js";
+import { DownloadIcon } from "../../icons/generated/DownloadIcon.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/DownloadButton/DownloadButton.tsx
+const clamp01 = (v) => Math.min(1, Math.max(0, v));
+/**
+* İndirme düğmesi: dosya adresi verilirse `download` öznitelikli bağlantıdır (indirme ilerlemesini
+* tarayıcı gösterir); dosyayı uygulama hazırlıyorsa `onPress` ile düğmedir ve hazırlık süresince
+* bekleme ve isteğe bağlı yüzde gösterir. Dosya türü ve boyutu etiketin yanında yazılır.
+*/
+function DownloadButton(props) {
+	const messages = useMessages();
+	const format = useFormatter();
+	const { label, fileType, fileSize, ...appearance } = props;
+	const size = fileSize !== void 0 && Number.isFinite(fileSize) && fileSize >= 0 ? format.fileSize(fileSize) : void 0;
+	const meta = [fileType?.trim(), size].filter((part) => Boolean(part));
+	const shared = {
+		variant: appearance.variant,
+		size: appearance.size,
+		iconOnly: appearance.iconOnly,
+		isDisabled: appearance.isDisabled,
+		className: appearance.className,
+		id: appearance.id,
+		"aria-describedby": appearance["aria-describedby"],
+		label: label ?? messages.download,
+		icon: /* @__PURE__ */ jsx(DownloadIcon, {}),
+		meta
+	};
+	if (props.href !== void 0) return /* @__PURE__ */ jsx(ActionButton, {
+		...shared,
+		linkRef: props.ref,
+		href: props.href,
+		download: props.fileName ?? true
+	});
+	const pending = props.isPending === true;
+	const progress = pending && props.progress !== void 0 && Number.isFinite(props.progress) ? clamp01(props.progress) : void 0;
+	const percent = progress === void 0 ? void 0 : format.percent(progress);
+	return /* @__PURE__ */ jsx(ActionButton, {
+		...shared,
+		buttonRef: props.ref,
+		isPending: pending,
+		progress,
+		pendingMeta: percent,
+		pendingMetaSizer: percent === void 0 ? void 0 : format.percent(1),
+		onPress: props.onPress
+	});
+}
+export { DownloadButton };

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

@@ -0,0 +1,2 @@
+import { DownloadActionProps, DownloadButton, DownloadButtonProps, DownloadLinkProps } from "./DownloadButton.js";
+export { DownloadActionProps, DownloadButton, DownloadButtonProps, DownloadLinkProps };

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,13 @@
+import { OverlayBaseProps } from "../_internal/overlay/OverlayFrame.js";
+export interface DrawerProps extends OverlayBaseProps {
+  /** Açıldığı kenar: `end` (varsayılan; Türkçede sağ) ya da `start`. */
+  side?: "start" | "end";
+  /** Genişlik: sm 20rem, md 24rem (varsayılan), lg 32rem, xl 40rem; ekranın en az 2rem'i açık kalır. */
+  size?: "sm" | "md" | "lg" | "xl";
+}
+/**
+ * Yan panel (kipli): ayrıntı, düzenleme formu ya da süzgeçler için ekranın kenarından kayan tam
+ * yükseklikte pencere. Dialog'un bütün davranışları geçerlidir (odak tutma, Escape, dışarı
+ * tıklama, odağın dönmesi); başlık ve alt eylemler sabit, gövde kendi kayar.
+ */
+export declare function Drawer({ side, size, ...props }: DrawerProps): import("react").JSX.Element;

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,18 @@
+"use client";
+import { OverlayFrame } from "../_internal/overlay/OverlayFrame.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/Drawer/Drawer.tsx
+/**
+* Yan panel (kipli): ayrıntı, düzenleme formu ya da süzgeçler için ekranın kenarından kayan tam
+* yükseklikte pencere. Dialog'un bütün davranışları geçerlidir (odak tutma, Escape, dışarı
+* tıklama, odağın dönmesi); başlık ve alt eylemler sabit, gövde kendi kayar.
+*/
+function Drawer({ side = "end", size = "md", ...props }) {
+	return /* @__PURE__ */ jsx(OverlayFrame, {
+		kind: "drawer",
+		side,
+		size,
+		...props
+	});
+}
+export { Drawer };

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

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

package/dist/components/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,16 @@
+import { MenuProps } from "../Menu/Menu.js";
+import { ReactElement } from "react";
+export interface DropdownMenuProps extends Omit<MenuProps, "aria-label" | "aria-labelledby" | "autoFocus"> {
+  /** Menüyü açan düğme (Button, IconButton ya da React Aria tabanlı başka bir düğme). */
+  trigger: ReactElement;
+  placement?: "bottom start" | "bottom end" | "top start" | "top end";
+  isOpen?: boolean;
+  defaultOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Açılır menü (APG Menu Button): düğme Enter, Boşluk ya da ↓ ile açar ve ilk öğeye, ↑ ile son öğeye
+ * odaklanır; Escape ya da dışarı tıklama kapatır ve odağı düğmeye döndürür. Eylem seçilince kapanır.
+ * Menü düğmenin adıyla adlanır. İçerik `MenuItem`, `MenuSection`, `MenuSeparator` ve `Submenu`'dür.
+ */
+export declare function DropdownMenu({ trigger, placement, isOpen, defaultOpen, onOpenChange, ...menu }: DropdownMenuProps): import("react").JSX.Element;

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,22 @@
+"use client";
+import { Menu as Menu$1, MenuPopover } from "../Menu/Menu.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MenuTrigger } from "react-aria-components";
+// src/components/DropdownMenu/DropdownMenu.tsx
+/**
+* Açılır menü (APG Menu Button): düğme Enter, Boşluk ya da ↓ ile açar ve ilk öğeye, ↑ ile son öğeye
+* odaklanır; Escape ya da dışarı tıklama kapatır ve odağı düğmeye döndürür. Eylem seçilince kapanır.
+* Menü düğmenin adıyla adlanır. İçerik `MenuItem`, `MenuSection`, `MenuSeparator` ve `Submenu`'dür.
+*/
+function DropdownMenu({ trigger, placement = "bottom start", isOpen, defaultOpen, onOpenChange, ...menu }) {
+	return /* @__PURE__ */ jsxs(MenuTrigger, {
+		isOpen,
+		defaultOpen,
+		onOpenChange,
+		children: [trigger, /* @__PURE__ */ jsx(MenuPopover, {
+			placement,
+			children: /* @__PURE__ */ jsx(Menu$1, { ...menu })
+		})]
+	});
+}
+export { DropdownMenu };

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

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