@handijit/ui 0.0.0-stage → 1.0.0

package/build/components/DataTable/index.js

@@ -0,0 +1,109 @@
+"use client";
+import { jsxs as s, jsx as r, Fragment as S } from "react/jsx-runtime";
+import { memo as w, Children as C } from "react";
+import { ExclamationCircleFill as v } from "react-bootstrap-icons";
+import { cx as i } from "../../helpers/class-name.helper.js";
+import { named as R } from "../../helpers/component.helper.js";
+import { resolveLabel as y } from "../../helpers/label.helper.js";
+import { useUi as j } from "../../theme/context.js";
+const e = {"wrapper":"ui-wrapper-KXCZg","wrapper--capped":"ui-wrapper--capped-M2QUJ","table":"ui-table-LF5Ow","state":"ui-state-YPPb0","state--error":"ui-state--error-A492d","state__message":"ui-state__message-wwbIW","row--warning":"ui-row--warning-BAUN2","srOnly":"ui-srOnly-Oia8c","sort":"ui-sort-3Q6Fx","sort__arrow":"ui-sort__arrow-MITWb","sort__arrow--ascending":"ui-sort__arrow--ascending-85T5d","sort__arrow--descending":"ui-sort__arrow--descending-gs3VU","sticky":"ui-sticky-KDEvQ","bulkBar":"ui-bulkBar-62qk0"};
+const F = ({
+  columns: l,
+  label: o,
+  children: d,
+  isLoading: p,
+  error: m,
+  emptyMessage: f,
+  loadingMessage: x,
+  hasViewportCap: T,
+  onSort: n,
+  bulkBar: b,
+  className: D,
+  testId: _
+}) => {
+  var g, N;
+  const { labels: t } = j(), k = C.count(d), h = (a, c) => /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r(
+    "td",
+    {
+      colSpan: l.length,
+      className: i(e.state, c && e[`state--${c}`]),
+      children: a
+    }
+  ) });
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: i(e.wrapper, T && e["wrapper--capped"], D),
+      "data-testid": _,
+      children: [
+        b && /* @__PURE__ */ r("div", { className: e.bulkBar, children: b }),
+        /* @__PURE__ */ s("table", { className: e.table, "aria-label": o, children: [
+          /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: l.map((a) => {
+            const c = !!(a.isSortable && n), L = a.ariaSort === "ascending" ? "descending" : "ascending";
+            return /* @__PURE__ */ r(
+              "th",
+              {
+                scope: "col",
+                "aria-sort": a.ariaSort,
+                className: i(a.className, a.isSticky && e.sticky),
+                children: c ? (
+                  /* Siralama bir DUGME, ` `ye yazilan `onClick` degil. */
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      type: "button",
+                      className: e.sort,
+                      onClick: () => n == null ? void 0 : n(a.key, L),
+                      children: [
+                        a.label,
+                        a.srLabel && /* @__PURE__ */ r("span", { className: e.srOnly, children: a.srLabel }),
+                        /* @__PURE__ */ r(
+                          "span",
+                          {
+                            "aria-hidden": !0,
+                            className: i(
+                              e.sort__arrow,
+                              a.ariaSort && e[`sort__arrow--${a.ariaSort}`]
+                            ),
+                            children: a.ariaSort === "descending" ? "▾" : "▴"
+                          }
+                        )
+                      ]
+                    }
+                  )
+                ) : /* @__PURE__ */ s(S, { children: [
+                  a.label,
+                  a.srLabel && /* @__PURE__ */ r("span", { className: e.srOnly, children: a.srLabel })
+                ] })
+              },
+              a.key
+            );
+          }) }) }),
+          /* @__PURE__ */ r("tbody", { children: m ? h(
+            /* @__PURE__ */ s("span", { role: "alert", className: e.state__message, children: [
+              /* @__PURE__ */ r(v, { "aria-hidden": !0 }),
+              m
+            ] }),
+            "error"
+          ) : p ? h(
+            y(
+              "DataTable.loadingMessage",
+              x,
+              (g = t == null ? void 0 : t.dataTable) == null ? void 0 : g.loading
+            )
+          ) : k === 0 ? h(
+            y("DataTable.emptyMessage", f, (N = t == null ? void 0 : t.dataTable) == null ? void 0 : N.empty)
+          ) : d })
+        ] })
+      ]
+    }
+  );
+}, A = /* @__PURE__ */ R(
+  /* @__PURE__ */ w(({ isWarning: l, className: o, children: d, ...p }) => /* @__PURE__ */ r("tr", { className: i(l && e["row--warning"], o), ...p, children: d })),
+  "DataTableRow"
+), G = /* @__PURE__ */ w(F);
+export {
+  A as DataTableRow,
+  G as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/DataTable/index.tsx"],"sourcesContent":["'use client';\n\nimport { Children, type FC, type HTMLAttributes, memo, type ReactNode } from 'react';\n\nimport { ExclamationCircleFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\nexport type DataTableColumn = {\n  /** Sütun kimliği (React key). */\n  key: string;\n  /** Başlık hücresinin içeriği. */\n  label?: ReactNode;\n  /** Görsel başlığı olmayan sütunun erişilebilir adı (eylem sütunu gibi). */\n  srLabel?: string;\n  /** Sıralanabilir sütunun yönü (`aria-sort`). */\n  ariaSort?: 'ascending' | 'descending';\n  /**\n   * Sütun sıralanabilir. `DataTable.onSort` ile birlikte anlamlı; ikisinden biri eksikse başlık düz\n   * metin kalır\n   */\n  isSortable?: boolean;\n  /** Sütun yatay kaydırmada YERİNDE kalır. */\n  isSticky?: boolean;\n  className?: string;\n};\n\ntype Props = {\n  columns: DataTableColumn[];\n  /**\n   * Tablonun erişilebilir adı (\"Bekleyen siparişler\").\n   * ⚠ ADSIZ TABLO EKRAN OKUYUCUDA YALNIZCA \"tablo\" DİYE OKUNUR.\n   */\n  label?: string;\n  /**\n   * Gövde satırları (` `). Ekranların özel hücreleri, bağlantıları ve satır tintleri burada yaşar;\n   * tablo yalnızca kabuğu ve durum satırlarını üstlenir.\n   */\n  children?: ReactNode;\n  /** Satır yokken gösterilen metin. */\n  emptyMessage?: string;\n  /** Yükleme sürerken gösterilen metin. */\n  loadingMessage?: string;\n  isLoading?: boolean;\n  /**\n   * Liste ÇEKİLEMEDİ. \"Yüklenemedi\" ile \"boş\" ayrı durumlardır: hata verilmişken boş mesajı asla\n   * çizilmez\n   */\n  error?: string | null;\n  /** Gövde `100dvh - <bant>` ile sınırlanır ve başlık satırı kendi kaydırma alanına yapışır. */\n  hasViewportCap?: boolean;\n  /** Sıralanabilir bir başlığa basıldığında çağrılır. */\n  onSort?: (key: string, direction: 'ascending' | 'descending') => void;\n  /** Satır seçildiğinde beliren TOPLU EYLEM şeridi. */\n  bulkBar?: ReactNode;\n  className?: string;\n  testId?: string;\n};\n\n/** Operasyon veri tablosu — durum satırlı tablo sözleşmesi. */\nconst DataTable: FC<Props> = ({\n  columns,\n  label,\n  children,\n  isLoading,\n  error,\n  emptyMessage,\n  loadingMessage,\n  hasViewportCap,\n  onSort,\n  bulkBar,\n  className,\n  testId,\n}) => {\n  /* Bosluk karari satir SAYISINDAN verilir; cagiranin ayrica `isEmpty` gecmesi gerekmez. */\n  const { labels } = useUi();\n  const rowCount = Children.count(children);\n\n  const renderStateRow = (content: ReactNode, modifier?: 'error') => (\n    <tr>\n      <td\n        colSpan={columns.length}\n        className={cx(styles.state, modifier && styles[`state--${modifier}`])}\n      >\n        {content}\n      </td>\n    </tr>\n  );\n\n  return (\n    <div\n      className={cx(styles.wrapper, hasViewportCap && styles['wrapper--capped'], className)}\n      data-testid={testId}\n    >\n      {bulkBar && <div className={styles.bulkBar}>{bulkBar}</div>}\n\n      <table className={styles.table} aria-label={label}>\n        <thead>\n          <tr>\n            {columns.map(column => {\n              const isSortable = Boolean(column.isSortable && onSort);\n              /* Ilk tikta ARTAN; ikinci tik yonu cevirir. */\n              const nextDirection = column.ariaSort === 'ascending' ? 'descending' : 'ascending';\n\n              return (\n                <th\n                  key={column.key}\n                  scope=\"col\"\n                  aria-sort={column.ariaSort}\n                  className={cx(column.className, column.isSticky && styles.sticky)}\n                >\n                  {isSortable ? (\n                    /* Siralama bir DUGME, ` `ye yazilan `onClick` degil. */\n                    <button\n                      type=\"button\"\n                      className={styles.sort}\n                      onClick={() => onSort?.(column.key, nextDirection)}\n                    >\n                      {column.label}\n                      {column.srLabel && <span className={styles.srOnly}>{column.srLabel}</span>}\n\n                      {/*\n                        Yon oku: `aria-hidden` cunku ayni bilgi `aria-sort`ta.\n                        Siralanabilir ama siralanmamis sutunda SOLUK bir cift\n                        ok duruyor — sutunun siralanabildigi ancak uzerine\n                        gelince anlasiliyordu.\n                      */}\n                      <span\n                        aria-hidden\n                        className={cx(\n                          styles.sort__arrow,\n                          column.ariaSort && styles[`sort__arrow--${column.ariaSort}`],\n                        )}\n                      >\n                        {column.ariaSort === 'descending' ? '▾' : '▴'}\n                      </span>\n                    </button>\n                  ) : (\n                    <>\n                      {column.label}\n                      {column.srLabel && <span className={styles.srOnly}>{column.srLabel}</span>}\n                    </>\n                  )}\n                </th>\n              );\n            })}\n          </tr>\n        </thead>\n        <tbody>\n          {error\n            ? renderStateRow(\n                <span role=\"alert\" className={styles.state__message}>\n                  <ExclamationCircleFill aria-hidden />\n                  {error}\n                </span>,\n                'error',\n              )\n            : isLoading\n              ? renderStateRow(\n                  resolveLabel(\n                    'DataTable.loadingMessage',\n                    loadingMessage,\n                    labels?.dataTable?.loading,\n                  ),\n                )\n              : rowCount === 0\n                ? renderStateRow(\n                    resolveLabel('DataTable.emptyMessage', emptyMessage, labels?.dataTable?.empty),\n                  )\n                : children}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\ntype RowProps = HTMLAttributes<HTMLTableRowElement> & {\n  children: ReactNode;\n  /** Satır dikkat bekleyen iş taşıyor (kritik stok, karar bekleyen talep). */\n  isWarning?: boolean;\n};\n\nexport const DataTableRow: FC<RowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ isWarning, className, children, ...rest }) => (\n    <tr className={cx(isWarning && styles['row--warning'], className)} {...rest}>\n      {children}\n    </tr>\n  )),\n  'DataTableRow',\n);\n\nexport default /*#__PURE__*/ memo(DataTable) as typeof DataTable;\n"],"names":["DataTable","columns","label","children","isLoading","error","emptyMessage","loadingMessage","hasViewportCap","onSort","bulkBar","className","testId","labels","useUi","rowCount","Children","renderStateRow","content","modifier","jsx","cx","styles","jsxs","column","isSortable","nextDirection","Fragment","ExclamationCircleFill","resolveLabel","_a","_b","DataTableRow","named","memo","isWarning","rest","index"],"mappings":";;;;;;;;;AAgEA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;;AAEJ,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAWC,EAAS,MAAMb,CAAQ,GAElCc,IAAiB,CAACC,GAAoBC,wBACzC,MAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAASnB,EAAQ;AAAA,MACjB,WAAWoB,EAAGC,EAAO,OAAOH,KAAYG,EAAO,UAAUH,CAAQ,EAAE,CAAC;AAAA,MAEnE,UAAAD;AAAA,IAAA;AAAA,EAAA,GAEL;AAGF,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF,EAAGC,EAAO,SAASd,KAAkBc,EAAO,iBAAiB,GAAGX,CAAS;AAAA,MACpF,eAAaC;AAAA,MAEZ,UAAA;AAAA,QAAAF,KAAW,gBAAAU,EAAC,OAAA,EAAI,WAAWE,EAAO,SAAU,UAAAZ,GAAQ;AAAA,0BAEpD,SAAA,EAAM,WAAWY,EAAO,OAAO,cAAYpB,GAC1C,UAAA;AAAA,UAAA,gBAAAkB,EAAC,SAAA,EACC,UAAA,gBAAAA,EAAC,MAAA,EACE,UAAAnB,EAAQ,IAAI,CAAAuB,MAAU;AACrB,kBAAMC,IAAa,GAAQD,EAAO,cAAcf,IAE1CiB,IAAgBF,EAAO,aAAa,cAAc,eAAe;AAEvE,mBACE,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,OAAM;AAAA,gBACN,aAAWI,EAAO;AAAA,gBAClB,WAAWH,EAAGG,EAAO,WAAWA,EAAO,YAAYF,EAAO,MAAM;AAAA,gBAE/D,UAAAG;AAAA;AAAA,kBAEC,gBAAAF;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,WAAWD,EAAO;AAAA,sBAClB,SAAS,MAAMb,KAAA,gBAAAA,EAASe,EAAO,KAAKE;AAAA,sBAEnC,UAAA;AAAA,wBAAAF,EAAO;AAAA,wBACPA,EAAO,WAAW,gBAAAJ,EAAC,QAAA,EAAK,WAAWE,EAAO,QAAS,YAAO,QAAA,CAAQ;AAAA,wBAQnE,gBAAAF;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,eAAW;AAAA,4BACX,WAAWC;AAAA,8BACTC,EAAO;AAAA,8BACPE,EAAO,YAAYF,EAAO,gBAAgBE,EAAO,QAAQ,EAAE;AAAA,4BAAA;AAAA,4BAG5D,UAAAA,EAAO,aAAa,eAAe,MAAM;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAC5C;AAAA,oBAAA;AAAA,kBAAA;AAAA,oBAGF,gBAAAD,EAAAI,GAAA,EACG,UAAA;AAAA,kBAAAH,EAAO;AAAA,kBACPA,EAAO,WAAW,gBAAAJ,EAAC,QAAA,EAAK,WAAWE,EAAO,QAAS,YAAO,QAAA,CAAQ;AAAA,gBAAA,EAAA,CACrE;AAAA,cAAA;AAAA,cAnCGE,EAAO;AAAA,YAAA;AAAA,UAuClB,CAAC,GACH,GACF;AAAA,UACA,gBAAAJ,EAAC,WACE,UAAAf,IACGY;AAAA,8BACG,QAAA,EAAK,MAAK,SAAQ,WAAWK,EAAO,gBACnC,UAAA;AAAA,cAAA,gBAAAF,EAACQ,GAAA,EAAsB,eAAW,GAAA,CAAC;AAAA,cAClCvB;AAAA,YAAA,GACH;AAAA,YACA;AAAA,UAAA,IAEFD,IACEa;AAAA,YACEY;AAAA,cACE;AAAA,cACAtB;AAAA,eACAuB,IAAAjB,KAAA,gBAAAA,EAAQ,cAAR,gBAAAiB,EAAmB;AAAA,YAAA;AAAA,UACrB,IAEFf,MAAa,IACXE;AAAA,YACEY,EAAa,0BAA0BvB,IAAcyB,IAAAlB,KAAA,gBAAAA,EAAQ,cAAR,gBAAAkB,EAAmB,KAAK;AAAA,UAAA,IAE/E5B,EAAA,CACV;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAQa6B,IAA2C,gBAAAC;AAAA,EACxC,gBAAAC,EAAK,CAAC,EAAE,WAAAC,GAAW,WAAAxB,GAAW,UAAAR,GAAU,GAAGiC,EAAA,MACvD,gBAAAhB,EAAC,MAAA,EAAG,WAAWC,EAAGc,KAAab,EAAO,cAAc,GAAGX,CAAS,GAAI,GAAGyB,GACpE,UAAAjC,EAAA,CACH,CACD;AAAA,EACD;AACF,GAEAkC,sBAAkCrC,CAAS;"}

package/build/components/DataTable/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";@layer ui{.ui-wrapper-KXCZg{overflow:auto;position:relative;background-color:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-md)}.ui-wrapper--capped-M2QUJ{max-height:calc(100dvh - var(--ui-header-height, 0px) - var(--ui-space-8))}.ui-wrapper--capped-M2QUJ .ui-table-LF5Ow thead th{position:sticky;top:0;z-index:10}.ui-table-LF5Ow{width:100%;border-collapse:collapse;font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm)}.ui-table-LF5Ow th,.ui-table-LF5Ow td{padding:var(--ui-space-3);text-align:start;border-bottom:1px solid var(--ui-border);vertical-align:middle}.ui-table-LF5Ow thead th{background-color:var(--ui-surface-2);font-weight:600;color:var(--ui-text-2);white-space:nowrap}.ui-table-LF5Ow tbody tr:hover{background-color:var(--ui-surface-inset)}.ui-state-YPPb0{text-align:center;color:var(--ui-text-2);padding-block:var(--ui-space-6)}.ui-state--error-A492d{color:var(--ui-bad-fg)}.ui-state__message-wwbIW{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.ui-state__message-wwbIW svg{font-size:var(--ui-icon-md);flex-shrink:0}.ui-row--warning-BAUN2{background-color:var(--ui-warn-bg)}.ui-row--warning-BAUN2 td:first-child{box-shadow:inset 3px 0 0 var(--ui-warn-fg)}.ui-srOnly-Oia8c{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-sort-3Q6Fx{display:inline-flex;align-items:center;gap:var(--ui-space-1);width:100%;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit;text-align:inherit}.ui-sort-3Q6Fx:hover .ui-sort__arrow-MITWb:not(.ui-sort__arrow--ascending-85T5d,.ui-sort__arrow--descending-gs3VU){color:var(--ui-text)}.ui-sort-3Q6Fx:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, -2px)}.ui-sort__arrow-MITWb{flex-shrink:0;font-size:var(--ui-font-size-2xs);color:var(--ui-text-3);transition:color var(--ui-duration-fast) var(--ui-ease-out)}@media (forced-colors: active){.ui-sort__arrow-MITWb{color:GrayText}}.ui-sort__arrow--ascending-85T5d,.ui-sort__arrow--descending-gs3VU{color:var(--ui-text)}@media (prefers-reduced-motion: reduce){.ui-sort__arrow-MITWb{transition:none}}.ui-sticky-KDEvQ{position:sticky;left:0;z-index:1;background-color:var(--ui-surface)}[dir=rtl] .ui-sticky-KDEvQ{left:auto;right:0}.ui-sticky-KDEvQ:after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:1px;background-color:var(--ui-border)}thead .ui-sticky-KDEvQ{background-color:var(--ui-surface-2)}.ui-bulkBar-62qk0{display:flex;align-items:center;gap:var(--ui-space-3);position:sticky;top:0;z-index:10;padding:var(--ui-space-2) var(--ui-space-3);border-bottom:1px solid var(--ui-border-strong);background-color:var(--ui-selected-tint);font-size:var(--ui-font-size-sm);color:var(--ui-text)}}

package/build/components/DateField/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("react"),x=require("../../helpers/class-name.helper.cjs"),h=require("../../helpers/component.helper.cjs"),p=require("../../theme/context.cjs"),a={default:{"dateField":"ui-dateField-UnUwe","dateField--sm":"ui-dateField--sm-bcDe9","range":"ui-range-nGuRH","range__row":"ui-range__row--debA","range__separator":"ui-range__separator-fEqqr","range__field":"ui-range__field-tmoNH","range__summary":"ui-range__summary-L6v1T"}},o=m.forwardRef(({type:e="date",size:r="md",className:c,testId:i,...s},d)=>t.jsx("input",{ref:d,type:e,className:x.cx(a.default.dateField,r==="sm"&&a.default["dateField--sm"],c),"data-testid":i,...s})),q=m.memo(h.named(o,"DateField")),R=({value:e,onChange:r,startLabel:c,endLabel:i,separator:s="–",min:d,max:u,isSummaryVisible:j,size:f,isDisabled:g,className:D,testId:N})=>{const{labels:l}=p.useUi(),_=(()=>{if(!j||!(l!=null&&l.locale)||e.start===""||e.end==="")return null;try{const n=new Intl.DateTimeFormat(l.locale,{dateStyle:"medium"});return`${n.format(new Date(e.start))} ${s} ${n.format(new Date(e.end))}`}catch{return null}})();return t.jsxs("div",{className:x.cx(a.default.range,D),"data-testid":N,children:[t.jsxs("div",{className:a.default.range__row,children:[t.jsx(o,{className:a.default.range__field,"aria-label":c,size:f,value:e.start,min:d,max:e.end||u,disabled:g,onChange:n=>r({...e,start:n.target.value})}),t.jsx("span",{className:a.default.range__separator,"aria-hidden":!0,children:s}),t.jsx(o,{className:a.default.range__field,"aria-label":i,size:f,value:e.end,min:e.start||d,max:u,disabled:g,onChange:n=>r({...e,end:n.target.value})})]}),_&&t.jsx("span",{className:a.default.range__summary,children:_})]})},w=h.named(m.memo(R),"DateRange");exports.DateRange=w;exports.default=q;
+//# sourceMappingURL=index.cjs.map

package/build/components/DateField/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/DateField/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type InputHTMLAttributes, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\n/* `size` yerel ozellikte karakter genisligi (`number`); burada olcu adi — `Input` ile ayni. */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {\n  /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */\n  type?: 'date' | 'datetime-local' | 'month' | 'time';\n  /** `sm` yoğun şeritler içindir (araç çubuğu, `Select size=\"sm\"` yanında); varsayılan form ölçüsü `md`. */\n  size?: 'sm' | 'md';\n  testId?: string;\n};\n\n/** Tarih alanı — yerel `<input type=\"date\">`. */\nconst DateField = forwardRef<HTMLInputElement, Props>(\n  ({ type = 'date', size = 'md', className, testId, ...rest }, ref) => (\n    <input\n      ref={ref}\n      type={type}\n      className={cx(styles.dateField, size === 'sm' && styles['dateField--sm'], className)}\n      data-testid={testId}\n      {...rest}\n    />\n  ),\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(DateField, 'DateField')) as typeof DateField;\n\nexport type DateRangeValue = {\n  /** ISO tarih (`YYYY-MM-DD`) ya da boş dize. */\n  start: string;\n  end: string;\n};\n\ntype RangeProps = {\n  value: DateRangeValue;\n  onChange: (value: DateRangeValue) => void;\n  /** Başlangıç alanının erişilebilir adı (\"Başlangıç\"). */\n  startLabel: string;\n  /** Bitiş alanının erişilebilir adı (\"Bitiş\"). */\n  endLabel: string;\n  /** İki alanın arasındaki ayraç. */\n  separator?: string;\n  /** Ölçeğin uçları; ikisi de yerel öğeye geçer. */\n  min?: string;\n  max?: string;\n  /** Seçilen aralığın okunur özetini gösterir. */\n  isSummaryVisible?: boolean;\n  /** İki alanın ölçüsü — `DateField.size`. */\n  size?: Props['size'];\n  isDisabled?: boolean;\n  className?: string;\n  testId?: string;\n};\n\n/** Tarih aralığı — iki yerel alan, taklit takvim değil. */\nconst DateRangeBase = ({\n  value,\n  onChange,\n  startLabel,\n  endLabel,\n  separator = '–',\n  min,\n  max,\n  isSummaryVisible,\n  size,\n  isDisabled,\n  className,\n  testId,\n}: RangeProps) => {\n  const { labels } = useUi();\n\n  /* OZET `Intl` ile ve `labels.locale`den. */\n  const summary = (() => {\n    if (!isSummaryVisible || !labels?.locale || value.start === '' || value.end === '') return null;\n\n    try {\n      const format = new Intl.DateTimeFormat(labels.locale, { dateStyle: 'medium' });\n      return `${format.format(new Date(value.start))} ${separator} ${format.format(new Date(value.end))}`;\n    } catch {\n      /* Gecersiz yerel ayar ya da tarih: ozet cizilmez, alanlar calismaya devam eder. */\n      return null;\n    }\n  })();\n\n  return (\n    <div className={cx(styles.range, className)} data-testid={testId}>\n      <div className={styles.range__row}>\n        <DateField\n          className={styles.range__field}\n          aria-label={startLabel}\n          size={size}\n          value={value.start}\n          min={min}\n          /* Baslangic bitisi GECEMEZ: tarayici gecersiz araligi en bastan sectirmiyor. */\n          max={value.end || max}\n          disabled={isDisabled}\n          onChange={event => onChange({ ...value, start: event.target.value })}\n        />\n\n        <span className={styles.range__separator} aria-hidden>\n          {separator}\n        </span>\n\n        <DateField\n          className={styles.range__field}\n          aria-label={endLabel}\n          size={size}\n          value={value.end}\n          min={value.start || min}\n          max={max}\n          disabled={isDisabled}\n          onChange={event => onChange({ ...value, end: event.target.value })}\n        />\n      </div>\n\n      {summary && <span className={styles.range__summary}>{summary}</span>}\n    </div>\n  );\n};\n\nexport const DateRange = /*#__PURE__*/ named(/*#__PURE__*/ memo(DateRangeBase), 'DateRange');\n"],"names":["DateField","forwardRef","type","size","className","testId","rest","ref","jsx","cx","styles","index","memo","named","DateRangeBase","value","onChange","startLabel","endLabel","separator","min","max","isSummaryVisible","isDisabled","labels","useUi","summary","format","jsxs","event","DateRange"],"mappings":"4VAmBMA,EAAYC,EAAAA,WAChB,CAAC,CAAE,KAAAC,EAAO,OAAQ,KAAAC,EAAO,KAAM,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,GAAQC,IAC3DC,EAAAA,IAAC,QAAA,CACC,IAAAD,EACA,KAAAL,EACA,UAAWO,EAAAA,GAAGC,EAAAA,QAAO,UAAWP,IAAS,MAAQO,EAAAA,QAAO,eAAe,EAAGN,CAAS,EACnF,cAAaC,EACZ,GAAGC,CAAA,CAAA,CAGV,EAEAK,EAA6BC,OAAmBC,EAAAA,MAAMb,EAAW,WAAW,CAAC,EA8BvEc,EAAgB,CAAC,CACrB,MAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,IACZ,IAAAC,EACA,IAAAC,EACA,iBAAAC,EACA,KAAAnB,EACA,WAAAoB,EACA,UAAAnB,EACA,OAAAC,CACF,IAAkB,CAChB,KAAM,CAAE,OAAAmB,CAAA,EAAWC,QAAA,EAGbC,GAAW,IAAM,CACrB,GAAI,CAACJ,GAAoB,EAACE,GAAA,MAAAA,EAAQ,SAAUT,EAAM,QAAU,IAAMA,EAAM,MAAQ,GAAI,OAAO,KAE3F,GAAI,CACF,MAAMY,EAAS,IAAI,KAAK,eAAeH,EAAO,OAAQ,CAAE,UAAW,SAAU,EAC7E,MAAO,GAAGG,EAAO,OAAO,IAAI,KAAKZ,EAAM,KAAK,CAAC,CAAC,IAAII,CAAS,IAAIQ,EAAO,OAAO,IAAI,KAAKZ,EAAM,GAAG,CAAC,CAAC,EACnG,MAAQ,CAEN,OAAO,IACT,CACF,GAAA,EAEA,OACEa,OAAC,OAAI,UAAWnB,EAAAA,GAAGC,EAAAA,QAAO,MAAON,CAAS,EAAG,cAAaC,EACxD,SAAA,CAAAuB,EAAAA,KAAC,MAAA,CAAI,UAAWlB,EAAAA,QAAO,WACrB,SAAA,CAAAF,EAAAA,IAACR,EAAA,CACC,UAAWU,EAAAA,QAAO,aAClB,aAAYO,EACZ,KAAAd,EACA,MAAOY,EAAM,MACb,IAAAK,EAEA,IAAKL,EAAM,KAAOM,EAClB,SAAUE,EACV,SAAUM,GAASb,EAAS,CAAE,GAAGD,EAAO,MAAOc,EAAM,OAAO,KAAA,CAAO,CAAA,CAAA,QAGpE,OAAA,CAAK,UAAWnB,EAAAA,QAAO,iBAAkB,cAAW,GAClD,SAAAS,EACH,EAEAX,EAAAA,IAACR,EAAA,CACC,UAAWU,EAAAA,QAAO,aAClB,aAAYQ,EACZ,KAAAf,EACA,MAAOY,EAAM,IACb,IAAKA,EAAM,OAASK,EACpB,IAAAC,EACA,SAAUE,EACV,SAAUM,GAASb,EAAS,CAAE,GAAGD,EAAO,IAAKc,EAAM,OAAO,KAAA,CAAO,CAAA,CAAA,CACnE,EACF,EAECH,GAAWlB,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,eAAiB,SAAAgB,CAAA,CAAQ,CAAA,EAC/D,CAEJ,EAEaI,EAA0BjB,EAAAA,MAAoBD,OAAKE,CAAa,EAAG,WAAW"}

package/build/components/DateField/index.d.ts

@@ -0,0 +1,44 @@
+import { InputHTMLAttributes } from 'react';
+type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */
+    type?: 'date' | 'datetime-local' | 'month' | 'time';
+    /** `sm` yoğun şeritler içindir (araç çubuğu, `Select size="sm"` yanında); varsayılan form ölçüsü `md`. */
+    size?: 'sm' | 'md';
+    testId?: string;
+};
+/** Tarih alanı — yerel `<input type="date">`. */
+declare const DateField: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
+    /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */
+    type?: "date" | "datetime-local" | "month" | "time";
+    /** `sm` yoğun şeritler içindir (araç çubuğu, `Select size="sm"` yanında); varsayılan form ölçüsü `md`. */
+    size?: "sm" | "md";
+    testId?: string;
+} & import('react').RefAttributes<HTMLInputElement>>;
+declare const _default: typeof DateField;
+export default _default;
+export type DateRangeValue = {
+    /** ISO tarih (`YYYY-MM-DD`) ya da boş dize. */
+    start: string;
+    end: string;
+};
+type RangeProps = {
+    value: DateRangeValue;
+    onChange: (value: DateRangeValue) => void;
+    /** Başlangıç alanının erişilebilir adı ("Başlangıç"). */
+    startLabel: string;
+    /** Bitiş alanının erişilebilir adı ("Bitiş"). */
+    endLabel: string;
+    /** İki alanın arasındaki ayraç. */
+    separator?: string;
+    /** Ölçeğin uçları; ikisi de yerel öğeye geçer. */
+    min?: string;
+    max?: string;
+    /** Seçilen aralığın okunur özetini gösterir. */
+    isSummaryVisible?: boolean;
+    /** İki alanın ölçüsü — `DateField.size`. */
+    size?: Props['size'];
+    isDisabled?: boolean;
+    className?: string;
+    testId?: string;
+};
+export declare const DateRange: import('react').MemoExoticComponent<({ value, onChange, startLabel, endLabel, separator, min, max, isSummaryVisible, size, isDisabled, className, testId, }: RangeProps) => import("react").JSX.Element>;

package/build/components/DateField/index.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { memo as u, forwardRef as y } from "react";
+import { cx as h } from "../../helpers/class-name.helper.js";
+import { named as D } from "../../helpers/component.helper.js";
+import { useUi as F } from "../../theme/context.js";
+const a = {"dateField":"ui-dateField-UnUwe","dateField--sm":"ui-dateField--sm-bcDe9","range":"ui-range-nGuRH","range__row":"ui-range__row--debA","range__separator":"ui-range__separator-fEqqr","range__field":"ui-range__field-tmoNH","range__summary":"ui-range__summary-L6v1T"};
+const l = y(
+  ({ type: e = "date", size: n = "md", className: i, testId: o, ...s }, d) => /* @__PURE__ */ r(
+    "input",
+    {
+      ref: d,
+      type: e,
+      className: h(a.dateField, n === "sm" && a["dateField--sm"], i),
+      "data-testid": o,
+      ...s
+    }
+  )
+), S = /* @__PURE__ */ u(/* @__PURE__ */ D(l, "DateField")), R = ({
+  value: e,
+  onChange: n,
+  startLabel: i,
+  endLabel: o,
+  separator: s = "–",
+  min: d,
+  max: c,
+  isSummaryVisible: N,
+  size: f,
+  isDisabled: g,
+  className: w,
+  testId: x
+}) => {
+  const { labels: m } = F(), p = (() => {
+    if (!N || !(m != null && m.locale) || e.start === "" || e.end === "") return null;
+    try {
+      const t = new Intl.DateTimeFormat(m.locale, { dateStyle: "medium" });
+      return `${t.format(new Date(e.start))} ${s} ${t.format(new Date(e.end))}`;
+    } catch {
+      return null;
+    }
+  })();
+  return /* @__PURE__ */ _("div", { className: h(a.range, w), "data-testid": x, children: [
+    /* @__PURE__ */ _("div", { className: a.range__row, children: [
+      /* @__PURE__ */ r(
+        l,
+        {
+          className: a.range__field,
+          "aria-label": i,
+          size: f,
+          value: e.start,
+          min: d,
+          max: e.end || c,
+          disabled: g,
+          onChange: (t) => n({ ...e, start: t.target.value })
+        }
+      ),
+      /* @__PURE__ */ r("span", { className: a.range__separator, "aria-hidden": !0, children: s }),
+      /* @__PURE__ */ r(
+        l,
+        {
+          className: a.range__field,
+          "aria-label": o,
+          size: f,
+          value: e.end,
+          min: e.start || d,
+          max: c,
+          disabled: g,
+          onChange: (t) => n({ ...e, end: t.target.value })
+        }
+      )
+    ] }),
+    p && /* @__PURE__ */ r("span", { className: a.range__summary, children: p })
+  ] });
+}, T = /* @__PURE__ */ D(/* @__PURE__ */ u(R), "DateRange");
+export {
+  T as DateRange,
+  S as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/DateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/DateField/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type InputHTMLAttributes, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\n/* `size` yerel ozellikte karakter genisligi (`number`); burada olcu adi — `Input` ile ayni. */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {\n  /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */\n  type?: 'date' | 'datetime-local' | 'month' | 'time';\n  /** `sm` yoğun şeritler içindir (araç çubuğu, `Select size=\"sm\"` yanında); varsayılan form ölçüsü `md`. */\n  size?: 'sm' | 'md';\n  testId?: string;\n};\n\n/** Tarih alanı — yerel `<input type=\"date\">`. */\nconst DateField = forwardRef<HTMLInputElement, Props>(\n  ({ type = 'date', size = 'md', className, testId, ...rest }, ref) => (\n    <input\n      ref={ref}\n      type={type}\n      className={cx(styles.dateField, size === 'sm' && styles['dateField--sm'], className)}\n      data-testid={testId}\n      {...rest}\n    />\n  ),\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(DateField, 'DateField')) as typeof DateField;\n\nexport type DateRangeValue = {\n  /** ISO tarih (`YYYY-MM-DD`) ya da boş dize. */\n  start: string;\n  end: string;\n};\n\ntype RangeProps = {\n  value: DateRangeValue;\n  onChange: (value: DateRangeValue) => void;\n  /** Başlangıç alanının erişilebilir adı (\"Başlangıç\"). */\n  startLabel: string;\n  /** Bitiş alanının erişilebilir adı (\"Bitiş\"). */\n  endLabel: string;\n  /** İki alanın arasındaki ayraç. */\n  separator?: string;\n  /** Ölçeğin uçları; ikisi de yerel öğeye geçer. */\n  min?: string;\n  max?: string;\n  /** Seçilen aralığın okunur özetini gösterir. */\n  isSummaryVisible?: boolean;\n  /** İki alanın ölçüsü — `DateField.size`. */\n  size?: Props['size'];\n  isDisabled?: boolean;\n  className?: string;\n  testId?: string;\n};\n\n/** Tarih aralığı — iki yerel alan, taklit takvim değil. */\nconst DateRangeBase = ({\n  value,\n  onChange,\n  startLabel,\n  endLabel,\n  separator = '–',\n  min,\n  max,\n  isSummaryVisible,\n  size,\n  isDisabled,\n  className,\n  testId,\n}: RangeProps) => {\n  const { labels } = useUi();\n\n  /* OZET `Intl` ile ve `labels.locale`den. */\n  const summary = (() => {\n    if (!isSummaryVisible || !labels?.locale || value.start === '' || value.end === '') return null;\n\n    try {\n      const format = new Intl.DateTimeFormat(labels.locale, { dateStyle: 'medium' });\n      return `${format.format(new Date(value.start))} ${separator} ${format.format(new Date(value.end))}`;\n    } catch {\n      /* Gecersiz yerel ayar ya da tarih: ozet cizilmez, alanlar calismaya devam eder. */\n      return null;\n    }\n  })();\n\n  return (\n    <div className={cx(styles.range, className)} data-testid={testId}>\n      <div className={styles.range__row}>\n        <DateField\n          className={styles.range__field}\n          aria-label={startLabel}\n          size={size}\n          value={value.start}\n          min={min}\n          /* Baslangic bitisi GECEMEZ: tarayici gecersiz araligi en bastan sectirmiyor. */\n          max={value.end || max}\n          disabled={isDisabled}\n          onChange={event => onChange({ ...value, start: event.target.value })}\n        />\n\n        <span className={styles.range__separator} aria-hidden>\n          {separator}\n        </span>\n\n        <DateField\n          className={styles.range__field}\n          aria-label={endLabel}\n          size={size}\n          value={value.end}\n          min={value.start || min}\n          max={max}\n          disabled={isDisabled}\n          onChange={event => onChange({ ...value, end: event.target.value })}\n        />\n      </div>\n\n      {summary && <span className={styles.range__summary}>{summary}</span>}\n    </div>\n  );\n};\n\nexport const DateRange = /*#__PURE__*/ named(/*#__PURE__*/ memo(DateRangeBase), 'DateRange');\n"],"names":["DateField","forwardRef","type","size","className","testId","rest","ref","jsx","cx","styles","index","memo","named","DateRangeBase","value","onChange","startLabel","endLabel","separator","min","max","isSummaryVisible","isDisabled","labels","useUi","summary","format","jsxs","event","DateRange"],"mappings":";;;;;;;AAmBA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,MAAAC,IAAO,QAAQ,MAAAC,IAAO,MAAM,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,KAAQC,MAC3D,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAAL;AAAA,MACA,WAAWO,EAAGC,EAAO,WAAWP,MAAS,QAAQO,EAAO,eAAe,GAAGN,CAAS;AAAA,MACnF,eAAaC;AAAA,MACZ,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV,GAEAK,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMb,GAAW,WAAW,CAAC,GA8BvEc,IAAgB,CAAC;AAAA,EACrB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,MAAAnB;AAAA,EACA,YAAAoB;AAAA,EACA,WAAAnB;AAAA,EACA,QAAAC;AACF,MAAkB;AAChB,QAAM,EAAE,QAAAmB,EAAA,IAAWC,EAAA,GAGbC,KAAW,MAAM;AACrB,QAAI,CAACJ,KAAoB,EAACE,KAAA,QAAAA,EAAQ,WAAUT,EAAM,UAAU,MAAMA,EAAM,QAAQ,GAAI,QAAO;AAE3F,QAAI;AACF,YAAMY,IAAS,IAAI,KAAK,eAAeH,EAAO,QAAQ,EAAE,WAAW,UAAU;AAC7E,aAAO,GAAGG,EAAO,OAAO,IAAI,KAAKZ,EAAM,KAAK,CAAC,CAAC,IAAII,CAAS,IAAIQ,EAAO,OAAO,IAAI,KAAKZ,EAAM,GAAG,CAAC,CAAC;AAAA,IACnG,QAAQ;AAEN,aAAO;AAAA,IACT;AAAA,EACF,GAAA;AAEA,SACE,gBAAAa,EAAC,SAAI,WAAWnB,EAAGC,EAAO,OAAON,CAAS,GAAG,eAAaC,GACxD,UAAA;AAAA,IAAA,gBAAAuB,EAAC,OAAA,EAAI,WAAWlB,EAAO,YACrB,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAACR;AAAA,QAAA;AAAA,UACC,WAAWU,EAAO;AAAA,UAClB,cAAYO;AAAA,UACZ,MAAAd;AAAA,UACA,OAAOY,EAAM;AAAA,UACb,KAAAK;AAAA,UAEA,KAAKL,EAAM,OAAOM;AAAA,UAClB,UAAUE;AAAA,UACV,UAAU,CAAAM,MAASb,EAAS,EAAE,GAAGD,GAAO,OAAOc,EAAM,OAAO,MAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGpE,QAAA,EAAK,WAAWnB,EAAO,kBAAkB,eAAW,IAClD,UAAAS,GACH;AAAA,MAEA,gBAAAX;AAAA,QAACR;AAAA,QAAA;AAAA,UACC,WAAWU,EAAO;AAAA,UAClB,cAAYQ;AAAA,UACZ,MAAAf;AAAA,UACA,OAAOY,EAAM;AAAA,UACb,KAAKA,EAAM,SAASK;AAAA,UACpB,KAAAC;AAAA,UACA,UAAUE;AAAA,UACV,UAAU,CAAAM,MAASb,EAAS,EAAE,GAAGD,GAAO,KAAKc,EAAM,OAAO,MAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACnE,GACF;AAAA,IAECH,KAAW,gBAAAlB,EAAC,QAAA,EAAK,WAAWE,EAAO,gBAAiB,UAAAgB,EAAA,CAAQ;AAAA,EAAA,GAC/D;AAEJ,GAEaI,IAA0B,gBAAAjB,EAAoB,gBAAAD,EAAKE,CAAa,GAAG,WAAW;"}

package/build/components/DateField/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-dateField-UnUwe{width:100%;font-family:var(--ui-font-body);font-size:var(--ui-font-size-control);line-height:var(--ui-leading-snug);color:var(--ui-text);background-color:var(--ui-surface);border:1px solid var(--ui-border-strong);border-radius:var(--ui-radius-md);padding:var(--ui-space-3) var(--ui-space-4);min-height:44px;transition:border-color var(--ui-duration-fast) var(--ui-ease-out),box-shadow var(--ui-duration-fast) var(--ui-ease-out)}.ui-dateField-UnUwe::placeholder{color:var(--ui-placeholder, var(--ui-text-3))}.ui-dateField-UnUwe:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--ui-border-strong),var(--ui-text) 30%)}.ui-dateField-UnUwe:focus{outline:none;border-color:var(--ui-ring-color);box-shadow:var(--ui-ring)}.ui-dateField-UnUwe:disabled{background-color:var(--ui-surface-2);border-color:var(--ui-border);cursor:not-allowed;color:var(--ui-text-3)}@media (forced-colors: active){.ui-dateField-UnUwe:disabled{color:GrayText;border-color:GrayText}}.ui-dateField-UnUwe[aria-invalid=true]{border-color:var(--ui-danger-solid)}.ui-dateField-UnUwe[aria-invalid=true]:focus{box-shadow:var(--ui-ring-danger)}@media (prefers-reduced-motion: reduce){.ui-dateField-UnUwe{transition:none}}.ui-dateField-UnUwe::-webkit-calendar-picker-indicator{border-radius:var(--ui-radius-sm);cursor:pointer}.ui-dateField-UnUwe::-webkit-calendar-picker-indicator:hover{background-color:var(--ui-surface-2)}.ui-dateField-UnUwe:invalid,.ui-dateField-UnUwe:not(:focus):placeholder-shown{color:var(--ui-text-2)}.ui-dateField--sm-bcDe9{min-height:36px;padding-block:0;padding-inline:var(--ui-space-3);font-size:var(--ui-font-size-sm)}@media (max-width: 640px){.ui-dateField--sm-bcDe9{font-size:var(--ui-font-size-control)}}@media (hover: none) and (pointer: coarse){.ui-dateField--sm-bcDe9{font-size:var(--ui-font-size-control)}}.ui-range-nGuRH{display:flex;flex-direction:column;gap:var(--ui-space-2)}.ui-range__row--debA{display:flex;align-items:center;gap:var(--ui-space-2);flex-wrap:wrap}.ui-range__separator-fEqqr{flex-shrink:0;color:var(--ui-text-3)}.ui-range__field-tmoNH{flex:1;min-width:140px}.ui-range__summary-L6v1T{font-size:var(--ui-font-size-xs);color:var(--ui-text-2);order:var(--ui-field-message-order, 0)}.ui-range__error-XbnqQ{font-size:var(--ui-font-size-xs);color:var(--ui-bad-fg);order:var(--ui-field-message-order, 0)}}

package/build/components/Directory/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/class-name.helper.cjs"),n=require("../../helpers/component.helper.cjs"),m=require("../../helpers/label.helper.cjs"),p=require("../../theme/context.cjs"),d=require("../Link/index.cjs"),r={default:{"directory":"ui-directory-badEd","group":"ui-group-i6An9","group__header":"ui-group__header-rc19c","group__label":"ui-group__label-vQTcs","group__link":"ui-group__link-es5V7","group__meta":"ui-group__meta-LtC-u","group__list":"ui-group__list-YxBCG","row":"ui-row-3LH7X","row__media":"ui-row__media-AxZEh","row__name":"ui-row__name-75Wbq","row__marker":"ui-row__marker-RYHb-","jump":"ui-jump-vpGwB","jump__link":"ui-jump__link-rRnT6"}},_=({children:a,className:l})=>e.jsx("div",{className:i.cx(r.default.directory,l),children:a}),x=n.named(t.memo(({label:a,href:l,linkProps:o,meta:s,children:c,id:u})=>e.jsxs("section",{className:r.default.group,id:u,children:[e.jsxs("header",{className:r.default.group__header,children:[e.jsx("h2",{className:r.default.group__label,children:l?e.jsx(d.default,{href:l,className:r.default.group__link,...o,children:a}):a}),s&&e.jsx("span",{className:r.default.group__meta,children:s})]}),e.jsx("ul",{className:r.default.group__list,children:c})]})),"DirectoryGroup"),h=n.named(t.memo(({href:a,name:l,media:o,marker:s,linkProps:c,className:u})=>e.jsx("li",{children:e.jsxs(d.default,{href:a,className:i.cx(r.default.row,u),...c,children:[o&&e.jsx("span",{className:r.default.row__media,children:o}),e.jsx("span",{className:r.default.row__name,children:l}),s&&e.jsx("span",{className:r.default.row__marker,children:s})]})})),"DirectoryRow"),j=n.named(t.memo(({labels:a,toId:l,label:o})=>{const{labels:s}=p.useUi();return e.jsx("nav",{className:r.default.jump,"aria-label":m.resolveLabel("DirectoryJump.label",o,s==null?void 0:s.directoryJump),children:a.map(c=>e.jsx("a",{href:`#${l(c)}`,className:r.default.jump__link,children:c},c))})}),"DirectoryJump"),f=t.memo(_);exports.DirectoryGroup=x;exports.DirectoryJump=j;exports.DirectoryRow=h;exports.default=f;
+//# sourceMappingURL=index.cjs.map

package/build/components/Directory/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Directory/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype DirectoryProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/**\n * Dizin — harf veya konu başlıklı, gruplanmış bağlantı listesi.\n * @example <Directory> <DirectoryGroup label=\"A\"> <DirectoryRow href=\"/marka/ate\" name=\"ATE\"…\n */\nconst Directory: FC<DirectoryProps> = ({ children, className }) => (\n  <div className={cx(styles.directory, className)}>{children}</div>\n);\n\ntype DirectoryGroupProps = {\n  /** Grup başlığı: harf (\"A\", \"0-9\") veya konu (\"Fren sistemi\"). */\n  label: string;\n  /** Başlık kendisi bir hedefe götürüyorsa. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  /** Başlığın sağında duran sayaç (\"14 alt kategori\"). */\n  meta?: ReactNode;\n  children: ReactNode;\n  /** Çıpa hedefi: alfabe şeridinden atlamak için. */\n  id?: string;\n};\n\n/** Dizin grubu. */\nexport const DirectoryGroup: FC<DirectoryGroupProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ label, href, linkProps, meta, children, id }) => (\n    <section className={styles.group} id={id}>\n      <header className={styles.group__header}>\n        <h2 className={styles.group__label}>\n          {href ? (\n            <UiLink href={href} className={styles.group__link} {...linkProps}>\n              {label}\n            </UiLink>\n          ) : (\n            label\n          )}\n        </h2>\n        {meta && <span className={styles.group__meta}>{meta}</span>}\n      </header>\n\n      <ul className={styles.group__list}>{children}</ul>\n    </section>\n  )),\n  'DirectoryGroup',\n);\n\ntype DirectoryRowProps = {\n  href: string;\n  name: string;\n  /** Logo, ikon veya baş harf madalyonu. */\n  media?: ReactNode;\n  /** Sağ uçta duran işaret: rozet, kayıt sayısı. */\n  marker?: ReactNode;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  className?: string;\n};\n\n/** Dizin satırı — tek bir bağlantı. */\nexport const DirectoryRow: FC<DirectoryRowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ href, name, media, marker, linkProps, className }) => (\n    <li>\n      <UiLink href={href} className={cx(styles.row, className)} {...linkProps}>\n        {media && <span className={styles.row__media}>{media}</span>}\n        <span className={styles.row__name}>{name}</span>\n        {marker && <span className={styles.row__marker}>{marker}</span>}\n      </UiLink>\n    </li>\n  )),\n  'DirectoryRow',\n);\n\ntype DirectoryJumpProps = {\n  /** Grup etiketleri; her biri kendi çıpasına bağlanır. */\n  labels: string[];\n  /** Çıpa kimliğini üretir; `DirectoryGroup id` ile aynı olmalı. */\n  toId: (label: string) => string;\n  /** Şeridin erişilebilir adı. */\n  label?: string;\n};\n\n/** Alfabe atlama şeridi. */\nexport const DirectoryJump: FC<DirectoryJumpProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ labels, toId, label }) => {\n    /*\n     * Prop adi `labels` (grup etiketleri) config'in adiyla cakisiyor; config `config` olarak\n     * alinir.\n     */\n    const { labels: config } = useUi();\n\n    return (\n      <nav\n        className={styles.jump}\n        aria-label={resolveLabel('DirectoryJump.label', label, config?.directoryJump)}\n      >\n        {labels.map(item => (\n          <a key={item} href={`#${toId(item)}`} className={styles.jump__link}>\n            {item}\n          </a>\n        ))}\n      </nav>\n    );\n  }),\n  'DirectoryJump',\n);\n\nexport default /*#__PURE__*/ memo(Directory) as typeof Directory;\n"],"names":["Directory","children","className","jsx","cx","styles","DirectoryGroup","named","memo","label","href","linkProps","meta","id","jsxs","UiLink","DirectoryRow","name","media","marker","DirectoryJump","labels","toId","config","useUi","resolveLabel","item","index"],"mappings":"uaAqBMA,EAAgC,CAAC,CAAE,SAAAC,EAAU,UAAAC,KACjDC,EAAAA,IAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,UAAWH,CAAS,EAAI,SAAAD,CAAA,CAAS,EAkBhDK,EAAwDC,EAAAA,MACrDC,EAAAA,KAAK,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,UAAAC,EAAW,KAAAC,EAAM,SAAAX,EAAU,GAAAY,CAAA,IAC5DC,EAAAA,KAAC,UAAA,CAAQ,UAAWT,EAAAA,QAAO,MAAO,GAAAQ,EAChC,SAAA,CAAAC,EAAAA,KAAC,SAAA,CAAO,UAAWT,EAAAA,QAAO,cACxB,SAAA,CAAAF,MAAC,KAAA,CAAG,UAAWE,EAAAA,QAAO,aACnB,WACCF,EAAAA,IAACY,EAAAA,QAAA,CAAO,KAAAL,EAAY,UAAWL,UAAO,YAAc,GAAGM,EACpD,SAAAF,CAAA,CACH,EAEAA,EAEJ,EACCG,GAAQT,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,YAAc,SAAAO,CAAA,CAAK,CAAA,EACtD,EAEAT,EAAAA,IAAC,KAAA,CAAG,UAAWE,EAAAA,QAAO,YAAc,SAAAJ,CAAA,CAAS,CAAA,CAAA,CAC/C,CACD,EACD,gBACF,EAeae,EAAoDT,EAAAA,MACjDC,EAAAA,KAAK,CAAC,CAAE,KAAAE,EAAM,KAAAO,EAAM,MAAAC,EAAO,OAAAC,EAAQ,UAAAR,EAAW,UAAAT,CAAA,IAC1DC,EAAAA,IAAC,MACC,SAAAW,EAAAA,KAACC,UAAA,CAAO,KAAAL,EAAY,UAAWN,EAAAA,GAAGC,UAAO,IAAKH,CAAS,EAAI,GAAGS,EAC3D,SAAA,CAAAO,GAASf,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,WAAa,SAAAa,EAAM,EACrDf,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,UAAY,SAAAY,EAAK,EACxCE,GAAUhB,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,YAAc,SAAAc,CAAA,CAAO,CAAA,CAAA,CAC1D,EACF,CACD,EACD,cACF,EAYaC,EAAsDb,EAAAA,aAC9C,CAAC,CAAE,OAAAc,EAAQ,KAAAC,EAAM,MAAAb,KAAY,CAK9C,KAAM,CAAE,OAAQc,CAAA,EAAWC,QAAA,EAE3B,OACErB,EAAAA,IAAC,MAAA,CACC,UAAWE,EAAAA,QAAO,KAClB,aAAYoB,EAAAA,aAAa,sBAAuBhB,EAAOc,GAAA,YAAAA,EAAQ,aAAa,EAE3E,WAAO,IAAIG,GACVvB,EAAAA,IAAC,IAAA,CAAa,KAAM,IAAImB,EAAKI,CAAI,CAAC,GAAI,UAAWrB,EAAAA,QAAO,WACrD,SAAAqB,CAAA,EADKA,CAER,CACD,CAAA,CAAA,CAGP,CAAC,EACD,eACF,EAEAC,SAAkC3B,CAAS"}

package/build/components/Directory/index.d.ts

@@ -0,0 +1,51 @@
+import { FC, ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+type DirectoryProps = {
+    children: ReactNode;
+    className?: string;
+};
+/**
+ * Dizin — harf veya konu başlıklı, gruplanmış bağlantı listesi.
+ * @example <Directory> <DirectoryGroup label="A"> <DirectoryRow href="/marka/ate" name="ATE"…
+ */
+declare const Directory: FC<DirectoryProps>;
+type DirectoryGroupProps = {
+    /** Grup başlığı: harf ("A", "0-9") veya konu ("Fren sistemi"). */
+    label: string;
+    /** Başlık kendisi bir hedefe götürüyorsa. */
+    href?: string;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    /** Başlığın sağında duran sayaç ("14 alt kategori"). */
+    meta?: ReactNode;
+    children: ReactNode;
+    /** Çıpa hedefi: alfabe şeridinden atlamak için. */
+    id?: string;
+};
+/** Dizin grubu. */
+export declare const DirectoryGroup: FC<DirectoryGroupProps>;
+type DirectoryRowProps = {
+    href: string;
+    name: string;
+    /** Logo, ikon veya baş harf madalyonu. */
+    media?: ReactNode;
+    /** Sağ uçta duran işaret: rozet, kayıt sayısı. */
+    marker?: ReactNode;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    className?: string;
+};
+/** Dizin satırı — tek bir bağlantı. */
+export declare const DirectoryRow: FC<DirectoryRowProps>;
+type DirectoryJumpProps = {
+    /** Grup etiketleri; her biri kendi çıpasına bağlanır. */
+    labels: string[];
+    /** Çıpa kimliğini üretir; `DirectoryGroup id` ile aynı olmalı. */
+    toId: (label: string) => string;
+    /** Şeridin erişilebilir adı. */
+    label?: string;
+};
+/** Alfabe atlama şeridi. */
+export declare const DirectoryJump: FC<DirectoryJumpProps>;
+declare const _default: typeof Directory;
+export default _default;

package/build/components/Directory/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { memo as i } from "react";
+import { cx as p } from "../../helpers/class-name.helper.js";
+import { named as t } from "../../helpers/component.helper.js";
+import { resolveLabel as u } from "../../helpers/label.helper.js";
+import { useUi as _ } from "../../theme/context.js";
+import d from "../Link/index.js";
+const r = {"directory":"ui-directory-badEd","group":"ui-group-i6An9","group__header":"ui-group__header-rc19c","group__label":"ui-group__label-vQTcs","group__link":"ui-group__link-es5V7","group__meta":"ui-group__meta-LtC-u","group__list":"ui-group__list-YxBCG","row":"ui-row-3LH7X","row__media":"ui-row__media-AxZEh","row__name":"ui-row__name-75Wbq","row__marker":"ui-row__marker-RYHb-","jump":"ui-jump-vpGwB","jump__link":"ui-jump__link-rRnT6"};
+const h = ({ children: s, className: a }) => /* @__PURE__ */ e("div", { className: p(r.directory, a), children: s }), j = /* @__PURE__ */ t(
+  /* @__PURE__ */ i(({ label: s, href: a, linkProps: l, meta: o, children: c, id: m }) => /* @__PURE__ */ n("section", { className: r.group, id: m, children: [
+    /* @__PURE__ */ n("header", { className: r.group__header, children: [
+      /* @__PURE__ */ e("h2", { className: r.group__label, children: a ? /* @__PURE__ */ e(d, { href: a, className: r.group__link, ...l, children: s }) : s }),
+      o && /* @__PURE__ */ e("span", { className: r.group__meta, children: o })
+    ] }),
+    /* @__PURE__ */ e("ul", { className: r.group__list, children: c })
+  ] })),
+  "DirectoryGroup"
+), J = /* @__PURE__ */ t(
+  /* @__PURE__ */ i(({ href: s, name: a, media: l, marker: o, linkProps: c, className: m }) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ n(d, { href: s, className: p(r.row, m), ...c, children: [
+    l && /* @__PURE__ */ e("span", { className: r.row__media, children: l }),
+    /* @__PURE__ */ e("span", { className: r.row__name, children: a }),
+    o && /* @__PURE__ */ e("span", { className: r.row__marker, children: o })
+  ] }) })),
+  "DirectoryRow"
+), k = /* @__PURE__ */ t(
+  /* @__PURE__ */ i(({ labels: s, toId: a, label: l }) => {
+    const { labels: o } = _();
+    return /* @__PURE__ */ e(
+      "nav",
+      {
+        className: r.jump,
+        "aria-label": u("DirectoryJump.label", l, o == null ? void 0 : o.directoryJump),
+        children: s.map((c) => /* @__PURE__ */ e("a", { href: `#${a(c)}`, className: r.jump__link, children: c }, c))
+      }
+    );
+  }),
+  "DirectoryJump"
+), v = /* @__PURE__ */ i(h);
+export {
+  j as DirectoryGroup,
+  k as DirectoryJump,
+  J as DirectoryRow,
+  v as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/Directory/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Directory/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype DirectoryProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/**\n * Dizin — harf veya konu başlıklı, gruplanmış bağlantı listesi.\n * @example <Directory> <DirectoryGroup label=\"A\"> <DirectoryRow href=\"/marka/ate\" name=\"ATE\"…\n */\nconst Directory: FC<DirectoryProps> = ({ children, className }) => (\n  <div className={cx(styles.directory, className)}>{children}</div>\n);\n\ntype DirectoryGroupProps = {\n  /** Grup başlığı: harf (\"A\", \"0-9\") veya konu (\"Fren sistemi\"). */\n  label: string;\n  /** Başlık kendisi bir hedefe götürüyorsa. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  /** Başlığın sağında duran sayaç (\"14 alt kategori\"). */\n  meta?: ReactNode;\n  children: ReactNode;\n  /** Çıpa hedefi: alfabe şeridinden atlamak için. */\n  id?: string;\n};\n\n/** Dizin grubu. */\nexport const DirectoryGroup: FC<DirectoryGroupProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ label, href, linkProps, meta, children, id }) => (\n    <section className={styles.group} id={id}>\n      <header className={styles.group__header}>\n        <h2 className={styles.group__label}>\n          {href ? (\n            <UiLink href={href} className={styles.group__link} {...linkProps}>\n              {label}\n            </UiLink>\n          ) : (\n            label\n          )}\n        </h2>\n        {meta && <span className={styles.group__meta}>{meta}</span>}\n      </header>\n\n      <ul className={styles.group__list}>{children}</ul>\n    </section>\n  )),\n  'DirectoryGroup',\n);\n\ntype DirectoryRowProps = {\n  href: string;\n  name: string;\n  /** Logo, ikon veya baş harf madalyonu. */\n  media?: ReactNode;\n  /** Sağ uçta duran işaret: rozet, kayıt sayısı. */\n  marker?: ReactNode;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  className?: string;\n};\n\n/** Dizin satırı — tek bir bağlantı. */\nexport const DirectoryRow: FC<DirectoryRowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ href, name, media, marker, linkProps, className }) => (\n    <li>\n      <UiLink href={href} className={cx(styles.row, className)} {...linkProps}>\n        {media && <span className={styles.row__media}>{media}</span>}\n        <span className={styles.row__name}>{name}</span>\n        {marker && <span className={styles.row__marker}>{marker}</span>}\n      </UiLink>\n    </li>\n  )),\n  'DirectoryRow',\n);\n\ntype DirectoryJumpProps = {\n  /** Grup etiketleri; her biri kendi çıpasına bağlanır. */\n  labels: string[];\n  /** Çıpa kimliğini üretir; `DirectoryGroup id` ile aynı olmalı. */\n  toId: (label: string) => string;\n  /** Şeridin erişilebilir adı. */\n  label?: string;\n};\n\n/** Alfabe atlama şeridi. */\nexport const DirectoryJump: FC<DirectoryJumpProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ labels, toId, label }) => {\n    /*\n     * Prop adi `labels` (grup etiketleri) config'in adiyla cakisiyor; config `config` olarak\n     * alinir.\n     */\n    const { labels: config } = useUi();\n\n    return (\n      <nav\n        className={styles.jump}\n        aria-label={resolveLabel('DirectoryJump.label', label, config?.directoryJump)}\n      >\n        {labels.map(item => (\n          <a key={item} href={`#${toId(item)}`} className={styles.jump__link}>\n            {item}\n          </a>\n        ))}\n      </nav>\n    );\n  }),\n  'DirectoryJump',\n);\n\nexport default /*#__PURE__*/ memo(Directory) as typeof Directory;\n"],"names":["Directory","children","className","jsx","cx","styles","DirectoryGroup","named","memo","label","href","linkProps","meta","id","jsxs","UiLink","DirectoryRow","name","media","marker","DirectoryJump","labels","toId","config","useUi","resolveLabel","item","index"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAgC,CAAC,EAAE,UAAAC,GAAU,WAAAC,QACjD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,WAAWH,CAAS,GAAI,UAAAD,EAAA,CAAS,GAkBhDK,IAAwD,gBAAAC;AAAA,EACrD,gBAAAC,EAAK,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,MAAAC,GAAM,UAAAX,GAAU,IAAAY,EAAA,MAC5D,gBAAAC,EAAC,WAAA,EAAQ,WAAWT,EAAO,OAAO,IAAAQ,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,WAAWT,EAAO,eACxB,UAAA;AAAA,MAAA,gBAAAF,EAAC,MAAA,EAAG,WAAWE,EAAO,cACnB,cACC,gBAAAF,EAACY,GAAA,EAAO,MAAAL,GAAY,WAAWL,EAAO,aAAc,GAAGM,GACpD,UAAAF,EAAA,CACH,IAEAA,GAEJ;AAAA,MACCG,KAAQ,gBAAAT,EAAC,QAAA,EAAK,WAAWE,EAAO,aAAc,UAAAO,EAAA,CAAK;AAAA,IAAA,GACtD;AAAA,IAEA,gBAAAT,EAAC,MAAA,EAAG,WAAWE,EAAO,aAAc,UAAAJ,EAAA,CAAS;AAAA,EAAA,EAAA,CAC/C,CACD;AAAA,EACD;AACF,GAeae,IAAoD,gBAAAT;AAAA,EACjD,gBAAAC,EAAK,CAAC,EAAE,MAAAE,GAAM,MAAAO,GAAM,OAAAC,GAAO,QAAAC,GAAQ,WAAAR,GAAW,WAAAT,EAAA,MAC1D,gBAAAC,EAAC,QACC,UAAA,gBAAAW,EAACC,GAAA,EAAO,MAAAL,GAAY,WAAWN,EAAGC,EAAO,KAAKH,CAAS,GAAI,GAAGS,GAC3D,UAAA;AAAA,IAAAO,KAAS,gBAAAf,EAAC,QAAA,EAAK,WAAWE,EAAO,YAAa,UAAAa,GAAM;AAAA,IACrD,gBAAAf,EAAC,QAAA,EAAK,WAAWE,EAAO,WAAY,UAAAY,GAAK;AAAA,IACxCE,KAAU,gBAAAhB,EAAC,QAAA,EAAK,WAAWE,EAAO,aAAc,UAAAc,EAAA,CAAO;AAAA,EAAA,EAAA,CAC1D,GACF,CACD;AAAA,EACD;AACF,GAYaC,IAAsD,gBAAAb;AAAA,oBAC9C,CAAC,EAAE,QAAAc,GAAQ,MAAAC,GAAM,OAAAb,QAAY;AAK9C,UAAM,EAAE,QAAQc,EAAA,IAAWC,EAAA;AAE3B,WACE,gBAAArB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWE,EAAO;AAAA,QAClB,cAAYoB,EAAa,uBAAuBhB,GAAOc,KAAA,gBAAAA,EAAQ,aAAa;AAAA,QAE3E,YAAO,IAAI,CAAAG,MACV,gBAAAvB,EAAC,KAAA,EAAa,MAAM,IAAImB,EAAKI,CAAI,CAAC,IAAI,WAAWrB,EAAO,YACrD,UAAAqB,EAAA,GADKA,CAER,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP,CAAC;AAAA,EACD;AACF,GAEAC,sBAAkC3B,CAAS;"}

package/build/components/Directory/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-directory-badEd{display:flex;flex-direction:column;gap:var(--ui-space-6)}.ui-group-i6An9{scroll-margin-top:0}.ui-group__header-rc19c{display:flex;align-items:center;gap:var(--ui-space-3);justify-content:space-between;padding-bottom:var(--ui-space-2);margin-bottom:var(--ui-space-3);border-bottom:1px solid var(--ui-border);position:sticky;top:var(--ui-header-height, 0px);z-index:1;background-color:var(--ui-page)}.ui-group__label-vQTcs{font-size:var(--ui-font-size-lg);font-weight:700;line-height:var(--ui-leading-tight);color:var(--ui-text);font-family:var(--ui-font-heading);letter-spacing:-.011em;margin:0;min-width:0}.ui-group__link-es5V7{color:inherit;text-decoration:none;transition:color var(--ui-duration-fast) var(--ui-ease-out)}.ui-group__link-es5V7:hover{color:var(--ui-link);text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion: reduce){.ui-group__link-es5V7{transition:none}}.ui-group__meta-LtC-u{font-size:var(--ui-font-size-xs);line-height:var(--ui-leading-normal);color:var(--ui-text-2);font-variant-numeric:tabular-nums;flex-shrink:0;white-space:nowrap}.ui-group__list-YxBCG{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--ui-space-1);list-style:none;margin:0;padding:0}.ui-row-3LH7X{display:flex;align-items:center;gap:var(--ui-space-3);min-height:44px;padding:calc(var(--ui-space-2) + 1px) calc(var(--ui-space-3) + 1px);border-radius:var(--ui-radius-md);text-decoration:none;color:inherit;background-color:transparent;transition:background-color var(--ui-duration-fast) var(--ui-ease-out),translate var(--ui-duration-instant) var(--ui-ease-out)}.ui-row-3LH7X:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--ui-surface-2)}.ui-row-3LH7X:active:not(:disabled):not([aria-disabled=true]){background-color:var(--ui-surface-3);translate:0 1px}@media (prefers-reduced-motion: reduce){.ui-row-3LH7X{transition:none}.ui-row-3LH7X:active:not(:disabled):not([aria-disabled=true]){translate:none}}.ui-row-3LH7X:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, -2px)}@media (prefers-reduced-motion: reduce){.ui-row-3LH7X{transition:none}}.ui-row__media-AxZEh{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--ui-radius-sm);background-color:var(--ui-surface-2);color:var(--ui-text-2);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);font-weight:600;overflow:hidden}.ui-row__media-AxZEh img{object-fit:contain;width:100%;height:100%}.ui-row__name-75Wbq{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;font-size:var(--ui-font-size-sm);color:var(--ui-text);transition:color var(--ui-duration-fast) var(--ui-ease-out)}@media (prefers-reduced-motion: reduce){.ui-row__name-75Wbq{transition:none}}.ui-row__marker-RYHb-{display:inline-flex;align-items:center;flex-shrink:0;font-size:var(--ui-font-size-xs);color:var(--ui-text-2);font-variant-numeric:tabular-nums}.ui-jump-vpGwB{display:flex;gap:var(--ui-space-1);position:relative;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-block:var(--ui-space-1) var(--ui-space-3);scrollbar-width:none;-ms-overflow-style:none}.ui-jump-vpGwB::-webkit-scrollbar{display:none}.ui-jump-vpGwB>*{scroll-snap-align:start;flex-shrink:0}.ui-jump-vpGwB{position:sticky;top:var(--ui-header-height, 0px);z-index:10;background-color:var(--ui-page);border-bottom:1px solid var(--ui-border)}.ui-jump__link-rRnT6{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding-inline:var(--ui-space-2);border-radius:var(--ui-radius-sm);font-family:var(--ui-font-body);font-size:var(--ui-font-size-sm);font-weight:600;color:var(--ui-text-2);text-decoration:none;transition:background-color var(--ui-duration-fast) var(--ui-ease-out),color var(--ui-duration-fast) var(--ui-ease-out)}.ui-jump__link-rRnT6:hover{background-color:var(--ui-surface-2);color:var(--ui-link)}.ui-jump__link-rRnT6:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--ui-ring-color);outline-offset:var(--ui-ring-offset, 2px)}@media (prefers-reduced-motion: reduce){.ui-jump__link-rRnT6{transition:none}}.ui-jump-vpGwB~.ui-directory-badEd .ui-group-i6An9{scroll-margin-top:49px}.ui-jump-vpGwB~.ui-directory-badEd .ui-group__header-rc19c{top:calc(var(--ui-header-height, 0px) + 49px)}}

package/build/components/Disclosure/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),q=require("react-bootstrap-icons"),h=require("../../helpers/class-name.helper.cjs"),R=require("../../helpers/component.helper.cjs"),e={default:{"disclosure":"ui-disclosure-8-hqp","disclosure--framed":"ui-disclosure--framed-9MEX3","disclosure--disabled":"ui-disclosure--disabled-PuIjA","disclosure__summary":"ui-disclosure__summary-jIf2Z","disclosure__title":"ui-disclosure__title-ybejN","disclosure__meta":"ui-disclosure__meta-pnUle","disclosure__marker":"ui-disclosure__marker-8ZZ93","disclosure__panel":"ui-disclosure__panel-lQjb8","disclosure__content":"ui-disclosure__content-x33OL"}},y=({summary:f,meta:o,children:m,isOpen:d,isDefaultOpen:_=!1,onOpenChange:l,isDisabled:t,variant:x="framed",className:p,testId:j})=>{const[N,v]=r.useState(_),n=d!==void 0,c=n?d:N,u=r.useRef(null);return r.useEffect(()=>{u.current&&(u.current.open=c)}),s.jsxs("details",{ref:u,className:h.cx(e.default.disclosure,e.default[`disclosure--${x}`],t&&e.default["disclosure--disabled"],p),open:c,onToggle:a=>{const i=a.currentTarget.open;i!==c&&(n||v(i),l==null||l(i))},"data-testid":j,children:[s.jsxs("summary",{className:e.default.disclosure__summary,"aria-disabled":t,tabIndex:t?-1:void 0,onClick:a=>t&&a.preventDefault(),children:[s.jsx(q.CaretRightFill,{"aria-hidden":!0,className:e.default.disclosure__marker}),s.jsx("span",{className:e.default.disclosure__title,children:f}),o&&s.jsx("span",{className:e.default.disclosure__meta,children:o})]}),s.jsx("div",{className:e.default.disclosure__panel,children:s.jsx("div",{className:e.default.disclosure__content,children:m})})]})},S=r.memo(R.named(y,"Disclosure"));exports.default=S;
+//# sourceMappingURL=index.cjs.map

package/build/components/Disclosure/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Disclosure/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\nexport type DisclosureVariant = 'framed' | 'plain';\n\ntype Props = {\n  /** Başlık satırı — tıklanabilir olan bu. */\n  summary: ReactNode;\n  /** Başlığın sağında duran ikincil bilgi (süre, sayaç, rozet). */\n  meta?: ReactNode;\n  children: ReactNode;\n  /**\n   * Kontrollü kullanım; `onOpenChange` ile birlikte verilir.\n   * ⚠ Ebeveyn `onOpenChange`i yok sayarsa DOM bir sonraki render'da prop'a döner, AYNI tuş vuruşunda\n   * değil: `toggle` olayı eşzamansız ve anında geri çevirmek kendi `toggle`ıyla yarışıyordu.\n   */\n  isOpen?: boolean;\n  /** Kontrolsüz kullanımda açılış durumu (boolean prop adı `is*` — API kuralı). */\n  isDefaultOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  isDisabled?: boolean;\n  /** `framed` kendi kenarlığı ve zemini olan kutu; `plain` kenarlıksız satır (liste içinde). */\n  variant?: DisclosureVariant;\n  className?: string;\n  testId?: string;\n};\n\n/**\n * Tek başına açılır-kapanır bölüm — yerel `<details>` / `<summary>`.\n *\n * Klavye: `Enter` / `Space` başlıkta açar-kapar (tarayıcının kendi davranışı).\n *\n * ⚠ Yerel öğe bilinçli: odak, klavye ve ekran okuyucunun \"genişletildi / daraltıldı\" duyurusu\n * tarayıcıdan geliyor. Taklit bir `button[aria-expanded]` bunları yeniden yazmak demekti.\n */\nconst Disclosure: FC<Props> = ({\n  summary,\n  meta,\n  children,\n  isOpen: controlledOpen,\n  isDefaultOpen = false,\n  onOpenChange,\n  isDisabled,\n  variant = 'framed',\n  className,\n  testId,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(isDefaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  /*\n   * `<details>` YERLI bir aciliyor/kapaniyor ogesi: kullanici tikladiginda DOM ozelligini TARAYICI\n   * degistirir. `open` PROP'U TEK BASINA YETMEZ — React ayni degeri ikinci kez yazmadigi icin\n   * kontrollu kipte kalici desenkronizasyon uretiyordu; surekliligi bu effect tutar.\n   */\n  const detailsRef = useRef<HTMLDetailsElement>(null);\n\n  useEffect(() => {\n    if (detailsRef.current) detailsRef.current.open = isOpen;\n  });\n\n  return (\n    <details\n      ref={detailsRef}\n      className={cx(\n        styles.disclosure,\n        styles[`disclosure--${variant}`],\n        isDisabled && styles['disclosure--disabled'],\n        className,\n      )}\n      /* Ilk boyama ve SSR icin. */\n      open={isOpen}\n      /*\n       * `onToggle` YEREL olaydir ve tarayici durumu DEGISTIRDIKTEN sonra dusuyor. `onClick` ile\n       * yakalamak yetmiyordu: klavyeyle acilan bolum (Enter/Space) da buradan gecer.\n       */\n      onToggle={event => {\n        const next = (event.currentTarget as HTMLDetailsElement).open;\n        if (next === isOpen) return;\n\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      }}\n      data-testid={testId}\n    >\n      <summary\n        className={styles.disclosure__summary}\n        /* Pasif bolum: `<summary>`nin `disabled` hali YOK. */\n        aria-disabled={isDisabled}\n        tabIndex={isDisabled ? -1 : undefined}\n        onClick={event => isDisabled && event.preventDefault()}\n      >\n        <CaretRightFill aria-hidden className={styles.disclosure__marker} />\n\n        <span className={styles.disclosure__title}>{summary}</span>\n        {meta && <span className={styles.disclosure__meta}>{meta}</span>}\n      </summary>\n\n      {/*\n        Ic sarmalayici ZORUNLU: yukseklik gecisi `<details>`in KENDISINE verilemez (isaretcinin\n        yuksekligi de gecise girip basligi titretiyordu).\n      */}\n      <div className={styles.disclosure__panel}>\n        <div className={styles.disclosure__content}>{children}</div>\n      </div>\n    </details>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(Disclosure, 'Disclosure'),\n) as typeof Disclosure;\n"],"names":["Disclosure","summary","meta","children","controlledOpen","isDefaultOpen","onOpenChange","isDisabled","variant","className","testId","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","detailsRef","useRef","useEffect","jsxs","cx","styles","event","next","jsx","CaretRightFill","memo","named"],"mappings":"0VA0CMA,EAAwB,CAAC,CAC7B,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,OAAQC,EACR,cAAAC,EAAgB,GAChB,aAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,SACV,UAAAC,EACA,OAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAkBC,CAAmB,EAAIC,EAAAA,SAASR,CAAa,EAEhES,EAAeV,IAAmB,OAClCW,EAASD,EAAeV,EAAiBO,EAOzCK,EAAaC,EAAAA,OAA2B,IAAI,EAElDC,OAAAA,EAAAA,UAAU,IAAM,CACVF,EAAW,UAASA,EAAW,QAAQ,KAAOD,EACpD,CAAC,EAGCI,EAAAA,KAAC,UAAA,CACC,IAAKH,EACL,UAAWI,EAAAA,GACTC,EAAAA,QAAO,WACPA,EAAAA,QAAO,eAAeb,CAAO,EAAE,EAC/BD,GAAcc,EAAAA,QAAO,sBAAsB,EAC3CZ,CAAA,EAGF,KAAMM,EAKN,SAAUO,GAAS,CACjB,MAAMC,EAAQD,EAAM,cAAqC,KACrDC,IAASR,IAERD,GAAcF,EAAoBW,CAAI,EAC3CjB,GAAA,MAAAA,EAAeiB,GACjB,EACA,cAAab,EAEb,SAAA,CAAAS,EAAAA,KAAC,UAAA,CACC,UAAWE,EAAAA,QAAO,oBAElB,gBAAed,EACf,SAAUA,EAAa,GAAK,OAC5B,QAASe,GAASf,GAAce,EAAM,eAAA,EAEtC,SAAA,CAAAE,EAAAA,IAACC,EAAAA,eAAA,CAAe,cAAW,GAAC,UAAWJ,EAAAA,QAAO,mBAAoB,EAElEG,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,kBAAoB,SAAApB,EAAQ,EACnDC,GAAQsB,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,iBAAmB,SAAAnB,CAAA,CAAK,CAAA,CAAA,CAAA,EAO3DsB,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,kBACrB,SAAAG,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,oBAAsB,SAAAlB,CAAA,CAAS,CAAA,CACxD,CAAA,CAAA,CAAA,CAGN,EAEAH,EAA6B0B,EAAAA,KACbC,EAAAA,MAAM3B,EAAY,YAAY,CAC9C"}

package/build/components/Disclosure/index.d.ts

@@ -0,0 +1,34 @@
+import { FC, ReactNode } from 'react';
+export type DisclosureVariant = 'framed' | 'plain';
+type Props = {
+    /** Başlık satırı — tıklanabilir olan bu. */
+    summary: ReactNode;
+    /** Başlığın sağında duran ikincil bilgi (süre, sayaç, rozet). */
+    meta?: ReactNode;
+    children: ReactNode;
+    /**
+     * Kontrollü kullanım; `onOpenChange` ile birlikte verilir.
+     * ⚠ Ebeveyn `onOpenChange`i yok sayarsa DOM bir sonraki render'da prop'a döner, AYNI tuş vuruşunda
+     * değil: `toggle` olayı eşzamansız ve anında geri çevirmek kendi `toggle`ıyla yarışıyordu.
+     */
+    isOpen?: boolean;
+    /** Kontrolsüz kullanımda açılış durumu (boolean prop adı `is*` — API kuralı). */
+    isDefaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    isDisabled?: boolean;
+    /** `framed` kendi kenarlığı ve zemini olan kutu; `plain` kenarlıksız satır (liste içinde). */
+    variant?: DisclosureVariant;
+    className?: string;
+    testId?: string;
+};
+/**
+ * Tek başına açılır-kapanır bölüm — yerel `<details>` / `<summary>`.
+ *
+ * Klavye: `Enter` / `Space` başlıkta açar-kapar (tarayıcının kendi davranışı).
+ *
+ * ⚠ Yerel öğe bilinçli: odak, klavye ve ekran okuyucunun "genişletildi / daraltıldı" duyurusu
+ * tarayıcıdan geliyor. Taklit bir `button[aria-expanded]` bunları yeniden yazmak demekti.
+ */
+declare const Disclosure: FC<Props>;
+declare const _default: typeof Disclosure;
+export default _default;

package/build/components/Disclosure/index.js

@@ -0,0 +1,64 @@
+"use client";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { memo as y, useState as R, useRef as j, useEffect as k } from "react";
+import { CaretRightFill as T } from "react-bootstrap-icons";
+import { cx as $ } from "../../helpers/class-name.helper.js";
+import { named as D } from "../../helpers/component.helper.js";
+const e = {"disclosure":"ui-disclosure-8-hqp","disclosure--framed":"ui-disclosure--framed-9MEX3","disclosure--disabled":"ui-disclosure--disabled-PuIjA","disclosure__summary":"ui-disclosure__summary-jIf2Z","disclosure__title":"ui-disclosure__title-ybejN","disclosure__meta":"ui-disclosure__meta-pnUle","disclosure__marker":"ui-disclosure__marker-8ZZ93","disclosure__panel":"ui-disclosure__panel-lQjb8","disclosure__content":"ui-disclosure__content-x33OL"};
+const E = ({
+  summary: u,
+  meta: a,
+  children: f,
+  isOpen: d,
+  isDefaultOpen: p = !1,
+  onOpenChange: t,
+  isDisabled: r,
+  variant: _ = "framed",
+  className: N,
+  testId: x
+}) => {
+  const [v, h] = R(p), n = d !== void 0, l = n ? d : v, o = j(null);
+  return k(() => {
+    o.current && (o.current.open = l);
+  }), /* @__PURE__ */ m(
+    "details",
+    {
+      ref: o,
+      className: $(
+        e.disclosure,
+        e[`disclosure--${_}`],
+        r && e["disclosure--disabled"],
+        N
+      ),
+      open: l,
+      onToggle: (c) => {
+        const i = c.currentTarget.open;
+        i !== l && (n || h(i), t == null || t(i));
+      },
+      "data-testid": x,
+      children: [
+        /* @__PURE__ */ m(
+          "summary",
+          {
+            className: e.disclosure__summary,
+            "aria-disabled": r,
+            tabIndex: r ? -1 : void 0,
+            onClick: (c) => r && c.preventDefault(),
+            children: [
+              /* @__PURE__ */ s(T, { "aria-hidden": !0, className: e.disclosure__marker }),
+              /* @__PURE__ */ s("span", { className: e.disclosure__title, children: u }),
+              a && /* @__PURE__ */ s("span", { className: e.disclosure__meta, children: a })
+            ]
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: e.disclosure__panel, children: /* @__PURE__ */ s("div", { className: e.disclosure__content, children: f }) })
+      ]
+    }
+  );
+}, q = /* @__PURE__ */ y(
+  /* @__PURE__ */ D(E, "Disclosure")
+);
+export {
+  q as default
+};
+//# sourceMappingURL=index.js.map

package/build/components/Disclosure/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Disclosure/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\nexport type DisclosureVariant = 'framed' | 'plain';\n\ntype Props = {\n  /** Başlık satırı — tıklanabilir olan bu. */\n  summary: ReactNode;\n  /** Başlığın sağında duran ikincil bilgi (süre, sayaç, rozet). */\n  meta?: ReactNode;\n  children: ReactNode;\n  /**\n   * Kontrollü kullanım; `onOpenChange` ile birlikte verilir.\n   * ⚠ Ebeveyn `onOpenChange`i yok sayarsa DOM bir sonraki render'da prop'a döner, AYNI tuş vuruşunda\n   * değil: `toggle` olayı eşzamansız ve anında geri çevirmek kendi `toggle`ıyla yarışıyordu.\n   */\n  isOpen?: boolean;\n  /** Kontrolsüz kullanımda açılış durumu (boolean prop adı `is*` — API kuralı). */\n  isDefaultOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  isDisabled?: boolean;\n  /** `framed` kendi kenarlığı ve zemini olan kutu; `plain` kenarlıksız satır (liste içinde). */\n  variant?: DisclosureVariant;\n  className?: string;\n  testId?: string;\n};\n\n/**\n * Tek başına açılır-kapanır bölüm — yerel `<details>` / `<summary>`.\n *\n * Klavye: `Enter` / `Space` başlıkta açar-kapar (tarayıcının kendi davranışı).\n *\n * ⚠ Yerel öğe bilinçli: odak, klavye ve ekran okuyucunun \"genişletildi / daraltıldı\" duyurusu\n * tarayıcıdan geliyor. Taklit bir `button[aria-expanded]` bunları yeniden yazmak demekti.\n */\nconst Disclosure: FC<Props> = ({\n  summary,\n  meta,\n  children,\n  isOpen: controlledOpen,\n  isDefaultOpen = false,\n  onOpenChange,\n  isDisabled,\n  variant = 'framed',\n  className,\n  testId,\n}) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(isDefaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  /*\n   * `<details>` YERLI bir aciliyor/kapaniyor ogesi: kullanici tikladiginda DOM ozelligini TARAYICI\n   * degistirir. `open` PROP'U TEK BASINA YETMEZ — React ayni degeri ikinci kez yazmadigi icin\n   * kontrollu kipte kalici desenkronizasyon uretiyordu; surekliligi bu effect tutar.\n   */\n  const detailsRef = useRef<HTMLDetailsElement>(null);\n\n  useEffect(() => {\n    if (detailsRef.current) detailsRef.current.open = isOpen;\n  });\n\n  return (\n    <details\n      ref={detailsRef}\n      className={cx(\n        styles.disclosure,\n        styles[`disclosure--${variant}`],\n        isDisabled && styles['disclosure--disabled'],\n        className,\n      )}\n      /* Ilk boyama ve SSR icin. */\n      open={isOpen}\n      /*\n       * `onToggle` YEREL olaydir ve tarayici durumu DEGISTIRDIKTEN sonra dusuyor. `onClick` ile\n       * yakalamak yetmiyordu: klavyeyle acilan bolum (Enter/Space) da buradan gecer.\n       */\n      onToggle={event => {\n        const next = (event.currentTarget as HTMLDetailsElement).open;\n        if (next === isOpen) return;\n\n        if (!isControlled) setUncontrolledOpen(next);\n        onOpenChange?.(next);\n      }}\n      data-testid={testId}\n    >\n      <summary\n        className={styles.disclosure__summary}\n        /* Pasif bolum: `<summary>`nin `disabled` hali YOK. */\n        aria-disabled={isDisabled}\n        tabIndex={isDisabled ? -1 : undefined}\n        onClick={event => isDisabled && event.preventDefault()}\n      >\n        <CaretRightFill aria-hidden className={styles.disclosure__marker} />\n\n        <span className={styles.disclosure__title}>{summary}</span>\n        {meta && <span className={styles.disclosure__meta}>{meta}</span>}\n      </summary>\n\n      {/*\n        Ic sarmalayici ZORUNLU: yukseklik gecisi `<details>`in KENDISINE verilemez (isaretcinin\n        yuksekligi de gecise girip basligi titretiyordu).\n      */}\n      <div className={styles.disclosure__panel}>\n        <div className={styles.disclosure__content}>{children}</div>\n      </div>\n    </details>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(Disclosure, 'Disclosure'),\n) as typeof Disclosure;\n"],"names":["Disclosure","summary","meta","children","controlledOpen","isDefaultOpen","onOpenChange","isDisabled","variant","className","testId","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","detailsRef","useRef","useEffect","jsxs","cx","styles","event","next","jsx","CaretRightFill","Disclosure$1","memo","named"],"mappings":";;;;;;;AA0CA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC;AAAA,EACR,eAAAC,IAAgB;AAAA,EAChB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,EAASR,CAAa,GAEhES,IAAeV,MAAmB,QAClCW,IAASD,IAAeV,IAAiBO,GAOzCK,IAAaC,EAA2B,IAAI;AAElD,SAAAC,EAAU,MAAM;AACd,IAAIF,EAAW,YAASA,EAAW,QAAQ,OAAOD;AAAA,EACpD,CAAC,GAGC,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKH;AAAA,MACL,WAAWI;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,eAAeb,CAAO,EAAE;AAAA,QAC/BD,KAAcc,EAAO,sBAAsB;AAAA,QAC3CZ;AAAA,MAAA;AAAA,MAGF,MAAMM;AAAA,MAKN,UAAU,CAAAO,MAAS;AACjB,cAAMC,IAAQD,EAAM,cAAqC;AACzD,QAAIC,MAASR,MAERD,KAAcF,EAAoBW,CAAI,GAC3CjB,KAAA,QAAAA,EAAeiB;AAAA,MACjB;AAAA,MACA,eAAab;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE,EAAO;AAAA,YAElB,iBAAed;AAAA,YACf,UAAUA,IAAa,KAAK;AAAA,YAC5B,SAAS,CAAAe,MAASf,KAAce,EAAM,eAAA;AAAA,YAEtC,UAAA;AAAA,cAAA,gBAAAE,EAACC,GAAA,EAAe,eAAW,IAAC,WAAWJ,EAAO,oBAAoB;AAAA,cAElE,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,mBAAoB,UAAApB,GAAQ;AAAA,cACnDC,KAAQ,gBAAAsB,EAAC,QAAA,EAAK,WAAWH,EAAO,kBAAmB,UAAAnB,EAAA,CAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAO3D,gBAAAsB,EAAC,OAAA,EAAI,WAAWH,EAAO,mBACrB,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWH,EAAO,qBAAsB,UAAAlB,EAAA,CAAS,EAAA,CACxD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAEAuB,IAA6B,gBAAAC;AAAA,EACb,gBAAAC,EAAM5B,GAAY,YAAY;AAC9C;"}