@handijit/ui 0.0.0-stage → 2.0.0

package/build/components/FileUpload/index.js

@@ -0,0 +1,145 @@
+"use client";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import { memo as H, useId as L, useRef as J, useState as R } from "react";
+import { CloudArrowUpFill as Q, ExclamationCircleFill as $, XLg as V } from "react-bootstrap-icons";
+import { cx as f } from "../../helpers/class-name.helper.js";
+import { named as W } from "../../helpers/component.helper.js";
+import { resolveFormatter as h } from "../../helpers/label.helper.js";
+import Z from "../../hooks/useAnnounce.js";
+import y from "../IconButton/index.js";
+import b from "../Progress/index.js";
+import { useUi as ee } from "../../theme/context.js";
+const a = {"upload":"ui-upload-v1pRY","upload__drop":"ui-upload__drop-OpNbO","upload__input":"ui-upload__input-Tcg9-","upload__drop--dragging":"ui-upload__drop--dragging-YztUx","upload__drop--invalid":"ui-upload__drop--invalid-JhwnL","upload__drop--disabled":"ui-upload__drop--disabled-zyfUv","upload__icon":"ui-upload__icon-KpMkq","upload__label":"ui-upload__label-M4HJb","upload__drag":"ui-upload__drag-ewSQw","upload__hint":"ui-upload__hint-MZRJ6","upload__error":"ui-upload__error-7GkCC","upload__list":"ui-upload__list-lbViQ","upload__file":"ui-upload__file-Znp1Q","upload__file--error":"ui-upload__file--error-wpbtA","upload__fileText":"ui-upload__fileText-EtJcs","upload__fileName":"ui-upload__fileName-ArF8-","upload__fileMeta":"ui-upload__fileMeta-i6sO1","upload__progress":"ui-upload__progress-JY2a5"};
+const c = 1024, C = c * c, N = (l) => l < c ? `${l} B` : l < C ? `${Math.round(l / c)} KB` : `${(l / C).toFixed(1)} MB`, ae = ({
+  files: l,
+  onSelect: E,
+  onRemove: M,
+  label: P,
+  hint: u,
+  accept: T,
+  isMultiple: A,
+  maxSize: t,
+  removeLabel: K,
+  dropLabel: Y,
+  sizeErrorText: v,
+  isDisabled: s,
+  error: p,
+  children: k,
+  className: w,
+  testId: z
+}) => {
+  const F = L(), U = L(), O = J(null), { labels: r } = ee(), B = Z(), [S, m] = R(!1), [X, q] = R([]), j = (e) => {
+    var D;
+    if (!e || e.length === 0) return;
+    const i = [...e], x = t === void 0 ? [] : i.filter((n) => n.size > t), _ = i.filter((n) => !x.includes(n)), g = x.map(
+      (n) => {
+        var I;
+        return v === void 0 ? h(
+          "FileUpload.tooLarge",
+          (I = r == null ? void 0 : r.fileUpload) == null ? void 0 : I.tooLarge,
+          n.name,
+          N(t ?? 0)
+        ) : v.replace("{name}", n.name).replace("{max}", N(t ?? 0));
+      }
+    );
+    q(g), _.length > 0 && (E(_), B(h("FileUpload.added", (D = r == null ? void 0 : r.fileUpload) == null ? void 0 : D.added, _.length))), g.length > 0 && B(g.join(" "), "assertive");
+  }, G = (e) => {
+    e.preventDefault(), m(!1), !s && j(e.dataTransfer.files);
+  };
+  return /* @__PURE__ */ d("div", { className: f(a.upload, w), "data-testid": z, children: [
+    /* @__PURE__ */ d(
+      "label",
+      {
+        htmlFor: F,
+        className: f(
+          a.upload__drop,
+          S && a["upload__drop--dragging"],
+          s && a["upload__drop--disabled"],
+          p && a["upload__drop--invalid"]
+        ),
+        onDragOver: (e) => {
+          e.preventDefault(), s || m(!0);
+        },
+        onDragLeave: () => m(!1),
+        onDrop: G,
+        children: [
+          /* @__PURE__ */ o(Q, { "aria-hidden": !0, className: a.upload__icon }),
+          /* @__PURE__ */ o("span", { className: a.upload__label, children: P }),
+          /* @__PURE__ */ o("span", { className: a.upload__drag, children: Y }),
+          u && /* @__PURE__ */ o("span", { id: U, className: a.upload__hint, children: u }),
+          /* @__PURE__ */ o(
+            "input",
+            {
+              ref: O,
+              id: F,
+              type: "file",
+              className: a.upload__input,
+              accept: T,
+              multiple: A,
+              disabled: s,
+              "aria-describedby": u ? U : void 0,
+              "aria-invalid": p ? !0 : void 0,
+              onChange: (e) => {
+                j(e.target.files), e.target.value = "";
+              }
+            }
+          )
+        ]
+      }
+    ),
+    p && /* @__PURE__ */ d("p", { className: a.upload__error, role: "alert", children: [
+      /* @__PURE__ */ o($, { "aria-hidden": !0 }),
+      p
+    ] }),
+    X.map((e) => /* @__PURE__ */ d("p", { className: a.upload__error, role: "alert", children: [
+      /* @__PURE__ */ o($, { "aria-hidden": !0 }),
+      e
+    ] }, e)),
+    l.length > 0 && /* @__PURE__ */ o("ul", { className: a.upload__list, children: l.map((e) => {
+      var i;
+      return /* @__PURE__ */ d(
+        "li",
+        {
+          className: f(a.upload__file, e.error && a["upload__file--error"]),
+          children: [
+            /* @__PURE__ */ d("span", { className: a.upload__fileText, children: [
+              /* @__PURE__ */ o("span", { className: a.upload__fileName, children: e.name }),
+              /* @__PURE__ */ o("span", { className: a.upload__fileMeta, children: e.error ?? N(e.size) })
+            ] }),
+            e.progress !== void 0 && /* @__PURE__ */ o(
+              b,
+              {
+                value: e.progress,
+                label: h(
+                  "FileUpload.uploading",
+                  (i = r == null ? void 0 : r.fileUpload) == null ? void 0 : i.uploading,
+                  e.name
+                ),
+                size: "sm",
+                className: a.upload__progress
+              }
+            ),
+            /* @__PURE__ */ o(
+              y,
+              {
+                icon: /* @__PURE__ */ o(V, { "aria-hidden": !0 }),
+                label: `${e.name} — ${K}`,
+                variant: "ghost",
+                size: "sm",
+                onClick: () => M(e.id)
+              }
+            )
+          ]
+        },
+        e.id
+      );
+    }) }),
+    k
+  ] });
+}, me = /* @__PURE__ */ H(
+  /* @__PURE__ */ W(ae, "FileUpload")
+);
+export {
+  me as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FileUpload/index.tsx"],"sourcesContent":["'use client';\n\nimport { type DragEvent, memo, type ReactNode, useId, useRef, useState } from 'react';\n\nimport { CloudArrowUpFill, ExclamationCircleFill, XLg } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveFormatter } from '../../helpers/label.helper';\nimport useAnnounce from '../../hooks/useAnnounce';\nimport IconButton from '../IconButton';\nimport Progress from '../Progress';\n\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\nexport type UploadFile = {\n  id: string;\n  name: string;\n  /** Bayt. */\n  size: number;\n  /** 0-100. `undefined` → yükleme başlamadı ya da bitti. */\n  progress?: number;\n  /** Bu dosyaya ait hata. */\n  error?: string;\n};\n\ntype Props = {\n  files: UploadFile[];\n  /** Kullanıcı dosya seçtiğinde/bıraktığında çağrılır — DOĞRULANMIŞ liste. */\n  onSelect: (files: File[]) => void;\n  onRemove: (id: string) => void;\n  /** Alanın görünür etiketi ve erişilebilir adı. */\n  label: string;\n  /** Etiketin altındaki kural cümlesi (\"PDF veya JPG, en fazla 5 MB\"). */\n  hint?: string;\n  /** `<input accept>` — tarayıcının dosya seçicisini süzer. */\n  accept?: string;\n  isMultiple?: boolean;\n  /** Bayt. */\n  maxSize?: number;\n  /** Kaldırma düğmelerinin erişilebilir ad öneki (\"Kaldır\"). */\n  removeLabel: string;\n  /** Sürükle-bırak alanının içine yazılan çağrı (\"Dosyaları buraya bırakın\"). */\n  dropLabel: string;\n  /** Boyut aşıldığında yazılan hata; `{name}` ve `{max}` yerine konur. */\n  sizeErrorText?: string;\n  isDisabled?: boolean;\n  /** Alanın tamamına ait hata (sunucu reddi). */\n  error?: string;\n  children?: ReactNode;\n  className?: string;\n  testId?: string;\n};\n\n/** İkili önek — dosya boyutu KB/MB olarak okunur. */\nconst BYTES_PER_KB = 1024;\nconst BYTES_PER_MB = BYTES_PER_KB * BYTES_PER_KB;\n\n/** Baytı okunur biçime çevirir. */\nconst formatSize = (bytes: number): string => {\n  if (bytes < BYTES_PER_KB) return `${bytes} B`;\n  if (bytes < BYTES_PER_MB) return `${Math.round(bytes / BYTES_PER_KB)} KB`;\n  return `${(bytes / BYTES_PER_MB).toFixed(1)} MB`;\n};\n\n/** Dosya yükleme — sürükle-bırak ve düğme. */\nconst FileUpload = ({\n  files,\n  onSelect,\n  onRemove,\n  label,\n  hint,\n  accept,\n  isMultiple,\n  maxSize,\n  removeLabel,\n  dropLabel,\n  sizeErrorText,\n  isDisabled,\n  error,\n  children,\n  className,\n  testId,\n}: Props) => {\n  const inputId = useId();\n  const hintId = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { labels } = useUi();\n  const announce = useAnnounce();\n\n  const [isDragging, setIsDragging] = useState(false);\n  const [rejected, setRejected] = useState<string[]>([]);\n\n  const handleFiles = (list: FileList | null) => {\n    if (!list || list.length === 0) return;\n\n    const incoming = [...list];\n    const tooLarge = maxSize === undefined ? [] : incoming.filter(file => file.size > maxSize);\n    const accepted = incoming.filter(file => !tooLarge.includes(file));\n\n    /*\n     * ⚠ METIN SABIT DEGIL. Bir donem varsayilan bir Turkce sablon (`'{name} çok büyük (en fazla\n     * {max}).'`) prop varsayilaniydi ve kutuphanenin…\n     */\n    const messages = tooLarge.map(file =>\n      sizeErrorText === undefined\n        ? resolveFormatter(\n            'FileUpload.tooLarge',\n            labels?.fileUpload?.tooLarge,\n            file.name,\n            formatSize(maxSize ?? 0),\n          )\n        : sizeErrorText.replace('{name}', file.name).replace('{max}', formatSize(maxSize ?? 0)),\n    );\n    setRejected(messages);\n\n    if (accepted.length > 0) {\n      onSelect(accepted);\n      announce(resolveFormatter('FileUpload.added', labels?.fileUpload?.added, accepted.length));\n    }\n\n    /*\n     * Reddedilen dosya ekranda YAZIYOR ama duyurulmali da: gormeyen kullanici icin sessizce dusen\n     * bir dosya hic secilmemis demekti.\n     */\n    if (messages.length > 0) announce(messages.join(' '), 'assertive');\n  };\n\n  const handleDrop = (event: DragEvent<HTMLLabelElement>) => {\n    event.preventDefault();\n    setIsDragging(false);\n    if (isDisabled) return;\n    handleFiles(event.dataTransfer.files);\n  };\n\n  return (\n    <div className={cx(styles.upload, className)} data-testid={testId}>\n      {/*\n        Sürükle-bırak alanı bir `<label>`: tıklama ve klavye YEREL girdiye\n        yönleniyor. `onClick` ile `input.click()` çağırmak da çalışırdı ama\n        ekran okuyucu alanı bir düğme olarak duyurmuyordu.\n      */}\n      <label\n        htmlFor={inputId}\n        className={cx(\n          styles.upload__drop,\n          isDragging && styles['upload__drop--dragging'],\n          isDisabled && styles['upload__drop--disabled'],\n          error && styles['upload__drop--invalid'],\n        )}\n        onDragOver={event => {\n          event.preventDefault();\n          if (!isDisabled) setIsDragging(true);\n        }}\n        onDragLeave={() => setIsDragging(false)}\n        onDrop={handleDrop}\n      >\n        <CloudArrowUpFill aria-hidden className={styles.upload__icon} />\n\n        <span className={styles.upload__label}>{label}</span>\n        <span className={styles.upload__drag}>{dropLabel}</span>\n        {hint && (\n          <span id={hintId} className={styles.upload__hint}>\n            {hint}\n          </span>\n        )}\n\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"file\"\n          className={styles.upload__input}\n          accept={accept}\n          multiple={isMultiple}\n          disabled={isDisabled}\n          aria-describedby={hint ? hintId : undefined}\n          aria-invalid={error ? true : undefined}\n          onChange={event => {\n            handleFiles(event.target.files);\n            /*\n             * Deger SIFIRLANIR: ayni dosya ikinci kez secildiginde `change` olayi hic dusmuyor ve\n             * kullanici \"hicbir sey olmadi\" saniyordu.\n             */\n            event.target.value = '';\n          }}\n        />\n      </label>\n\n      {error && (\n        <p className={styles.upload__error} role=\"alert\">\n          <ExclamationCircleFill aria-hidden />\n          {error}\n        </p>\n      )}\n\n      {rejected.map(message => (\n        <p key={message} className={styles.upload__error} role=\"alert\">\n          <ExclamationCircleFill aria-hidden />\n          {message}\n        </p>\n      ))}\n\n      {files.length > 0 && (\n        <ul className={styles.upload__list}>\n          {files.map(file => (\n            <li\n              key={file.id}\n              className={cx(styles.upload__file, file.error && styles['upload__file--error'])}\n            >\n              <span className={styles.upload__fileText}>\n                <span className={styles.upload__fileName}>{file.name}</span>\n                <span className={styles.upload__fileMeta}>\n                  {file.error ?? formatSize(file.size)}\n                </span>\n              </span>\n\n              {file.progress !== undefined && (\n                <Progress\n                  value={file.progress}\n                  label={resolveFormatter(\n                    'FileUpload.uploading',\n                    labels?.fileUpload?.uploading,\n                    file.name,\n                  )}\n                  size=\"sm\"\n                  className={styles.upload__progress}\n                />\n              )}\n\n              <IconButton\n                icon={<XLg aria-hidden />}\n                /*\n                 * Ad dosya adini ICERIR: bir listede on bes dugme \"Kaldir\" diye okunuyor ve hangisi\n                 * oldugu belli olmuyordu.\n                 */\n                label={`${file.name} — ${removeLabel}`}\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => onRemove(file.id)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n\n      {children}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(FileUpload, 'FileUpload'),\n) as typeof FileUpload;\n"],"names":["BYTES_PER_KB","BYTES_PER_MB","formatSize","bytes","FileUpload","files","onSelect","onRemove","label","hint","accept","isMultiple","maxSize","removeLabel","dropLabel","sizeErrorText","isDisabled","error","children","className","testId","inputId","useId","hintId","inputRef","useRef","labels","useUi","announce","useAnnounce","isDragging","setIsDragging","useState","rejected","setRejected","handleFiles","list","incoming","tooLarge","file","accepted","messages","resolveFormatter","_a","handleDrop","event","jsxs","cx","styles","jsx","CloudArrowUpFill","ExclamationCircleFill","message","Progress","IconButton","XLg","index","memo","named"],"mappings":"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"}

package/build/components/FileUpload/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-upload-v1pRY{display:flex;flex-direction:column;gap:var(--hd-space-3)}.ui-upload__drop-OpNbO{display:flex;flex-direction:column;gap:var(--hd-space-1);align-items:center;text-align:center;padding:var(--hd-space-6) var(--hd-space-4);border:2px dashed var(--hd-border-strong);border-radius:var(--hd-radius-md);background-color:var(--hd-bg-raised);cursor:pointer;transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-upload__drop-OpNbO:hover{border-color:var(--hd-primary);background-color:var(--hd-primary-soft)}.ui-upload__drop-OpNbO:has(.ui-upload__input-Tcg9-:focus-visible){outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-upload__drop--dragging-YztUx{border-style:solid;border-color:var(--hd-primary-line);background-color:var(--hd-primary-soft)}.ui-upload__drop--invalid-JhwnL{border-color:var(--hd-danger-solid)}.ui-upload__drop--disabled-zyfUv{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-upload__drop--disabled-zyfUv{color:GrayText;border-color:GrayText}}.ui-upload__drop--disabled-zyfUv:hover{border-color:var(--hd-border);background-color:var(--hd-bg-raised)}.ui-upload__drop--disabled-zyfUv .ui-upload__icon-KpMkq,.ui-upload__drop--disabled-zyfUv .ui-upload__label-M4HJb,.ui-upload__drop--disabled-zyfUv .ui-upload__drag-ewSQw,.ui-upload__drop--disabled-zyfUv .ui-upload__hint-MZRJ6{color:var(--hd-text-3)}@media (forced-colors: active){.ui-upload__drop--disabled-zyfUv .ui-upload__icon-KpMkq,.ui-upload__drop--disabled-zyfUv .ui-upload__label-M4HJb,.ui-upload__drop--disabled-zyfUv .ui-upload__drag-ewSQw,.ui-upload__drop--disabled-zyfUv .ui-upload__hint-MZRJ6{color:GrayText}}@media (prefers-reduced-motion: reduce){.ui-upload__drop-OpNbO{transition:none}}.ui-upload__input-Tcg9-{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-upload__icon-KpMkq{font-size:24px;color:var(--hd-text-2)}.ui-upload__label-M4HJb{font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text)}.ui-upload__drag-ewSQw{font-size:var(--hd-type-caption-size);color:var(--hd-text-2)}.ui-upload__hint-MZRJ6{font-size:var(--hd-type-caption-size);color:var(--hd-text-3)}.ui-upload__error-7GkCC{display:flex;align-items:flex-start;gap:var(--hd-space-2);margin:0;font-size:var(--hd-type-caption-size);color:var(--hd-danger-fg)}.ui-upload__error-7GkCC svg{flex-shrink:0;font-size:16px;margin-top:1px}.ui-upload__list-lbViQ{display:flex;flex-direction:column;gap:var(--hd-space-2);margin:0;padding:0;list-style:none}.ui-upload__file-Znp1Q{display:flex;align-items:center;gap:var(--hd-space-3);padding:var(--hd-space-2) var(--hd-space-3);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm);background-color:var(--hd-bg-surface)}.ui-upload__file--error-wpbtA{border-color:var(--hd-danger-line);background-color:var(--hd-danger-bg)}.ui-upload__fileText-EtJcs{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ui-upload__fileName-ArF8-{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--hd-type-small-size);color:var(--hd-text)}.ui-upload__fileMeta-i6sO1{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);font-variant-numeric:tabular-nums}.ui-upload__file--error-wpbtA .ui-upload__fileMeta-i6sO1{color:var(--hd-danger-fg)}.ui-upload__progress-JY2a5{flex:0 0 120px}}

package/build/components/FilterBar/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("react"),d=require("../../helpers/class-name.helper.cjs"),m=require("../../helpers/component.helper.cjs"),b=require("../../helpers/label.helper.cjs"),f=require("../../theme/context.cjs"),e={default:{"bar":"ui-bar-b4PP4","bar__hiddenSubmit":"ui-bar__hiddenSubmit-jeCyX","bar__actions":"ui-bar__actions-rG69L","field":"ui-field-f-rvu","field--wide":"ui-field--wide-FA5gf"}},x=({onSubmit:l,children:a,actions:t,label:n,className:u,testId:c})=>{const{labels:i}=f.useUi();return r.jsxs("form",{className:d.cx(e.default.bar,u),"aria-label":b.resolveLabel("FilterBar.label",n,i==null?void 0:i.filters),"data-testid":c,onSubmit:o=>{o.preventDefault(),l()},children:[a,r.jsx("button",{type:"submit",className:e.default.bar__hiddenSubmit,tabIndex:-1,"aria-hidden":!0}),t&&r.jsx("div",{className:e.default.bar__actions,children:t})]})},_=m.named(s.memo(({children:l,isWide:a,className:t})=>r.jsx("div",{className:d.cx(e.default.field,a&&e.default["field--wide"],t),children:l})),"FilterBarField"),F=s.memo(x);exports.FilterBarField=_;exports.default=F;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/FilterBar/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';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /**\n   * Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca durumunu günceller\n   * (sayfayı 1'e almak + aramayı uygulamak gibi).\n   */\n  onSubmit: () => void;\n  /** Alanlar — her biri FilterBarField içinde. */\n  children: ReactNode;\n  /** Şeridin sağ ucundaki eylemler (\"Uygula\" düğmesi gibi). */\n  actions?: ReactNode;\n  /** Şeridin erişilebilir adı. */\n  label?: string;\n  className?: string;\n  testId?: string;\n};\n\n/** Filtre şeridi. */\nconst FilterBar: FC<Props> = ({ onSubmit, children, actions, label, className, testId }) => {\n  const { labels } = useUi();\n\n  return (\n    <form\n      className={cx(styles.bar, className)}\n      aria-label={resolveLabel('FilterBar.label', label, labels?.filters)}\n      data-testid={testId}\n      onSubmit={event => {\n        event.preventDefault();\n        onSubmit();\n      }}\n    >\n      {children}\n\n      {/*\n      Enter'ın yedeği. Görünmez ama tarayıcı için formun varsayılan gönderme\n      düğmesi: `display: none` örtük gönderimi bozmaz. Görünür \"Uygula\" düğmesi\n      `actions` ile ayrıca verilebilir; ikisi aynı submit olayına düşer.\n    */}\n      <button type=\"submit\" className={styles.bar__hiddenSubmit} tabIndex={-1} aria-hidden />\n\n      {actions && <div className={styles.bar__actions}>{actions}</div>}\n    </form>\n  );\n};\n\ntype FieldProps = {\n  children: ReactNode;\n  /** Alan kalan genişliği doldurur (arama kutusu). */\n  isWide?: boolean;\n  className?: string;\n};\n\n/** Şerit içindeki tek alanın genişlik sözleşmesi. */\nexport const FilterBarField: FC<FieldProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, isWide, className }) => (\n    <div className={cx(styles.field, isWide && styles['field--wide'], className)}>{children}</div>\n  )),\n  'FilterBarField',\n);\n\nexport default /*#__PURE__*/ memo(FilterBar) as typeof FilterBar;\n"],"names":["FilterBar","onSubmit","children","actions","label","className","testId","labels","useUi","jsxs","cx","styles","resolveLabel","event","jsx","FilterBarField","named","memo","isWide","index"],"mappings":"wYA2BMA,EAAuB,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAW,OAAAC,KAAa,CAC1F,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EAEnB,OACEC,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,GAAGC,UAAO,IAAKN,CAAS,EACnC,aAAYO,EAAAA,aAAa,kBAAmBR,EAAOG,GAAA,YAAAA,EAAQ,OAAO,EAClE,cAAaD,EACb,SAAUO,GAAS,CACjBA,EAAM,eAAA,EACNZ,EAAA,CACF,EAEC,SAAA,CAAAC,EAODY,EAAAA,IAAC,SAAA,CAAO,KAAK,SAAS,UAAWH,UAAO,kBAAmB,SAAU,GAAI,cAAW,EAAA,CAAC,EAEpFR,GAAWW,EAAAA,IAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,aAAe,SAAAR,CAAA,CAAQ,CAAA,CAAA,CAAA,CAGhE,EAUaY,EAA+CC,EAAAA,MAC5CC,OAAK,CAAC,CAAE,SAAAf,EAAU,OAAAgB,EAAQ,UAAAb,CAAA,UACrC,MAAA,CAAI,UAAWK,EAAAA,GAAGC,UAAO,MAAOO,GAAUP,EAAAA,QAAO,aAAa,EAAGN,CAAS,EAAI,SAAAH,EAAS,CACzF,EACD,gBACF,EAEAiB,SAAkCnB,CAAS"}

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

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    /**
+     * Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca durumunu günceller
+     * (sayfayı 1'e almak + aramayı uygulamak gibi).
+     */
+    onSubmit: () => void;
+    /** Alanlar — her biri FilterBarField içinde. */
+    children: ReactNode;
+    /** Şeridin sağ ucundaki eylemler ("Uygula" düğmesi gibi). */
+    actions?: ReactNode;
+    /** Şeridin erişilebilir adı. */
+    label?: string;
+    className?: string;
+    testId?: string;
+};
+/** Filtre şeridi. */
+declare const FilterBar: FC<Props>;
+type FieldProps = {
+    children: ReactNode;
+    /** Alan kalan genişliği doldurur (arama kutusu). */
+    isWide?: boolean;
+    className?: string;
+};
+/** Şerit içindeki tek alanın genişlik sözleşmesi. */
+export declare const FilterBarField: FC<FieldProps>;
+declare const _default: typeof FilterBar;
+export default _default;

package/build/components/FilterBar/index.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as c, jsx as m } from "react/jsx-runtime";
+import { memo as o } from "react";
+import { cx as l } from "../../helpers/class-name.helper.js";
+import { named as b } from "../../helpers/component.helper.js";
+import { resolveLabel as p } from "../../helpers/label.helper.js";
+import { useUi as u } from "../../theme/context.js";
+const e = {"bar":"ui-bar-b4PP4","bar__hiddenSubmit":"ui-bar__hiddenSubmit-jeCyX","bar__actions":"ui-bar__actions-rG69L","field":"ui-field-f-rvu","field--wide":"ui-field--wide-FA5gf"};
+const x = ({ onSubmit: t, children: i, actions: r, label: s, className: d, testId: n }) => {
+  const { labels: a } = u();
+  return /* @__PURE__ */ c(
+    "form",
+    {
+      className: l(e.bar, d),
+      "aria-label": p("FilterBar.label", s, a == null ? void 0 : a.filters),
+      "data-testid": n,
+      onSubmit: (f) => {
+        f.preventDefault(), t();
+      },
+      children: [
+        i,
+        /* @__PURE__ */ m("button", { type: "submit", className: e.bar__hiddenSubmit, tabIndex: -1, "aria-hidden": !0 }),
+        r && /* @__PURE__ */ m("div", { className: e.bar__actions, children: r })
+      ]
+    }
+  );
+}, y = /* @__PURE__ */ b(
+  /* @__PURE__ */ o(({ children: t, isWide: i, className: r }) => /* @__PURE__ */ m("div", { className: l(e.field, i && e["field--wide"], r), children: t })),
+  "FilterBarField"
+), S = /* @__PURE__ */ o(x);
+export {
+  y as FilterBarField,
+  S as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/FilterBar/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';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /**\n   * Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca durumunu günceller\n   * (sayfayı 1'e almak + aramayı uygulamak gibi).\n   */\n  onSubmit: () => void;\n  /** Alanlar — her biri FilterBarField içinde. */\n  children: ReactNode;\n  /** Şeridin sağ ucundaki eylemler (\"Uygula\" düğmesi gibi). */\n  actions?: ReactNode;\n  /** Şeridin erişilebilir adı. */\n  label?: string;\n  className?: string;\n  testId?: string;\n};\n\n/** Filtre şeridi. */\nconst FilterBar: FC<Props> = ({ onSubmit, children, actions, label, className, testId }) => {\n  const { labels } = useUi();\n\n  return (\n    <form\n      className={cx(styles.bar, className)}\n      aria-label={resolveLabel('FilterBar.label', label, labels?.filters)}\n      data-testid={testId}\n      onSubmit={event => {\n        event.preventDefault();\n        onSubmit();\n      }}\n    >\n      {children}\n\n      {/*\n      Enter'ın yedeği. Görünmez ama tarayıcı için formun varsayılan gönderme\n      düğmesi: `display: none` örtük gönderimi bozmaz. Görünür \"Uygula\" düğmesi\n      `actions` ile ayrıca verilebilir; ikisi aynı submit olayına düşer.\n    */}\n      <button type=\"submit\" className={styles.bar__hiddenSubmit} tabIndex={-1} aria-hidden />\n\n      {actions && <div className={styles.bar__actions}>{actions}</div>}\n    </form>\n  );\n};\n\ntype FieldProps = {\n  children: ReactNode;\n  /** Alan kalan genişliği doldurur (arama kutusu). */\n  isWide?: boolean;\n  className?: string;\n};\n\n/** Şerit içindeki tek alanın genişlik sözleşmesi. */\nexport const FilterBarField: FC<FieldProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, isWide, className }) => (\n    <div className={cx(styles.field, isWide && styles['field--wide'], className)}>{children}</div>\n  )),\n  'FilterBarField',\n);\n\nexport default /*#__PURE__*/ memo(FilterBar) as typeof FilterBar;\n"],"names":["FilterBar","onSubmit","children","actions","label","className","testId","labels","useUi","jsxs","cx","styles","resolveLabel","event","jsx","FilterBarField","named","memo","isWide","index"],"mappings":";;;;;;;;AA2BA,MAAMA,IAAuB,CAAC,EAAE,UAAAC,GAAU,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,WAAAC,GAAW,QAAAC,QAAa;AAC1F,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAAO,KAAKN,CAAS;AAAA,MACnC,cAAYO,EAAa,mBAAmBR,GAAOG,KAAA,gBAAAA,EAAQ,OAAO;AAAA,MAClE,eAAaD;AAAA,MACb,UAAU,CAAAO,MAAS;AACjB,QAAAA,EAAM,eAAA,GACNZ,EAAA;AAAA,MACF;AAAA,MAEC,UAAA;AAAA,QAAAC;AAAA,QAOD,gBAAAY,EAAC,UAAA,EAAO,MAAK,UAAS,WAAWH,EAAO,mBAAmB,UAAU,IAAI,eAAW,GAAA,CAAC;AAAA,QAEpFR,KAAW,gBAAAW,EAAC,OAAA,EAAI,WAAWH,EAAO,cAAe,UAAAR,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhE,GAUaY,IAA+C,gBAAAC;AAAA,EAC5C,gBAAAC,EAAK,CAAC,EAAE,UAAAf,GAAU,QAAAgB,GAAQ,WAAAb,EAAA,wBACrC,OAAA,EAAI,WAAWK,EAAGC,EAAO,OAAOO,KAAUP,EAAO,aAAa,GAAGN,CAAS,GAAI,UAAAH,GAAS,CACzF;AAAA,EACD;AACF,GAEAiB,sBAAkCnB,CAAS;"}

package/build/components/FilterBar/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-bar-b4PP4{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--hd-space-3);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm);padding:var(--hd-space-3)}.ui-bar__hiddenSubmit-jeCyX{display:none}.ui-bar__actions-rG69L{display:flex;align-items:center;gap:var(--hd-space-2);margin-inline-start:auto}.ui-field-f-rvu{flex:0 1 220px;min-width:0;--ui-field-label-order: -2;--ui-field-message-order: -1}.ui-field--wide-FA5gf{flex:1 1 240px}@media (max-width: 640px){.ui-field-f-rvu,.ui-field--wide-FA5gf{flex-basis:100%}.ui-bar__actions-rG69L{width:100%}.ui-bar__actions-rG69L>*{flex:1 1 auto}}}

package/build/components/IconButton/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),q=require("../../helpers/class-name.helper.cjs"),I=require("../../helpers/component.helper.cjs"),_=require("../Link/index.cjs"),t={default:{"iconButton":"ui-iconButton-JdtwM","iconButton--inert":"ui-iconButton--inert-atNrh","iconButton--round":"ui-iconButton--round-RNv7S","iconButton--sm":"ui-iconButton--sm-wE6zE","iconButton--md":"ui-iconButton--md-iTNNS","iconButton--ghost":"ui-iconButton--ghost-w-8K3","iconButton--outline":"ui-iconButton--outline-vEhcY","iconButton--solid":"ui-iconButton--solid-NUszP","iconButton--accent":"ui-iconButton--accent-SDyQA","iconButton--danger":"ui-iconButton--danger-xKkEA"}},h=c.forwardRef(({icon:o,label:a,variant:l="ghost",size:s="md",shape:m="rounded",className:b,type:f="button",href:u,linkProps:x,testId:d,...e},B)=>{const i=q.cx(t.default.iconButton,t.default[`iconButton--${l}`],t.default[`iconButton--${s}`],m==="round"&&t.default["iconButton--round"],b),n=!!e.disabled;return u?r.jsx(_.default,{...e,href:u,className:i,"aria-label":a,"aria-disabled":n||void 0,tabIndex:n?-1:e.tabIndex,onClick:n?void 0:e.onClick,"data-testid":d,...x,children:o}):r.jsx("button",{ref:B,type:f,className:i,"aria-label":a,"data-testid":d,...e,children:o})}),j=c.memo(I.named(h,"IconButton"));exports.default=j;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  forwardRef,\n  memo,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\nexport type IconButtonVariant = 'ghost' | 'outline' | 'solid' | 'accent' | 'danger';\n\n/** Köşe biçimi. `round` tam daire — sohbet girdisindeki gönder / durdur gibi. Ölçü değişmez. */\nexport type IconButtonShape = 'rounded' | 'round';\n\ntype Props = ButtonHTMLAttributes<HTMLButtonElement> & {\n  icon: ReactNode;\n  /** Görsel etiketi olmayan düğmenin erişilebilir adı — ZORUNLU. */\n  label: string;\n  /** `accent` (coral) is for the conversion action only: download, try, subscribe. */\n  variant?: IconButtonVariant;\n  size?: 'sm' | 'md';\n  shape?: IconButtonShape;\n  /** Verilirse öğe bir bağlantı olarak çizilir. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  testId?: string;\n};\n\n/** Yalnızca ikon taşıyan düğme. */\nconst IconButton = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      icon,\n      label,\n      variant = 'ghost',\n      size = 'md',\n      shape = 'rounded',\n      className,\n      type = 'button',\n      href,\n      linkProps,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classNames = cx(\n      styles.iconButton,\n      styles[`iconButton--${variant}`],\n      styles[`iconButton--${size}`],\n      shape === 'round' && styles['iconButton--round'],\n      className,\n    );\n\n    /*\n     * Onceki bicim yalnizca `href`/`className`/`aria-label`/`title`/`testId` iletiyordu\n     * ⚠ BAGLANTI DALI DA `...rest` YAYAR — `Button` ile ayni ariza.\n     */\n    const isInert = Boolean(rest.disabled);\n\n    if (href)\n      return (\n        <UiLink\n          {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n          href={href}\n          className={classNames}\n          aria-label={label}\n          aria-disabled={isInert || undefined}\n          tabIndex={isInert ? -1 : rest.tabIndex}\n          onClick={\n            isInert\n              ? undefined\n              : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined)\n          }\n          data-testid={testId}\n          {...linkProps}\n        >\n          {icon}\n        </UiLink>\n      );\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={classNames}\n        aria-label={label}\n        data-testid={testId}\n        {...rest}\n      >\n        {icon}\n      </button>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(IconButton, 'IconButton'),\n) as typeof IconButton;\n"],"names":["IconButton","forwardRef","icon","label","variant","size","shape","className","type","href","linkProps","testId","rest","ref","classNames","cx","styles","isInert","jsx","UiLink","memo","named"],"mappings":"yUAqCMA,EAA2BC,EAAAA,WAC/B,CACE,CACE,KAAAC,EACA,MAAAC,EACA,QAAAC,EAAU,QACV,KAAAC,EAAO,KACP,MAAAC,EAAQ,UACR,UAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAaC,EAAAA,GACjBC,EAAAA,QAAO,WACPA,EAAAA,QAAO,eAAeZ,CAAO,EAAE,EAC/BY,EAAAA,QAAO,eAAeX,CAAI,EAAE,EAC5BC,IAAU,SAAWU,EAAAA,QAAO,mBAAmB,EAC/CT,CAAA,EAOIU,EAAU,EAAQL,EAAK,SAE7B,OAAIH,EAEAS,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAIP,EACL,KAAAH,EACA,UAAWK,EACX,aAAYX,EACZ,gBAAec,GAAW,OAC1B,SAAUA,EAAU,GAAKL,EAAK,SAC9B,QACEK,EACI,OACCL,EAAK,QAEZ,cAAaD,EACZ,GAAGD,EAEH,SAAAR,CAAA,CAAA,EAKLgB,EAAAA,IAAC,SAAA,CACC,IAAAL,EACA,KAAAL,EACA,UAAWM,EACX,aAAYX,EACZ,cAAaQ,EACZ,GAAGC,EAEH,SAAAV,CAAA,CAAA,CAGP,CACF,EAEAF,EAA6BoB,EAAAA,KACbC,EAAAA,MAAMrB,EAAY,YAAY,CAC9C"}

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

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+export type IconButtonVariant = 'ghost' | 'outline' | 'solid' | 'accent' | 'danger';
+/** Köşe biçimi. `round` tam daire — sohbet girdisindeki gönder / durdur gibi. Ölçü değişmez. */
+export type IconButtonShape = 'rounded' | 'round';
+/** Yalnızca ikon taşıyan düğme. */
+declare const IconButton: import('react').ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    icon: ReactNode;
+    /** Görsel etiketi olmayan düğmenin erişilebilir adı — ZORUNLU. */
+    label: string;
+    /** `accent` (coral) is for the conversion action only: download, try, subscribe. */
+    variant?: IconButtonVariant;
+    size?: "sm" | "md";
+    shape?: IconButtonShape;
+    /** Verilirse öğe bir bağlantı olarak çizilir. */
+    href?: string;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    testId?: string;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+declare const _default: typeof IconButton;
+export default _default;

package/build/components/IconButton/index.js

@@ -0,0 +1,61 @@
+import { jsx as c } from "react/jsx-runtime";
+import { memo as p, forwardRef as x } from "react";
+import { cx as I } from "../../helpers/class-name.helper.js";
+import { named as k } from "../../helpers/component.helper.js";
+import N from "../Link/index.js";
+const t = {"iconButton":"ui-iconButton-JdtwM","iconButton--inert":"ui-iconButton--inert-atNrh","iconButton--round":"ui-iconButton--round-RNv7S","iconButton--sm":"ui-iconButton--sm-wE6zE","iconButton--md":"ui-iconButton--md-iTNNS","iconButton--ghost":"ui-iconButton--ghost-w-8K3","iconButton--outline":"ui-iconButton--outline-vEhcY","iconButton--solid":"ui-iconButton--solid-NUszP","iconButton--accent":"ui-iconButton--accent-SDyQA","iconButton--danger":"ui-iconButton--danger-xKkEA"};
+const $ = /* @__PURE__ */ x(
+  ({
+    icon: a,
+    label: i,
+    variant: e = "ghost",
+    size: s = "md",
+    shape: u = "rounded",
+    className: l,
+    type: f = "button",
+    href: r,
+    linkProps: B,
+    testId: d,
+    ...o
+  }, b) => {
+    const m = I(
+      t.iconButton,
+      t[`iconButton--${e}`],
+      t[`iconButton--${s}`],
+      u === "round" && t["iconButton--round"],
+      l
+    ), n = !!o.disabled;
+    return r ? /* @__PURE__ */ c(
+      N,
+      {
+        ...o,
+        href: r,
+        className: m,
+        "aria-label": i,
+        "aria-disabled": n || void 0,
+        tabIndex: n ? -1 : o.tabIndex,
+        onClick: n ? void 0 : o.onClick,
+        "data-testid": d,
+        ...B,
+        children: a
+      }
+    ) : /* @__PURE__ */ c(
+      "button",
+      {
+        ref: b,
+        type: f,
+        className: m,
+        "aria-label": i,
+        "data-testid": d,
+        ...o,
+        children: a
+      }
+    );
+  }
+), y = /* @__PURE__ */ p(
+  /* @__PURE__ */ k($, "IconButton")
+);
+export {
+  y as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/IconButton/index.tsx"],"sourcesContent":["import {\n  type AnchorHTMLAttributes,\n  type ButtonHTMLAttributes,\n  forwardRef,\n  memo,\n  type MouseEventHandler,\n  type ReactNode,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\nexport type IconButtonVariant = 'ghost' | 'outline' | 'solid' | 'accent' | 'danger';\n\n/** Köşe biçimi. `round` tam daire — sohbet girdisindeki gönder / durdur gibi. Ölçü değişmez. */\nexport type IconButtonShape = 'rounded' | 'round';\n\ntype Props = ButtonHTMLAttributes<HTMLButtonElement> & {\n  icon: ReactNode;\n  /** Görsel etiketi olmayan düğmenin erişilebilir adı — ZORUNLU. */\n  label: string;\n  /** `accent` (coral) is for the conversion action only: download, try, subscribe. */\n  variant?: IconButtonVariant;\n  size?: 'sm' | 'md';\n  shape?: IconButtonShape;\n  /** Verilirse öğe bir bağlantı olarak çizilir. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  testId?: string;\n};\n\n/** Yalnızca ikon taşıyan düğme. */\nconst IconButton = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      icon,\n      label,\n      variant = 'ghost',\n      size = 'md',\n      shape = 'rounded',\n      className,\n      type = 'button',\n      href,\n      linkProps,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classNames = cx(\n      styles.iconButton,\n      styles[`iconButton--${variant}`],\n      styles[`iconButton--${size}`],\n      shape === 'round' && styles['iconButton--round'],\n      className,\n    );\n\n    /*\n     * Onceki bicim yalnizca `href`/`className`/`aria-label`/`title`/`testId` iletiyordu\n     * ⚠ BAGLANTI DALI DA `...rest` YAYAR — `Button` ile ayni ariza.\n     */\n    const isInert = Boolean(rest.disabled);\n\n    if (href)\n      return (\n        <UiLink\n          {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}\n          href={href}\n          className={classNames}\n          aria-label={label}\n          aria-disabled={isInert || undefined}\n          tabIndex={isInert ? -1 : rest.tabIndex}\n          onClick={\n            isInert\n              ? undefined\n              : (rest.onClick as unknown as MouseEventHandler<HTMLAnchorElement> | undefined)\n          }\n          data-testid={testId}\n          {...linkProps}\n        >\n          {icon}\n        </UiLink>\n      );\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={classNames}\n        aria-label={label}\n        data-testid={testId}\n        {...rest}\n      >\n        {icon}\n      </button>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(IconButton, 'IconButton'),\n) as typeof IconButton;\n"],"names":["IconButton","forwardRef","icon","label","variant","size","shape","className","type","href","linkProps","testId","rest","ref","classNames","cx","styles","isInert","jsx","UiLink","IconButton$1","memo","named"],"mappings":";;;;;;AAqCA,MAAMA,IAA2B,gBAAAC;AAAA,EAC/B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAaC;AAAA,MACjBC,EAAO;AAAA,MACPA,EAAO,eAAeZ,CAAO,EAAE;AAAA,MAC/BY,EAAO,eAAeX,CAAI,EAAE;AAAA,MAC5BC,MAAU,WAAWU,EAAO,mBAAmB;AAAA,MAC/CT;AAAA,IAAA,GAOIU,IAAU,EAAQL,EAAK;AAE7B,WAAIH,IAEA,gBAAAS;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAIP;AAAA,QACL,MAAAH;AAAA,QACA,WAAWK;AAAA,QACX,cAAYX;AAAA,QACZ,iBAAec,KAAW;AAAA,QAC1B,UAAUA,IAAU,KAAKL,EAAK;AAAA,QAC9B,SACEK,IACI,SACCL,EAAK;AAAA,QAEZ,eAAaD;AAAA,QACZ,GAAGD;AAAA,QAEH,UAAAR;AAAA,MAAA;AAAA,IAAA,IAKL,gBAAAgB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAL;AAAA,QACA,MAAAL;AAAA,QACA,WAAWM;AAAA,QACX,cAAYX;AAAA,QACZ,eAAaQ;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEAkB,IAA6B,gBAAAC;AAAA,EACb,gBAAAC,EAAMtB,GAAY,YAAY;AAC9C;"}

package/build/components/IconButton/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-iconButton-JdtwM{position:relative;display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--hd-radius-sm);background:none;cursor:pointer;color:var(--hd-text-2);transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-iconButton-JdtwM:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-iconButton-JdtwM:disabled{cursor:not-allowed;color:var(--hd-text-3)}@media (prefers-reduced-motion: reduce){.ui-iconButton-JdtwM{transition:none}}.ui-iconButton-JdtwM{position:relative}.ui-iconButton-JdtwM:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-iconButton--inert-atNrh{pointer-events:none}.ui-iconButton--round-RNv7S{border-radius:var(--hd-radius-pill)}.ui-iconButton--sm-wE6zE{width:32px;height:32px;font-size:16px}.ui-iconButton--md-iTNNS{width:40px;height:40px;font-size:18px}.ui-iconButton--ghost-w-8K3:hover:not(:disabled){background-color:color-mix(in srgb,var(--hd-text) 8%,transparent);color:var(--hd-text)}.ui-iconButton--outline-vEhcY{border-color:var(--hd-border-strong);background-color:var(--hd-bg-surface)}.ui-iconButton--outline-vEhcY:hover:not(:disabled){border-color:var(--hd-text-3);color:var(--hd-text)}.ui-iconButton--outline-vEhcY:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border)}.ui-iconButton--solid-NUszP{background-color:var(--hd-primary);border-color:var(--hd-primary);color:var(--hd-on-primary)}.ui-iconButton--solid-NUszP:hover:not(:disabled){background-color:var(--hd-primary-hover)}.ui-iconButton--solid-NUszP:disabled{background-color:var(--hd-bg-disabled);border-color:transparent;color:var(--hd-text-disabled)}.ui-iconButton--accent-SDyQA{background-color:var(--hd-accent);color:var(--hd-on-accent)}.ui-iconButton--accent-SDyQA:hover:not(:disabled){background-color:var(--hd-accent-hover)}.ui-iconButton--accent-SDyQA:active:not(:disabled){background-color:var(--hd-accent-active)}.ui-iconButton--accent-SDyQA:disabled{background-color:var(--hd-bg-disabled);color:var(--hd-text-disabled)}.ui-iconButton--danger-xKkEA{border-color:var(--hd-border-strong);background-color:var(--hd-bg-surface)}.ui-iconButton--danger-xKkEA:not(:disabled){color:var(--hd-danger-fg)}.ui-iconButton--danger-xKkEA:hover:not(:disabled){border-color:var(--hd-danger-solid);background-color:var(--hd-danger-bg)}}

package/build/components/Input/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"),t=require("react"),w=require("../../helpers/class-name.helper.cjs"),N=require("../../helpers/component.helper.cjs"),e={default:{"wrapper":"ui-wrapper-IAI4E","wrapper__prefix":"ui-wrapper__prefix-XKDlV","wrapper__suffix":"ui-wrapper__suffix-lT35q","input":"ui-input-pIS2u","input--sm":"ui-input--sm-v1rrv","input--hasPrefix":"ui-input--hasPrefix-nsrWh","input--hasSuffix":"ui-input--hasSuffix-OrE5A","input--technical":"ui-input--technical---DCD"}},P=typeof window>"u"?()=>{}:t.useLayoutEffect,g=t.forwardRef(({prefix:o,suffix:a,isTechnical:R,size:y="md",className:v,testId:_,...b},j)=>{const f=t.useRef(null),c=t.useRef(null),l=t.useRef(null),n=!!o,u=!!a;return P(()=>{const i=f.current;if(!i)return;const d=[[c,"--ui-input-prefix-width"],[l,"--ui-input-suffix-width"]],p=()=>{var r;for(const[q,m]of d){const x=((r=q.current)==null?void 0:r.getBoundingClientRect().width)??0;x>0?i.style.setProperty(m,`${Math.ceil(x)}px`):i.style.removeProperty(m)}};if(p(),typeof ResizeObserver>"u")return;const h=new ResizeObserver(p);for(const[r]of d)r.current&&h.observe(r.current);return()=>h.disconnect()},[n,u]),s.jsxs("span",{ref:f,className:w.cx(e.default.wrapper,v),children:[n&&s.jsx("span",{ref:c,className:e.default.wrapper__prefix,"aria-hidden":!0,children:o}),s.jsx("input",{ref:j,className:w.cx(e.default.input,y==="sm"&&e.default["input--sm"],n&&e.default["input--hasPrefix"],u&&e.default["input--hasSuffix"],R&&e.default["input--technical"]),"data-testid":_,...b}),u&&s.jsx("span",{ref:l,className:e.default.wrapper__suffix,"aria-hidden":!0,children:a})]})}),I=t.memo(N.named(g,"Input"));exports.default=I;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  memo,\n  type ReactNode,\n  useLayoutEffect,\n  useRef,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\n/*\n * `prefix` HTML'in RDFa nitelikleri arasinda yer alir ve React onu `string` olarak tanimlar.\n * `size` yerel ozellikte karakter genisligi (`number`); burada olcu adi — genislik CSS'ten gelir.\n */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {\n  /** Solda gösterilen ikon veya ön ek (arama simgesi, para birimi). */\n  prefix?: ReactNode;\n  /** Sağda gösterilen ikon veya birim (göz simgesi, \"kg\"). */\n  suffix?: ReactNode;\n  /** Teknik veri: */\n  isTechnical?: boolean;\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/** `useLayoutEffect` sunucuda uyarı basar; orada etkisiz bir eşdeğer. */\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? () => {} : useLayoutEffect;\n\n/** Metin girdisi. */\nconst Input = /*#__PURE__*/ forwardRef<HTMLInputElement, Props>(\n  ({ prefix, suffix, isTechnical, size = 'md', className, testId, ...rest }, ref) => {\n    const wrapperRef = useRef<HTMLSpanElement>(null);\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    /*\n     * `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir deger — `prefix &&`\n     * ifadesi o durumda dize degil sayi donuyordu.\n     */\n    const hasPrefix = Boolean(prefix);\n    const hasSuffix = Boolean(suffix);\n\n    /*\n     * Onek/sonekin genisligi olculup sarmalayiciya yazilir; girdinin ic payi buradan hesaplanir\n     * (`--hasPrefix`). Boyamadan once olculur, icerik ya da yazi tipi degisince `ResizeObserver`\n     * yeniden yazar. Olcum yokken (sunucu cizimi, jsdom) CSS ikon olcusunu varsayar.\n     */\n    useIsomorphicLayoutEffect(() => {\n      const wrapper = wrapperRef.current;\n      if (!wrapper) return undefined;\n      const slots = [\n        [prefixRef, '--ui-input-prefix-width'],\n        [suffixRef, '--ui-input-suffix-width'],\n      ] as const;\n      const write = () => {\n        for (const [slot, property] of slots) {\n          const width = slot.current?.getBoundingClientRect().width ?? 0;\n          if (width > 0) wrapper.style.setProperty(property, `${Math.ceil(width)}px`);\n          else wrapper.style.removeProperty(property);\n        }\n      };\n      write();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(write);\n      for (const [slot] of slots) if (slot.current) observer.observe(slot.current);\n      return () => observer.disconnect();\n    }, [hasPrefix, hasSuffix]);\n\n    return (\n      <span ref={wrapperRef} className={cx(styles.wrapper, className)}>\n        {hasPrefix && (\n          <span ref={prefixRef} className={styles.wrapper__prefix} aria-hidden>\n            {prefix}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            styles.input,\n            size === 'sm' && styles['input--sm'],\n            hasPrefix && styles['input--hasPrefix'],\n            hasSuffix && styles['input--hasSuffix'],\n            isTechnical && styles['input--technical'],\n          )}\n          data-testid={testId}\n          {...rest}\n        />\n        {hasSuffix && (\n          <span ref={suffixRef} className={styles.wrapper__suffix} aria-hidden>\n            {suffix}\n          </span>\n        )}\n      </span>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Input, 'Input')) as typeof Input;\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","Input","forwardRef","prefix","suffix","isTechnical","size","className","testId","rest","ref","wrapperRef","useRef","prefixRef","suffixRef","hasPrefix","hasSuffix","wrapper","slots","write","slot","property","width","_a","observer","jsxs","cx","styles","jsx","memo","named"],"mappings":"uTAgCMA,EAA4B,OAAO,OAAW,IAAc,IAAM,CAAC,EAAIC,EAAAA,gBAGvEC,EAAsBC,EAAAA,WAC1B,CAAC,CAAE,OAAAC,EAAQ,OAAAC,EAAQ,YAAAC,EAAa,KAAAC,EAAO,KAAM,UAAAC,EAAW,OAAAC,EAAQ,GAAGC,CAAA,EAAQC,IAAQ,CACjF,MAAMC,EAAaC,EAAAA,OAAwB,IAAI,EACzCC,EAAYD,EAAAA,OAAwB,IAAI,EACxCE,EAAYF,EAAAA,OAAwB,IAAI,EAKxCG,EAAY,EAAQZ,EACpBa,EAAY,EAAQZ,EAO1B,OAAAL,EAA0B,IAAM,CAC9B,MAAMkB,EAAUN,EAAW,QAC3B,GAAI,CAACM,EAAS,OACd,MAAMC,EAAQ,CACZ,CAACL,EAAW,yBAAyB,EACrC,CAACC,EAAW,yBAAyB,CAAA,EAEjCK,EAAQ,IAAM,OAClB,SAAW,CAACC,EAAMC,CAAQ,IAAKH,EAAO,CACpC,MAAMI,IAAQC,EAAAH,EAAK,UAAL,YAAAG,EAAc,wBAAwB,QAAS,EACzDD,EAAQ,EAAGL,EAAQ,MAAM,YAAYI,EAAU,GAAG,KAAK,KAAKC,CAAK,CAAC,IAAI,EACrEL,EAAQ,MAAM,eAAeI,CAAQ,CAC5C,CACF,EAEA,GADAF,EAAA,EACI,OAAO,eAAmB,IAAa,OAC3C,MAAMK,EAAW,IAAI,eAAeL,CAAK,EACzC,SAAW,CAACC,CAAI,IAAKF,EAAWE,EAAK,SAASI,EAAS,QAAQJ,EAAK,OAAO,EAC3E,MAAO,IAAMI,EAAS,WAAA,CACxB,EAAG,CAACT,EAAWC,CAAS,CAAC,EAGvBS,OAAC,QAAK,IAAKd,EAAY,UAAWe,EAAAA,GAAGC,UAAO,QAASpB,CAAS,EAC3D,SAAA,CAAAQ,GACCa,EAAAA,IAAC,QAAK,IAAKf,EAAW,UAAWc,EAAAA,QAAO,gBAAiB,cAAW,GACjE,SAAAxB,CAAA,CACH,EAEFyB,EAAAA,IAAC,QAAA,CACC,IAAAlB,EACA,UAAWgB,EAAAA,GACTC,EAAAA,QAAO,MACPrB,IAAS,MAAQqB,EAAAA,QAAO,WAAW,EACnCZ,GAAaY,EAAAA,QAAO,kBAAkB,EACtCX,GAAaW,EAAAA,QAAO,kBAAkB,EACtCtB,GAAesB,EAAAA,QAAO,kBAAkB,CAAA,EAE1C,cAAanB,EACZ,GAAGC,CAAA,CAAA,EAELO,GACCY,EAAAA,IAAC,OAAA,CAAK,IAAKd,EAAW,UAAWa,EAAAA,QAAO,gBAAiB,cAAW,GACjE,SAAAvB,CAAA,CACH,CAAA,EAEJ,CAEJ,CACF,EAEAH,EAA6B4B,OAAmBC,EAAAA,MAAM7B,EAAO,OAAO,CAAC"}

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/** Metin girdisi. */
+declare const Input: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix"> & {
+    /** Solda gösterilen ikon veya ön ek (arama simgesi, para birimi). */
+    prefix?: ReactNode;
+    /** Sağda gösterilen ikon veya birim (göz simgesi, "kg"). */
+    suffix?: ReactNode;
+    /** Teknik veri: */
+    isTechnical?: boolean;
+    /** `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 Input;
+export default _default;

package/build/components/Input/index.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { memo as B, forwardRef as g, useRef as i, useLayoutEffect as j } from "react";
+import { cx as x } from "../../helpers/class-name.helper.js";
+import { named as z } from "../../helpers/component.helper.js";
+const e = {"wrapper":"ui-wrapper-IAI4E","wrapper__prefix":"ui-wrapper__prefix-XKDlV","wrapper__suffix":"ui-wrapper__suffix-lT35q","input":"ui-input-pIS2u","input--sm":"ui-input--sm-v1rrv","input--hasPrefix":"ui-input--hasPrefix-nsrWh","input--hasSuffix":"ui-input--hasSuffix-OrE5A","input--technical":"ui-input--technical---DCD"};
+const E = typeof window > "u" ? () => {
+} : j, L = /* @__PURE__ */ g(
+  ({ prefix: f, suffix: p, isTechnical: y, size: R = "md", className: v, testId: b, ...I }, N) => {
+    const u = i(null), c = i(null), a = i(null), r = !!f, n = !!p;
+    return E(() => {
+      const s = u.current;
+      if (!s) return;
+      const l = [
+        [c, "--ui-input-prefix-width"],
+        [a, "--ui-input-suffix-width"]
+      ], d = () => {
+        var t;
+        for (const [P, h] of l) {
+          const w = ((t = P.current) == null ? void 0 : t.getBoundingClientRect().width) ?? 0;
+          w > 0 ? s.style.setProperty(h, `${Math.ceil(w)}px`) : s.style.removeProperty(h);
+        }
+      };
+      if (d(), typeof ResizeObserver > "u") return;
+      const m = new ResizeObserver(d);
+      for (const [t] of l) t.current && m.observe(t.current);
+      return () => m.disconnect();
+    }, [r, n]), /* @__PURE__ */ _("span", { ref: u, className: x(e.wrapper, v), children: [
+      r && /* @__PURE__ */ o("span", { ref: c, className: e.wrapper__prefix, "aria-hidden": !0, children: f }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          ref: N,
+          className: x(
+            e.input,
+            R === "sm" && e["input--sm"],
+            r && e["input--hasPrefix"],
+            n && e["input--hasSuffix"],
+            y && e["input--technical"]
+          ),
+          "data-testid": b,
+          ...I
+        }
+      ),
+      n && /* @__PURE__ */ o("span", { ref: a, className: e.wrapper__suffix, "aria-hidden": !0, children: p })
+    ] });
+  }
+), k = /* @__PURE__ */ B(/* @__PURE__ */ z(L, "Input"));
+export {
+  k as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Input/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  memo,\n  type ReactNode,\n  useLayoutEffect,\n  useRef,\n} from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\n/*\n * `prefix` HTML'in RDFa nitelikleri arasinda yer alir ve React onu `string` olarak tanimlar.\n * `size` yerel ozellikte karakter genisligi (`number`); burada olcu adi — genislik CSS'ten gelir.\n */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> & {\n  /** Solda gösterilen ikon veya ön ek (arama simgesi, para birimi). */\n  prefix?: ReactNode;\n  /** Sağda gösterilen ikon veya birim (göz simgesi, \"kg\"). */\n  suffix?: ReactNode;\n  /** Teknik veri: */\n  isTechnical?: boolean;\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/** `useLayoutEffect` sunucuda uyarı basar; orada etkisiz bir eşdeğer. */\nconst useIsomorphicLayoutEffect = typeof window === 'undefined' ? () => {} : useLayoutEffect;\n\n/** Metin girdisi. */\nconst Input = /*#__PURE__*/ forwardRef<HTMLInputElement, Props>(\n  ({ prefix, suffix, isTechnical, size = 'md', className, testId, ...rest }, ref) => {\n    const wrapperRef = useRef<HTMLSpanElement>(null);\n    const prefixRef = useRef<HTMLSpanElement>(null);\n    const suffixRef = useRef<HTMLSpanElement>(null);\n    /*\n     * `Boolean(...)`: `prefix` bir `ReactNode` ve `0` da gecerli bir deger — `prefix &&`\n     * ifadesi o durumda dize degil sayi donuyordu.\n     */\n    const hasPrefix = Boolean(prefix);\n    const hasSuffix = Boolean(suffix);\n\n    /*\n     * Onek/sonekin genisligi olculup sarmalayiciya yazilir; girdinin ic payi buradan hesaplanir\n     * (`--hasPrefix`). Boyamadan once olculur, icerik ya da yazi tipi degisince `ResizeObserver`\n     * yeniden yazar. Olcum yokken (sunucu cizimi, jsdom) CSS ikon olcusunu varsayar.\n     */\n    useIsomorphicLayoutEffect(() => {\n      const wrapper = wrapperRef.current;\n      if (!wrapper) return undefined;\n      const slots = [\n        [prefixRef, '--ui-input-prefix-width'],\n        [suffixRef, '--ui-input-suffix-width'],\n      ] as const;\n      const write = () => {\n        for (const [slot, property] of slots) {\n          const width = slot.current?.getBoundingClientRect().width ?? 0;\n          if (width > 0) wrapper.style.setProperty(property, `${Math.ceil(width)}px`);\n          else wrapper.style.removeProperty(property);\n        }\n      };\n      write();\n      if (typeof ResizeObserver === 'undefined') return undefined;\n      const observer = new ResizeObserver(write);\n      for (const [slot] of slots) if (slot.current) observer.observe(slot.current);\n      return () => observer.disconnect();\n    }, [hasPrefix, hasSuffix]);\n\n    return (\n      <span ref={wrapperRef} className={cx(styles.wrapper, className)}>\n        {hasPrefix && (\n          <span ref={prefixRef} className={styles.wrapper__prefix} aria-hidden>\n            {prefix}\n          </span>\n        )}\n        <input\n          ref={ref}\n          className={cx(\n            styles.input,\n            size === 'sm' && styles['input--sm'],\n            hasPrefix && styles['input--hasPrefix'],\n            hasSuffix && styles['input--hasSuffix'],\n            isTechnical && styles['input--technical'],\n          )}\n          data-testid={testId}\n          {...rest}\n        />\n        {hasSuffix && (\n          <span ref={suffixRef} className={styles.wrapper__suffix} aria-hidden>\n            {suffix}\n          </span>\n        )}\n      </span>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Input, 'Input')) as typeof Input;\n"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","Input","forwardRef","prefix","suffix","isTechnical","size","className","testId","rest","ref","wrapperRef","useRef","prefixRef","suffixRef","hasPrefix","hasSuffix","wrapper","slots","write","slot","property","width","_a","observer","jsxs","cx","styles","jsx","Input$1","memo","named"],"mappings":";;;;;;AAgCA,MAAMA,IAA4B,OAAO,SAAW,MAAc,MAAM;AAAC,IAAIC,GAGvEC,IAAsB,gBAAAC;AAAA,EAC1B,CAAC,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,GAAa,MAAAC,IAAO,MAAM,WAAAC,GAAW,QAAAC,GAAQ,GAAGC,EAAA,GAAQC,MAAQ;AACjF,UAAMC,IAAaC,EAAwB,IAAI,GACzCC,IAAYD,EAAwB,IAAI,GACxCE,IAAYF,EAAwB,IAAI,GAKxCG,IAAY,EAAQZ,GACpBa,IAAY,EAAQZ;AAO1B,WAAAL,EAA0B,MAAM;AAC9B,YAAMkB,IAAUN,EAAW;AAC3B,UAAI,CAACM,EAAS;AACd,YAAMC,IAAQ;AAAA,QACZ,CAACL,GAAW,yBAAyB;AAAA,QACrC,CAACC,GAAW,yBAAyB;AAAA,MAAA,GAEjCK,IAAQ,MAAM;;AAClB,mBAAW,CAACC,GAAMC,CAAQ,KAAKH,GAAO;AACpC,gBAAMI,MAAQC,IAAAH,EAAK,YAAL,gBAAAG,EAAc,wBAAwB,UAAS;AAC7D,UAAID,IAAQ,IAAGL,EAAQ,MAAM,YAAYI,GAAU,GAAG,KAAK,KAAKC,CAAK,CAAC,IAAI,IACrEL,EAAQ,MAAM,eAAeI,CAAQ;AAAA,QAC5C;AAAA,MACF;AAEA,UADAF,EAAA,GACI,OAAO,iBAAmB,IAAa;AAC3C,YAAMK,IAAW,IAAI,eAAeL,CAAK;AACzC,iBAAW,CAACC,CAAI,KAAKF,EAAO,CAAIE,EAAK,WAASI,EAAS,QAAQJ,EAAK,OAAO;AAC3E,aAAO,MAAMI,EAAS,WAAA;AAAA,IACxB,GAAG,CAACT,GAAWC,CAAS,CAAC,GAGvB,gBAAAS,EAAC,UAAK,KAAKd,GAAY,WAAWe,EAAGC,EAAO,SAASpB,CAAS,GAC3D,UAAA;AAAA,MAAAQ,KACC,gBAAAa,EAAC,UAAK,KAAKf,GAAW,WAAWc,EAAO,iBAAiB,eAAW,IACjE,UAAAxB,EAAA,CACH;AAAA,MAEF,gBAAAyB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAlB;AAAA,UACA,WAAWgB;AAAA,YACTC,EAAO;AAAA,YACPrB,MAAS,QAAQqB,EAAO,WAAW;AAAA,YACnCZ,KAAaY,EAAO,kBAAkB;AAAA,YACtCX,KAAaW,EAAO,kBAAkB;AAAA,YACtCtB,KAAesB,EAAO,kBAAkB;AAAA,UAAA;AAAA,UAE1C,eAAanB;AAAA,UACZ,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,MAELO,KACC,gBAAAY,EAAC,QAAA,EAAK,KAAKd,GAAW,WAAWa,EAAO,iBAAiB,eAAW,IACjE,UAAAvB,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF,GAEAyB,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAM9B,GAAO,OAAO,CAAC;"}

package/build/components/Input/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";@layer ui{.ui-wrapper-IAI4E{position:relative;display:flex;align-items:center;width:100%}.ui-wrapper__prefix-XKDlV,.ui-wrapper__suffix-lT35q{position:absolute;display:flex;align-items:center;color:var(--hd-text-2);pointer-events:none;font-size:var(--hd-type-small-size)}.ui-wrapper__prefix-XKDlV{inset-inline-start:var(--hd-space-3)}.ui-wrapper__suffix-lT35q{inset-inline-end:var(--hd-space-3)}.ui-input-pIS2u{width:100%;font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);line-height:var(--hd-type-h4-line-height);color:var(--hd-text);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border-strong);border-radius:var(--hd-radius-sm);padding:var(--hd-space-2) var(--hd-space-3);min-height:40px}@media (max-width: 640px){.ui-input-pIS2u{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-input-pIS2u{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-input-pIS2u{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-input-pIS2u::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-input-pIS2u:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-input-pIS2u:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-input-pIS2u:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-input-pIS2u:disabled{color:GrayText;border-color:GrayText}}.ui-input-pIS2u[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-input-pIS2u[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-danger-solid) 28%,transparent)}@media (prefers-reduced-motion: reduce){.ui-input-pIS2u{transition:none}}.ui-input--sm-v1rrv{min-height:32px;padding-block:0;padding-inline:var(--hd-space-3);font-size:var(--hd-type-small-size)}@media (max-width: 640px){.ui-input--sm-v1rrv{min-height:32px;font-size:var(--hd-type-small-size);font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-input--sm-v1rrv{min-height:32px;font-size:var(--hd-type-small-size);font-size:max(16px,var(--hd-type-body-size))}}.ui-input--hasPrefix-nsrWh{padding-inline-start:calc(var(--hd-space-3) + var(--ui-input-prefix-width, 18px) + var(--hd-space-2))}.ui-input--hasSuffix-OrE5A{padding-inline-end:calc(var(--hd-space-3) + var(--ui-input-suffix-width, 18px) + var(--hd-space-2))}.ui-input--technical---DCD{font-family:var(--hd-font-mono);font-size:max(16px,var(--hd-type-body-size));letter-spacing:.02em;font-variant-numeric:tabular-nums;letter-spacing:.06em}}

package/build/components/Kbd/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),n=require("../../helpers/class-name.helper.cjs"),u=require("../../helpers/component.helper.cjs"),s={default:{"kbd":"ui-kbd-W9O6L","kbd__group":"ui-kbd__group-19TQs","kbd__joiner":"ui-kbd__joiner-If794","kbd__key":"ui-kbd__key-9B5fJ"}},o=({keys:d,className:l,...t})=>e.jsx("kbd",{className:n.cx(s.default.kbd,l),...t,children:d.map((r,a)=>e.jsxs("span",{className:s.default.kbd__group,children:[a>0&&e.jsx("span",{className:s.default.kbd__joiner,children:"+"}),e.jsx("kbd",{className:s.default.kbd__key,children:r})]},`${r}-${a}`))}),i=c.memo(u.named(o,"Kbd"));exports.default=i;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Kbd/index.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<HTMLAttributes<HTMLElement>, 'children'> & {\n  /** Basılacak tuşlar, sırayla: `['Shift', 'Enter']`. Tek tuş da bir dizi: `['⌘K']`. */\n  keys: string[];\n};\n\n/**\n * Klavye kısayolu — `<kbd>` içinde her tuş kendi `<kbd>`si (HTML'in birleşik tuş deseni).\n * Ekran okuyucu \"Shift artı Enter\" diye okur; yalnızca görsel bir ipucuysa `aria-hidden` geçin.\n */\nconst Kbd: FC<Props> = ({ keys, className, ...rest }) => (\n  <kbd className={cx(styles.kbd, className)} {...rest}>\n    {keys.map((key, index) => (\n      <span key={`${key}-${index}`} className={styles.kbd__group}>\n        {index > 0 && <span className={styles.kbd__joiner}>+</span>}\n        <kbd className={styles.kbd__key}>{key}</kbd>\n      </span>\n    ))}\n  </kbd>\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Kbd, 'Kbd')) as typeof Kbd;\n"],"names":["Kbd","keys","className","rest","jsx","cx","styles","key","index","jsxs","memo","named"],"mappings":"0SAgBMA,EAAiB,CAAC,CAAE,KAAAC,EAAM,UAAAC,EAAW,GAAGC,CAAA,IAC5CC,MAAC,MAAA,CAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,IAAKJ,CAAS,EAAI,GAAGC,EAC5C,SAAAF,EAAK,IAAI,CAACM,EAAKC,IACdC,EAAAA,KAAC,OAAA,CAA6B,UAAWH,EAAAA,QAAO,WAC7C,SAAA,CAAAE,EAAQ,GAAKJ,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,YAAa,SAAA,IAAC,EACpDF,EAAAA,IAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,SAAW,SAAAC,CAAA,CAAI,CAAA,CAAA,EAF7B,GAAGA,CAAG,IAAIC,CAAK,EAG1B,CACD,EACH,EAGFR,EAA6BU,OAAmBC,EAAAA,MAAMX,EAAK,KAAK,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FC, HTMLAttributes } from 'react';
+type Props = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+    /** Basılacak tuşlar, sırayla: `['Shift', 'Enter']`. Tek tuş da bir dizi: `['⌘K']`. */
+    keys: string[];
+};
+/**
+ * Klavye kısayolu — `<kbd>` içinde her tuş kendi `<kbd>`si (HTML'in birleşik tuş deseni).
+ * Ekran okuyucu "Shift artı Enter" diye okur; yalnızca görsel bir ipucuysa `aria-hidden` geçin.
+ */
+declare const Kbd: FC<Props>;
+declare const _default: typeof Kbd;
+export default _default;

package/build/components/Kbd/index.js

@@ -0,0 +1,13 @@
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { cx as p } from "../../helpers/class-name.helper.js";
+import { named as t } from "../../helpers/component.helper.js";
+const m = {"kbd":"ui-kbd-W9O6L","kbd__group":"ui-kbd__group-19TQs","kbd__joiner":"ui-kbd__joiner-If794","kbd__key":"ui-kbd__key-9B5fJ"};
+const b = ({ keys: a, className: d, ...e }) => /* @__PURE__ */ s("kbd", { className: p(m.kbd, d), ...e, children: a.map((r, o) => /* @__PURE__ */ c("span", { className: m.kbd__group, children: [
+  o > 0 && /* @__PURE__ */ s("span", { className: m.kbd__joiner, children: "+" }),
+  /* @__PURE__ */ s("kbd", { className: m.kbd__key, children: r })
+] }, `${r}-${o}`)) }), h = /* @__PURE__ */ l(/* @__PURE__ */ t(b, "Kbd"));
+export {
+  h as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Kbd/index.tsx"],"sourcesContent":["import { type FC, type HTMLAttributes, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<HTMLAttributes<HTMLElement>, 'children'> & {\n  /** Basılacak tuşlar, sırayla: `['Shift', 'Enter']`. Tek tuş da bir dizi: `['⌘K']`. */\n  keys: string[];\n};\n\n/**\n * Klavye kısayolu — `<kbd>` içinde her tuş kendi `<kbd>`si (HTML'in birleşik tuş deseni).\n * Ekran okuyucu \"Shift artı Enter\" diye okur; yalnızca görsel bir ipucuysa `aria-hidden` geçin.\n */\nconst Kbd: FC<Props> = ({ keys, className, ...rest }) => (\n  <kbd className={cx(styles.kbd, className)} {...rest}>\n    {keys.map((key, index) => (\n      <span key={`${key}-${index}`} className={styles.kbd__group}>\n        {index > 0 && <span className={styles.kbd__joiner}>+</span>}\n        <kbd className={styles.kbd__key}>{key}</kbd>\n      </span>\n    ))}\n  </kbd>\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Kbd, 'Kbd')) as typeof Kbd;\n"],"names":["Kbd","keys","className","rest","jsx","cx","styles","key","index","jsxs","Kbd$1","memo","named"],"mappings":";;;;;AAgBA,MAAMA,IAAiB,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,GAAGC,EAAA,MAC5C,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,KAAKJ,CAAS,GAAI,GAAGC,GAC5C,UAAAF,EAAK,IAAI,CAACM,GAAKC,MACd,gBAAAC,EAAC,QAAA,EAA6B,WAAWH,EAAO,YAC7C,UAAA;AAAA,EAAAE,IAAQ,KAAK,gBAAAJ,EAAC,QAAA,EAAK,WAAWE,EAAO,aAAa,UAAA,KAAC;AAAA,EACpD,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,UAAW,UAAAC,EAAA,CAAI;AAAA,EAAA,GAF7B,GAAGA,CAAG,IAAIC,CAAK,EAG1B,CACD,GACH,GAGFE,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMZ,GAAK,KAAK,CAAC;"}

package/build/components/Kbd/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-kbd-W9O6L{display:inline-flex;align-items:center;flex-shrink:0;font:inherit}.ui-kbd__group-19TQs{display:inline-flex;align-items:center}.ui-kbd__joiner-If794{padding-inline:2px;font-size:var(--hd-type-caption-size);color:var(--hd-text-3)}.ui-kbd__key-9B5fJ{font-family:var(--hd-font-mono);font-size:var(--hd-type-caption-size);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:2px var(--hd-space-1);border:1px solid var(--hd-border);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-raised);color:var(--hd-text-2)}}

package/build/components/Link/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),u=require("../../theme/context.cjs"),i=({children:e,...t})=>{const{linkComponent:n}=u.useUi();return n?o.jsx(n,{...t,children:e}):o.jsx("a",{...t,children:e})};exports.default=i;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Link/index.tsx"],"sourcesContent":["'use client';\n\nimport type { AnchorHTMLAttributes, FC } from 'react';\n\nimport { useUi } from '../../theme/context';\nimport type { UiLinkProps } from '../../types/link.type';\n\n/** Kütüphanenin İÇ bağlantı öğesi. */\nconst UiLink: FC<UiLinkProps> = ({ children, ...rest }) => {\n  const { linkComponent: LinkComponent } = useUi();\n\n  if (LinkComponent) return <LinkComponent {...(rest as UiLinkProps)}>{children}</LinkComponent>;\n\n  /*\n   * Yonlendirici yoksa ham `<a>`. `rest` indeks imzasi tasiyor (yonlendiriciye ozgu props icin);\n   * DOM'a giderken anchor sozlesmesine daraltilir\n   */\n  return <a {...(rest as AnchorHTMLAttributes<HTMLAnchorElement>)}>{children}</a>;\n};\n\nexport default UiLink;\n"],"names":["UiLink","children","rest","LinkComponent","useUi","jsx"],"mappings":"mMAOMA,EAA0B,CAAC,CAAE,SAAAC,EAAU,GAAGC,KAAW,CACzD,KAAM,CAAE,cAAeC,CAAA,EAAkBC,QAAA,EAEzC,OAAID,EAAsBE,MAACF,EAAA,CAAe,GAAID,EAAuB,SAAAD,EAAS,EAMvEI,EAAAA,IAAC,IAAA,CAAG,GAAIH,EAAmD,SAAAD,CAAA,CAAS,CAC7E"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { UiLinkProps } from '../../types/link.type';
+/** Kütüphanenin İÇ bağlantı öğesi. */
+declare const UiLink: FC<UiLinkProps>;
+export default UiLink;