tamga-ui 0.3.1 → 0.3.2

package/dist/components/surface.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/cn.js";
+import { dataProps } from "../lib/data-props.js";
 /**
  * YÜZEYLER — kart, tablo, sessiz etiket.
  *
@@ -11,8 +12,8 @@ import { cn } from "../lib/cn.js";
  * 1px kenar + 2px sert offset (Yasa 1). İçindeki her şey `Gutter`ın ritmini
  * paylaşır, böylece iki kart yan yana geldiğinde iç boşlukları hizalanır.
  */
-export function Card({ as: Tag = "div", overflow = "clip", children, className, }) {
-    return (_jsx(Tag, { className: cn("tamga-card", overflow === "visible" && "tamga-card-open", className), children: children }));
+export function Card({ as: Tag = "div", overflow = "clip", children, className, ...rest }) {
+    return (_jsx(Tag, { ...dataProps(rest), className: cn("tamga-card", overflow === "visible" && "tamga-card-open", className), children: children }));
 }
 /**
  * Kart başlığı — başlık solda, eylem sağda, ikisi aynı taban çizgisinde.
@@ -20,12 +21,12 @@ export function Card({ as: Tag = "div", overflow = "clip", children, className,
  * Eylemin yeri tartışmaya kapalı: üründeki her satır kontrolünü sağda tutar,
  * ve başka yere koyan bir başlık listeden kopmuş görünür.
  */
-export function CardHead({ children, action, className, }) {
-    return (_jsxs("div", { className: cn("tamga-head tamga-gutter tamga-section", className), children: [children, action ? _jsx("span", { className: "ml-auto", children: action }) : null] }));
+export function CardHead({ children, action, className, ...rest }) {
+    return (_jsxs("div", { ...dataProps(rest), className: cn("tamga-head tamga-gutter tamga-section", className), children: [children, action ? _jsx("span", { className: "ml-auto", children: action }) : null] }));
 }
 /** Kart gövdesi — başlıkla aynı yatay ritim, kendi dikey nefesi. */
-export function CardBody({ children, className }) {
-    return _jsx("div", { className: cn("tamga-gutter py-6", className), children: children });
+export function CardBody({ children, className, ...rest }) {
+    return _jsx("div", { ...dataProps(rest), className: cn("tamga-gutter py-6", className), children: children });
 }
 /**
  * Tablo.
@@ -34,8 +35,8 @@ export function CardBody({ children, className }) {
  * tablo tüm sayfayı yana kaydırır — ve bunu unutmak, unutulduğu yerde fark
  * edilmeyen bir hatadır.
  */
-export function Table({ children, className }) {
-    return (_jsx("div", { className: "w-full overflow-x-auto", children: _jsx("table", { className: cn("tamga-table", className), children: children }) }));
+export function Table({ children, className, ...rest }) {
+    return (_jsx("div", { ...dataProps(rest), className: "w-full overflow-x-auto", children: _jsx("table", { className: cn("tamga-table", className), children: children }) }));
 }
 /**
  * Sessiz etiket — bir başlığın yanındaki ya da bir grubun üstündeki meta satır.
@@ -44,6 +45,6 @@ export function Table({ children, className }) {
  * (`p95 · 24h`, `10 kontrol`). Form etiketi için `Field` kullan — o `htmlFor`
  * bağını da kurar.
  */
-export function Label({ children, mono = false, className, }) {
-    return _jsx("span", { className: cn("tamga-label", mono && "font-mono", className), children: children });
+export function Label({ children, mono = false, className, ...rest }) {
+    return _jsx("span", { ...dataProps(rest), className: cn("tamga-label", mono && "font-mono", className), children: children });
 }

package/dist/components/switch.d.ts

@@ -1,4 +1,4 @@
-export declare function Switch({ on, onChange, label, disabled, className, }: {
+export declare function Switch({ on, onChange, label, disabled, className, ...rest }: {
     on: boolean;
     onChange?: (next: boolean) => void;
     /**
@@ -8,5 +8,7 @@ export declare function Switch({ on, onChange, label, disabled, className, }: {
     label: string;
     disabled?: boolean;
     className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAWA,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,GACV,EAAE;IACD,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAqBA"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":"AAYA,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAgB,EAChB,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,EAAE,EAAE,OAAO,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAsBA"}

package/dist/components/switch.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/cn.js";
+import { dataProps } from "../lib/data-props.js";
 import { OFF } from "./control-base.js";
 /* ---------------------------------------------------------------- *
  * Switch — akranlar arası seçim DEĞİL, açık/kapalı durumu.
@@ -8,6 +9,6 @@ import { OFF } from "./control-base.js";
  * Dolgu burada Yasa 2'nin üçüncü bilinçli istisnası: dolu iz metaforun
  * kendisidir, bir devrenin kapalı olması demektir.
  * ---------------------------------------------------------------- */
-export function Switch({ on, onChange, label, disabled = false, className, }) {
-    return (_jsx("button", { type: "button", role: "switch", "aria-checked": on, "aria-label": label, "aria-disabled": disabled || undefined, disabled: disabled, onClick: () => !disabled && onChange?.(!on), className: cn("tamga-switch", className), "data-on": on, style: disabled ? OFF : undefined, children: _jsx("span", { "aria-hidden": true }) }));
+export function Switch({ on, onChange, label, disabled = false, className, ...rest }) {
+    return (_jsx("button", { ...dataProps(rest), type: "button", role: "switch", "aria-checked": on, "aria-label": label, "aria-disabled": disabled || undefined, disabled: disabled, onClick: () => !disabled && onChange?.(!on), className: cn("tamga-switch", className), "data-on": on, style: disabled ? OFF : undefined, children: _jsx("span", { "aria-hidden": true }) }));
 }

package/dist/components/tabs.d.ts

@@ -25,7 +25,7 @@ export type TabItem<T extends string> = {
      */
     disabled?: boolean;
 };
-export declare function Tabs<T extends string>({ items, value, onChange, label, scroll, linkAs, className, }: {
+export declare function Tabs<T extends string>({ items, value, onChange, label, scroll, linkAs, className, ...rest }: {
     items: readonly TabItem<T>[];
     value: T;
     onChange?: (next: T) => void;
@@ -43,5 +43,7 @@ export declare function Tabs<T extends string>({ items, value, onChange, label,
      */
     linkAs?: React.ElementType;
     className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AAEH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI;IACtC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BA4DA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;GAIG;AAEH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI;IACtC,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,EACrC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAc,EACd,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BA4DA"}

package/dist/components/tabs.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "../lib/cn.js";
-export function Tabs({ items, value, onChange, label, scroll = false, linkAs, className, }) {
+import { dataProps } from "../lib/data-props.js";
+export function Tabs({ items, value, onChange, label, scroll = false, linkAs, className, ...rest }) {
     const kap = cn("flex gap-6 border-b border-[var(--color-line)]", scroll && "overflow-x-auto", className);
     const bagliMi = items.some((t) => t.href);
     const A = linkAs ?? "a";
     if (bagliMi) {
-        return (_jsx("nav", { "aria-label": label, className: kap, children: items.map((t) => t.disabled ? (_jsxs("span", { "aria-disabled": "true", className: cn("tamga-tab", scroll && "shrink-0"), "data-disabled": "true", children: [t.icon, t.label] }, t.value)) : (_jsxs(A, { href: t.href, className: cn("tamga-tab", scroll && "shrink-0"), "data-active": value === t.value, "aria-current": value === t.value ? "page" : undefined, children: [t.icon, t.label] }, t.value))) }));
+        return (_jsx("nav", { ...dataProps(rest), "aria-label": label, className: kap, children: items.map((t) => t.disabled ? (_jsxs("span", { "aria-disabled": "true", className: cn("tamga-tab", scroll && "shrink-0"), "data-disabled": "true", children: [t.icon, t.label] }, t.value)) : (_jsxs(A, { href: t.href, className: cn("tamga-tab", scroll && "shrink-0"), "data-active": value === t.value, "aria-current": value === t.value ? "page" : undefined, children: [t.icon, t.label] }, t.value))) }));
     }
     return (_jsx("div", { role: "tablist", "aria-label": label, className: kap, children: items.map((t) => (_jsxs("button", { type: "button", role: "tab", "aria-selected": value === t.value, disabled: t.disabled, className: cn("tamga-tab", scroll && "shrink-0"), "data-active": value === t.value, "data-disabled": t.disabled || undefined, onClick: () => onChange?.(t.value), children: [t.icon, t.label] }, t.value))) }));
 }

package/dist/components/timeline-strip.d.ts

@@ -8,12 +8,14 @@ export declare function TimelineStrip({ data, height, gap, minWidth,
 /** Şeridin iki ucundaki zaman etiketi — "90 gün önce" · "bugün". */
 labels, 
 /** Her kovanın erişilebilir açıklaması. Kit çeviri çekmez. */
-describe, }: {
+describe, ...rest }: {
     data: readonly Tone[];
     height?: number;
     gap?: number;
     minWidth?: number;
     labels?: [string, string];
     describe?: (index: number, tone: Tone) => string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=timeline-strip.d.ts.map

package/dist/components/timeline-strip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timeline-strip.d.ts","sourceRoot":"","sources":["../../src/components/timeline-strip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAW,EACX,GAAO,EACP,QAAY;AACZ,oEAAoE;AACpE,MAAM;AACN,8DAA8D;AAC9D,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CAClD,+BAqBA"}
+{"version":3,"file":"timeline-strip.d.ts","sourceRoot":"","sources":["../../src/components/timeline-strip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,MAAW,EACX,GAAO,EACP,QAAY;AACZ,oEAAoE;AACpE,MAAM;AACN,8DAA8D;AAC9D,QAAQ,EACR,GAAG,IAAI,EACR,EAAE;IACD,IAAI,EAAE,SAAS,IAAI,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACjD,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAqBA"}

package/dist/components/timeline-strip.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { dataProps } from "../lib/data-props.js";
 import { toneOf } from "./tone.js";
 /**
  * TimelineStrip — kova başına bir işaret, renk durumu taşır.
@@ -9,6 +10,6 @@ export function TimelineStrip({ data, height = 32, gap = 2, minWidth = 3,
 /** Şeridin iki ucundaki zaman etiketi — "90 gün önce" · "bugün". */
 labels, 
 /** Her kovanın erişilebilir açıklaması. Kit çeviri çekmez. */
-describe, }) {
-    return (_jsxs("div", { children: [_jsx("div", { className: "flex items-end", style: { gap }, children: data.map((tone, i) => (_jsx("span", { title: describe?.(i, tone), className: "flex-1 transition-opacity hover:opacity-60", style: { height, minWidth, background: toneOf(tone).mark } }, i))) }), labels ? (_jsxs("div", { className: "mt-2 flex justify-between", children: [_jsx("span", { className: "font-mono text-micro text-ink-faint", children: labels[0] }), _jsx("span", { className: "font-mono text-micro text-ink-faint", children: labels[1] })] })) : null] }));
+describe, ...rest }) {
+    return (_jsxs("div", { ...dataProps(rest), children: [_jsx("div", { className: "flex items-end", style: { gap }, children: data.map((tone, i) => (_jsx("span", { title: describe?.(i, tone), className: "flex-1 transition-opacity hover:opacity-60", style: { height, minWidth, background: toneOf(tone).mark } }, i))) }), labels ? (_jsxs("div", { className: "mt-2 flex justify-between", children: [_jsx("span", { className: "font-mono text-micro text-ink-faint", children: labels[0] }), _jsx("span", { className: "font-mono text-micro text-ink-faint", children: labels[1] })] })) : null] }));
 }

package/dist/components/tree-select.d.ts

@@ -8,7 +8,7 @@ export type TreeNode = {
     label: string;
     children?: TreeNode[];
 };
-export declare function TreeSelect({ nodes, value, onChange, labels, searchable, height, className, }: {
+export declare function TreeSelect({ nodes, value, onChange, labels, searchable, height, className, ...rest }: {
     nodes: readonly TreeNode[];
     /** The ids of the selected nodes. TR: Seçili düğüm id'leri. */
     value: readonly string[];
@@ -22,5 +22,7 @@ export declare function TreeSelect({ nodes, value, onChange, labels, searchable,
     searchable?: boolean;
     height?: number;
     className?: string;
+    /** `data-*` hooks pass through. TR: `data-*` kancaları geçiyor. */
+    [k: `data-${string}`]: unknown;
 }): import("react").JSX.Element;
 //# sourceMappingURL=tree-select.d.ts.map

package/dist/components/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["../../src/components/tree-select.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAoBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAiB,EACjB,MAAY,EACZ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAqHA"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["../../src/components/tree-select.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AAEH,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;CACvB,CAAC;AAoBF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAiB,EACjB,MAAY,EACZ,SAAS,EACT,GAAG,IAAI,EACR,EAAE;IACD,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,+DAA+D;IAC/D,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,CAAC,CAAC,EAAE,QAAQ,MAAM,EAAE,GAAG,OAAO,CAAC;CAChC,+BAqHA"}

package/dist/components/tree-select.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { cn } from "../lib/cn.js";
+import { dataProps } from "../lib/data-props.js";
 import { Checkbox } from "./checkbox.js";
 import { Icon } from "./icon.js";
 import { CaretDown, CaretRight, Search } from "./icons.js";
@@ -23,7 +24,7 @@ function suz(nodes, q) {
     };
     return nodes.map(gez).filter((n) => n !== null);
 }
-export function TreeSelect({ nodes, value, onChange, labels, searchable = true, height = 320, className, }) {
+export function TreeSelect({ nodes, value, onChange, labels, searchable = true, height = 320, className, ...rest }) {
     const [q, setQ] = useState("");
     /* Kapalı olanlar tutuluyor, açık olanlar değil: varsayılan AÇIK.
        Bir kategori ağacı kapalı açıldığında kullanıcı önce her dalı tıklamak
@@ -46,7 +47,7 @@ export function TreeSelect({ nodes, value, onChange, labels, searchable = true,
         const cocuklar = node.children ?? [];
         const acik = !kapali.has(node.id);
         const isaretli = secili.has(node.id);
-        return (_jsxs("li", { role: "none", children: [_jsxs("div", { className: "flex items-center gap-1.5 rounded-(--radius-mark) py-1 hover:bg-[var(--color-hover)]", style: { paddingLeft: `${derinlik * 18}px` }, children: [cocuklar.length > 0 ? (_jsx("button", { type: "button", className: "tamga-mini-btn size-5 shrink-0", "aria-label": acik ? labels.collapse : labels.expand, "aria-expanded": acik, onClick: () => {
+        return (_jsxs("li", { ...dataProps(rest), role: "none", children: [_jsxs("div", { className: "flex items-center gap-1.5 rounded-(--radius-mark) py-1 hover:bg-[var(--color-hover)]", style: { paddingLeft: `${derinlik * 18}px` }, children: [cocuklar.length > 0 ? (_jsx("button", { type: "button", className: "tamga-mini-btn size-5 shrink-0", "aria-label": acik ? labels.collapse : labels.expand, "aria-expanded": acik, onClick: () => {
                                 const next = new Set(kapali);
                                 if (acik)
                                     next.add(node.id);

package/dist/kit.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.3.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.3.2 · MIT · https://tamga.org.tr */
 :root {
 
   --overlay-gap: 8px;

package/dist/lib/data-props.d.ts

@@ -0,0 +1,20 @@
+/**
+ * `data-*` niteliklerini ayıklar — ve YALNIZ onları.
+ *
+ * KİT BİLEŞENLERİ FAZLADAN PROP YAYMIYOR ve bu bilinçli: 85 bileşenin 78'i böyle. Her şeyi
+ * yaymak, çağıranın `className`i, `onClick`i ya da `style`ı bileşenin kendi davranışının üstüne
+ * yazmasına izin vermek olurdu — "kürasyonlu seçenek, serbestlik değil" kararının tam tersi.
+ *
+ * AMA `data-*` BAŞKA. Eylemsizdir: HTML'de hiçbir davranışa bağlanmaz, yalnız bir kanca taşır —
+ * bir testin tutunacağı, bir stilin seçeceği, bir analitiğin okuyacağı. Bileşeni bozamaz.
+ *
+ * Kabul etmemenin bedeli ölçüldü ve yüksek: bir `data-verdict` kancası gerektiği için tüketici
+ * bileşeni bırakıp sınıfını elle yazıyor, ve o sınıfla birlikte gelen korumaları (kırpma,
+ * erişilebilirlik, kaydırma) kaybediyor. Kanca sessizce düşüyor, hiçbir yerde hata vermiyor:
+ * geçen taraf geçtiğini sanıyor, alan taraf hiç çizmiyor.
+ *
+ * `aria-*` BU LİSTEDE YOK, bilerek. O eylemsiz değil: bir `aria-label`, bileşenin kendi
+ * hesapladığı erişilebilir adı sessizce ezer. Erişilebilirlik bir prop olarak AÇIKÇA istenir.
+ */
+export declare function dataProps(props: Record<string, unknown>): Record<string, unknown>;
+//# sourceMappingURL=data-props.d.ts.map

package/dist/lib/data-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-props.d.ts","sourceRoot":"","sources":["../../src/lib/data-props.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIjF"}

package/dist/lib/data-props.js

@@ -0,0 +1,25 @@
+/**
+ * `data-*` niteliklerini ayıklar — ve YALNIZ onları.
+ *
+ * KİT BİLEŞENLERİ FAZLADAN PROP YAYMIYOR ve bu bilinçli: 85 bileşenin 78'i böyle. Her şeyi
+ * yaymak, çağıranın `className`i, `onClick`i ya da `style`ı bileşenin kendi davranışının üstüne
+ * yazmasına izin vermek olurdu — "kürasyonlu seçenek, serbestlik değil" kararının tam tersi.
+ *
+ * AMA `data-*` BAŞKA. Eylemsizdir: HTML'de hiçbir davranışa bağlanmaz, yalnız bir kanca taşır —
+ * bir testin tutunacağı, bir stilin seçeceği, bir analitiğin okuyacağı. Bileşeni bozamaz.
+ *
+ * Kabul etmemenin bedeli ölçüldü ve yüksek: bir `data-verdict` kancası gerektiği için tüketici
+ * bileşeni bırakıp sınıfını elle yazıyor, ve o sınıfla birlikte gelen korumaları (kırpma,
+ * erişilebilirlik, kaydırma) kaybediyor. Kanca sessizce düşüyor, hiçbir yerde hata vermiyor:
+ * geçen taraf geçtiğini sanıyor, alan taraf hiç çizmiyor.
+ *
+ * `aria-*` BU LİSTEDE YOK, bilerek. O eylemsiz değil: bir `aria-label`, bileşenin kendi
+ * hesapladığı erişilebilir adı sessizce ezer. Erişilebilirlik bir prop olarak AÇIKÇA istenir.
+ */
+export function dataProps(props) {
+    const out = {};
+    for (const [k, v] of Object.entries(props))
+        if (k.startsWith("data-"))
+            out[k] = v;
+    return out;
+}

package/dist/styles.css

@@ -1,3 +1,3 @@
-/*! tamga-ui 0.3.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.3.2 · MIT · https://tamga.org.tr */
 @import "./theme.css";
 @import "./kit.css";

package/dist/theme.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.3.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.3.2 · MIT · https://tamga.org.tr */
 @custom-variant dark (&:is(.dark *));
 
 @theme {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamga-ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Mantıksal's shared interface library: tokens, physics and components.",
   "license": "MIT",
   "type": "module",