@handijit/ui 0.0.0-stage → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TagInput/index.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, memo, useEffect, useId, useRef, useState } from 'react';\n\nimport { 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';\n\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  values: string[];\n  onChange: (values: string[]) => void;\n  /** Alanın erişilebilir adı. */\n  label: string;\n  placeholder?: string;\n  /** Her etiketin kaldırma düğmesinin ad öneki (\"Kaldır\"). */\n  removeLabel: string;\n  /** Etiketi bitiren tuşlar. */\n  separators?: string[];\n  /** En fazla kaç etiket. */\n  maxTags?: number;\n  isDisabled?: boolean;\n  id?: string;\n  /** Zorunluluk — `Field`in `FieldChildProps` sözleşmesi. */\n  required?: boolean;\n  'aria-describedby'?: string;\n  'aria-invalid'?: boolean;\n  className?: string;\n  testId?: string;\n};\n\n/** Etiket girdisi — yazılan metni kaldırılabilir çiplere çevirir. */\nconst TagInput = ({\n  values,\n  onChange,\n  label,\n  placeholder,\n  removeLabel,\n  separators = ['Enter', ','],\n  maxTags,\n  isDisabled,\n  id,\n  required,\n  className,\n  testId,\n  'aria-describedby': describedBy,\n  'aria-invalid': isInvalid,\n}: Props) => {\n  const generatedId = useId();\n  const inputId = id ?? generatedId;\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  /* ⚠ Yinelenen etiket uyarısının zamanlayıcısı REF'te tutulur ve unmount'ta temizlenir. */\n  const duplicateTimerRef = useRef(0);\n\n  useEffect(\n    () => () => {\n      if (duplicateTimerRef.current) window.clearTimeout(duplicateTimerRef.current);\n    },\n    [],\n  );\n  const { labels } = useUi();\n  const announce = useAnnounce();\n\n  const [draft, setDraft] = useState('');\n  /* Yinelenen deger: var olan cip bir kare vurgulanir. */\n  const [duplicate, setDuplicate] = useState<string | null>(null);\n\n  const isFull = maxTags !== undefined && values.length >= maxTags;\n\n  const commit = (raw: string) => {\n    const value = raw.trim();\n    if (value === '') return;\n\n    if (values.includes(value)) {\n      /* Sessizce yutmak yerine GOSTER: kullanici \"yazdim, kayboldu\" diyordu. */\n      setDuplicate(value);\n      if (duplicateTimerRef.current) window.clearTimeout(duplicateTimerRef.current);\n      duplicateTimerRef.current = window.setTimeout(() => setDuplicate(null), 1_000);\n      announce(`${value} zaten ekli`, 'assertive');\n      setDraft('');\n      return;\n    }\n\n    if (isFull) return;\n\n    onChange([...values, value]);\n    setDraft('');\n    announce(resolveFormatter('TagInput.added', labels?.tagInput?.added, value));\n  };\n\n  const remove = (value: string) => {\n    onChange(values.filter(item => item !== value));\n    announce(resolveFormatter('TagInput.removed', labels?.tagInput?.removed, value));\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (separators.includes(event.key)) {\n      event.preventDefault();\n      commit(draft);\n      return;\n    }\n\n    /* BOS girdide Backspace SON etiketi kaldirir — metin varken kaldirmaz. */\n    if (event.key === 'Backspace' && draft === '') {\n      const lastValue = values.at(-1);\n      if (lastValue !== undefined) remove(lastValue);\n    }\n  };\n\n  return (\n    <div\n      className={cx(\n        styles.tagInput,\n        isDisabled && styles['tagInput--disabled'],\n        isInvalid && styles['tagInput--invalid'],\n        className,\n      )}\n      data-testid={testId}\n      /*\n       * Kutunun herhangi bir yerine tiklamak girdiyi odaklar: cipler arasindaki bosluga tiklayan\n       * kullanici hicbir sey olmadigini saniyordu.\n       */\n      onClick={() => inputRef.current?.focus()}\n    >\n      {values.map(value => (\n        <span\n          key={value}\n          className={cx(\n            styles.tagInput__tag,\n            duplicate === value && styles['tagInput__tag--duplicate'],\n          )}\n        >\n          {value}\n\n          <button\n            type=\"button\"\n            className={styles.tagInput__remove}\n            /*\n             * Ad degeri ICERIR: on bes cipin hepsi \"Kaldir\" diye okundugunda hangisi oldugu belli\n             * olmuyordu.\n             */\n            aria-label={`${value} — ${removeLabel}`}\n            disabled={isDisabled}\n            onClick={event => {\n              event.stopPropagation();\n              remove(value);\n            }}\n          >\n            <XLg aria-hidden />\n          </button>\n        </span>\n      ))}\n\n      <input\n        ref={inputRef}\n        id={inputId}\n        type=\"text\"\n        className={styles.tagInput__field}\n        value={draft}\n        placeholder={values.length === 0 ? placeholder : undefined}\n        aria-label={label}\n        aria-describedby={describedBy}\n        aria-invalid={isInvalid}\n        /*\n         * ⚠ Yerel `required` YAZILMAZ: alanin degeri etiket listesidir, girdi kutusu ise commit'ten\n         * sonra BOSALIR.\n         */\n        aria-required={required || undefined}\n        disabled={isDisabled || isFull}\n        onChange={event => setDraft(event.target.value)}\n        onKeyDown={handleKeyDown}\n        /*\n         * Alan terk edildiginde yazilan metin ETIKETE DONER: yarim kalmis bir metin kayboluyor ve\n         * kullanici bunu ancak gonderdikten sonra fark ediyordu.\n         */\n        onBlur={() => commit(draft)}\n      />\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(TagInput, 'TagInput')) as typeof TagInput;\n"],"names":["TagInput","values","onChange","label","placeholder","removeLabel","separators","maxTags","isDisabled","id","required","className","testId","describedBy","isInvalid","generatedId","useId","inputId","inputRef","useRef","duplicateTimerRef","useEffect","labels","useUi","announce","useAnnounce","draft","setDraft","useState","duplicate","setDuplicate","isFull","commit","raw","value","resolveFormatter","_a","remove","item","handleKeyDown","event","lastValue","jsxs","cx","styles","jsx","XLg","index","memo","named"],"mappings":"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"}

package/build/components/TagInput/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-tagInput-QraZR{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-tagInput-QraZR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-tagInput-QraZR{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-tagInput-QraZR{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tagInput-QraZR::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-tagInput-QraZR:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-tagInput-QraZR:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-tagInput-QraZR: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-tagInput-QraZR:disabled{color:GrayText;border-color:GrayText}}.ui-tagInput-QraZR[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-tagInput-QraZR[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-tagInput-QraZR{transition:none}}.ui-tagInput-QraZR{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-1);padding:var(--hd-space-1) var(--hd-space-2);cursor:text}.ui-tagInput-QraZR:has(.ui-tagInput__field-HeWrC:focus-visible){border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-tagInput--invalid-NQogL{border-color:var(--hd-danger-solid)}.ui-tagInput--disabled--AJFF{background-color:var(--hd-bg-raised);cursor:not-allowed}.ui-tagInput__tag-D-ZWB{display:flex;align-items:center;gap:var(--hd-space-1);flex-shrink:0;padding:2px var(--hd-space-1) 2px var(--hd-space-2);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-raised);border:1px solid var(--hd-border);font-size:var(--hd-type-caption-size);color:var(--hd-text);transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tagInput__tag--duplicate-3-FMF{background-color:var(--hd-warning-bg);border-color:var(--hd-warning-line)}@media (prefers-reduced-motion: reduce){.ui-tagInput__tag-D-ZWB{transition:none}}.ui-tagInput__remove-bpjGG{position:relative}.ui-tagInput__remove-bpjGG:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,28px);height:max(100%,28px)}.ui-tagInput__remove-bpjGG{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--hd-radius-xs);background:none;cursor:pointer;color:var(--hd-text-2);font-size:var(--hd-type-caption-size)}.ui-tagInput__remove-bpjGG:hover:not(:disabled){background-color:var(--hd-bg-inset);color:var(--hd-text)}.ui-tagInput__remove-bpjGG:disabled{cursor:not-allowed}.ui-tagInput__remove-bpjGG:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 1px)}.ui-tagInput__field-HeWrC{flex:1;min-width:100px;border:none;background:none;padding:var(--hd-space-1) 0;font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);color:var(--hd-text)}@media (hover: none) and (pointer: coarse){.ui-tagInput__field-HeWrC{font-size:max(16px,var(--hd-type-body-size))}}.ui-tagInput__field-HeWrC::placeholder{color:var(--hd-text-3)}.ui-tagInput__field-HeWrC:focus{outline:none}.ui-tagInput__field-HeWrC:disabled{cursor:not-allowed}}

package/build/components/TextLink/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("react"),d=require("react-bootstrap-icons"),m=require("../../helpers/class-name.helper.cjs"),x=require("../Link/index.cjs"),e={default:{"link":"ui-link-WBmXY","link__label":"ui-link__label--OEu-","link__arrow":"ui-link__arrow-JKXm-","link--sm":"ui-link--sm-a-3Dz","link--md":"ui-link--md-lZdYP","link--brand":"ui-link--brand-vr8sW","link--muted":"ui-link--muted-EeN6l"}},f=({href:r,children:s,hasArrow:a,tone:l="brand",size:n="md",className:i,linkProps:u,...o})=>t.jsxs(x.default,{href:r,className:m.cx(e.default.link,e.default[`link--${l}`],e.default[`link--${n}`],i),...u,...o,children:[t.jsx("span",{className:e.default.link__label,children:s}),a&&t.jsx(d.ArrowRight,{"aria-hidden":!0,className:e.default.link__arrow})]}),_=c.memo(f);exports.default=_;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/TextLink/index.tsx"],"sourcesContent":["import { type AnchorHTMLAttributes, memo, type ReactNode } from 'react';\n\nimport { ArrowRight } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {\n  href: string;\n  children: ReactNode;\n  /** Sonda ok gösterilir — \"devam et\" anlamı taşıyan bağlantılarda. */\n  hasArrow?: boolean;\n  tone?: 'brand' | 'muted';\n  size?: 'sm' | 'md';\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n};\n\n/** Metin bağlantısı. */\nconst TextLink = ({\n  href,\n  children,\n  hasArrow,\n  tone = 'brand',\n  size = 'md',\n  className,\n  linkProps,\n  ...rest\n}: Props) => (\n  <UiLink\n    href={href}\n    className={cx(styles.link, styles[`link--${tone}`], styles[`link--${size}`], className)}\n    {...linkProps}\n    {...rest}\n  >\n    <span className={styles.link__label}>{children}</span>\n    {/*\n     * Ok DOLU DEĞİL: Bootstrap Icons'ta uzun okun dolu bir eşi yok ve dolu\n     * caret bir \"devam\" oku değil, bir açılır menü işareti okunuyor.\n     */}\n    {hasArrow && <ArrowRight aria-hidden className={styles.link__arrow} />}\n  </UiLink>\n);\n\nexport default /*#__PURE__*/ memo(TextLink) as typeof TextLink;\n"],"names":["TextLink","href","children","hasArrow","tone","size","className","linkProps","rest","jsxs","UiLink","cx","styles","jsx","ArrowRight","index"],"mappings":"4TAsBMA,EAAW,CAAC,CAChB,KAAAC,EACA,SAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,QACP,KAAAC,EAAO,KACP,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAAA,KAACC,EAAAA,QAAA,CACC,KAAAT,EACA,UAAWU,EAAAA,GAAGC,EAAAA,QAAO,KAAMA,EAAAA,QAAO,SAASR,CAAI,EAAE,EAAGQ,EAAAA,QAAO,SAASP,CAAI,EAAE,EAAGC,CAAS,EACrF,GAAGC,EACH,GAAGC,EAEJ,SAAA,CAAAK,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAV,EAAS,EAK9CC,GAAYU,EAAAA,IAACC,EAAAA,WAAA,CAAW,cAAW,GAAC,UAAWF,EAAAA,QAAO,WAAA,CAAa,CAAA,CAAA,CACtE,EAGFG,SAAkCf,CAAQ"}

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

@@ -0,0 +1,16 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+type Props = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    href: string;
+    children: ReactNode;
+    /** Sonda ok gösterilir — "devam et" anlamı taşıyan bağlantılarda. */
+    hasArrow?: boolean;
+    tone?: 'brand' | 'muted';
+    size?: 'sm' | 'md';
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+};
+/** Metin bağlantısı. */
+declare const TextLink: ({ href, children, hasArrow, tone, size, className, linkProps, ...rest }: Props) => import("react").JSX.Element;
+declare const _default: typeof TextLink;
+export default _default;

package/build/components/TextLink/index.js

@@ -0,0 +1,32 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { ArrowRight as d } from "react-bootstrap-icons";
+import { cx as f } from "../../helpers/class-name.helper.js";
+import k from "../Link/index.js";
+const r = {"link":"ui-link-WBmXY","link__label":"ui-link__label--OEu-","link__arrow":"ui-link__arrow-JKXm-","link--sm":"ui-link--sm-a-3Dz","link--md":"ui-link--md-lZdYP","link--brand":"ui-link--brand-vr8sW","link--muted":"ui-link--muted-EeN6l"};
+const x = ({
+  href: m,
+  children: o,
+  hasArrow: s,
+  tone: a = "brand",
+  size: n = "md",
+  className: t,
+  linkProps: e,
+  ...l
+}) => /* @__PURE__ */ p(
+  k,
+  {
+    href: m,
+    className: f(r.link, r[`link--${a}`], r[`link--${n}`], t),
+    ...e,
+    ...l,
+    children: [
+      /* @__PURE__ */ i("span", { className: r.link__label, children: o }),
+      s && /* @__PURE__ */ i(d, { "aria-hidden": !0, className: r.link__arrow })
+    ]
+  }
+), w = /* @__PURE__ */ c(x);
+export {
+  w as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TextLink/index.tsx"],"sourcesContent":["import { type AnchorHTMLAttributes, memo, type ReactNode } from 'react';\n\nimport { ArrowRight } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {\n  href: string;\n  children: ReactNode;\n  /** Sonda ok gösterilir — \"devam et\" anlamı taşıyan bağlantılarda. */\n  hasArrow?: boolean;\n  tone?: 'brand' | 'muted';\n  size?: 'sm' | 'md';\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n};\n\n/** Metin bağlantısı. */\nconst TextLink = ({\n  href,\n  children,\n  hasArrow,\n  tone = 'brand',\n  size = 'md',\n  className,\n  linkProps,\n  ...rest\n}: Props) => (\n  <UiLink\n    href={href}\n    className={cx(styles.link, styles[`link--${tone}`], styles[`link--${size}`], className)}\n    {...linkProps}\n    {...rest}\n  >\n    <span className={styles.link__label}>{children}</span>\n    {/*\n     * Ok DOLU DEĞİL: Bootstrap Icons'ta uzun okun dolu bir eşi yok ve dolu\n     * caret bir \"devam\" oku değil, bir açılır menü işareti okunuyor.\n     */}\n    {hasArrow && <ArrowRight aria-hidden className={styles.link__arrow} />}\n  </UiLink>\n);\n\nexport default /*#__PURE__*/ memo(TextLink) as typeof TextLink;\n"],"names":["TextLink","href","children","hasArrow","tone","size","className","linkProps","rest","jsxs","UiLink","cx","styles","jsx","ArrowRight","index"],"mappings":";;;;;;AAsBA,MAAMA,IAAW,CAAC;AAAA,EAChB,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MACE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAT;AAAA,IACA,WAAWU,EAAGC,EAAO,MAAMA,EAAO,SAASR,CAAI,EAAE,GAAGQ,EAAO,SAASP,CAAI,EAAE,GAAGC,CAAS;AAAA,IACrF,GAAGC;AAAA,IACH,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAK,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAV,GAAS;AAAA,MAK9CC,KAAY,gBAAAU,EAACC,GAAA,EAAW,eAAW,IAAC,WAAWF,EAAO,YAAA,CAAa;AAAA,IAAA;AAAA,EAAA;AACtE,GAGFG,sBAAkCf,CAAQ;"}

package/build/components/TextLink/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-link-WBmXY{display:inline-flex;align-items:center;gap:var(--hd-space-2);font-weight:var(--hd-font-weight-medium);text-decoration:none;border-radius:var(--hd-radius-xs);transition:color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-link-WBmXY:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 3px)}@media (prefers-reduced-motion: reduce){.ui-link-WBmXY{transition:none}}.ui-link__label--OEu-{text-underline-offset:3px}[dir=rtl] .ui-link__arrow-JKXm-{transform:scaleX(-1)}.ui-link__arrow-JKXm-{font-size:1em;flex-shrink:0;transition:transform var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-link__arrow-JKXm-{transition:none}}.ui-link-WBmXY:hover .ui-link__label--OEu-{text-decoration:underline}.ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:translate(3px)}[dir=rtl] .ui-link-WBmXY:hover .ui-link__arrow-JKXm-{transform:scaleX(-1) translate(3px)}.ui-link--sm-a-3Dz{font-size:var(--hd-type-caption-size)}.ui-link--md-lZdYP{font-size:var(--hd-type-small-size)}.ui-link--brand-vr8sW,.ui-link--brand-vr8sW:hover{color:var(--hd-primary-text)}.ui-link--muted-EeN6l{color:var(--hd-text-2)}.ui-link--muted-EeN6l:hover{color:var(--hd-text)}}

package/build/components/Textarea/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),r=require("react"),o=require("../../helpers/class-name.helper.cjs"),_=require("../../helpers/component.helper.cjs"),t={default:{"textarea":"ui-textarea-zwJcB","wrapper":"ui-wrapper-O8aJA","textarea--bare":"ui-textarea--bare-IjCIn","textarea--autoSize":"ui-textarea--autoSize--F8yj","counter":"ui-counter-bHVh3","counter--near":"ui-counter--near-AZAQm"}},v=r.forwardRef(({className:x,variant:m="default",rows:p=4,isAutoSize:i,maxRows:d=12,hasCounter:y,maxLength:s,value:n,defaultValue:f,onChange:l,testId:b,...N},a)=>{const h=r.useRef(null),[j,q]=r.useState(String(f??"").length),c=n===void 0?j:String(n).length,H=r.useCallback(e=>{h.current=e,typeof a=="function"?a(e):a&&(a.current=e)},[a]);r.useLayoutEffect(()=>{const e=h.current;if(!i||!e)return;e.style.height="auto";const g=(Number.parseFloat(getComputedStyle(e).lineHeight)||20)*d;e.style.height=`${Math.min(e.scrollHeight,g)}px`,e.style.overflowY=e.scrollHeight>g?"auto":"hidden"},[i,d,n,c]);const S=s!==void 0&&c>=s*.9;return u.jsxs("div",{className:o.cx(t.default.wrapper,x),"data-testid":b,children:[u.jsx("textarea",{ref:H,rows:p,className:o.cx(t.default.textarea,m==="bare"&&t.default["textarea--bare"],i&&t.default["textarea--autoSize"]),maxLength:s,value:n,defaultValue:f,onChange:e=>{q(e.target.value.length),l==null||l(e)},...N}),y&&s!==void 0&&u.jsxs("span",{className:o.cx(t.default.counter,S&&t.default["counter--near"]),"aria-hidden":!0,children:[c," / ",s]})]})}),R=r.memo(_.named(v,"Textarea"));exports.default=R;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  memo,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\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 * `bare`: kenarlık, zemin, dolgu ve gölge YOK — çerçeveyi kapsayıcı çizer (sohbet girdisi).\n * ⚠ Odak göstergesi de kapsayıcının işi (`:focus-within`); `bare` alanı çerçevesiz bir kutuya\n * konursa odak görünmez olur.\n */\nexport type TextareaVariant = 'default' | 'bare';\n\ntype Props = TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  variant?: TextareaVariant;\n  /** Alan içeriğiyle birlikte BÜYÜR — kaydırma çubuğu yerine yükseklik. */\n  isAutoSize?: boolean;\n  /** Otomatik büyümenin tavanı (satır). */\n  maxRows?: number;\n  /** Kalan karakter sayacını gösterir. `maxLength` ile birlikte anlamlı. */\n  hasCounter?: boolean;\n  testId?: string;\n};\n\n/** Çok satırlı metin girdisi. */\nconst Textarea = /*#__PURE__*/ forwardRef<HTMLTextAreaElement, Props>(\n  (\n    {\n      className,\n      variant = 'default',\n      rows = 4,\n      isAutoSize,\n      maxRows = 12,\n      hasCounter,\n      maxLength,\n      value,\n      defaultValue,\n      onChange,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    /* KONTROLLU kipte uzunluk `value`dan OKUNUR, ic durumdan degil. */\n    const [innerLength, setLength] = useState(String(defaultValue ?? '').length);\n    const length = value === undefined ? innerLength : String(value).length;\n\n    /*\n     * Cagiranin `ref`i ile ic olcum referansini birlikte tut: `useImperativeHandle` yalnizca bir\n     * nesne dondurur ve DOM dugumunun kendisini gizlerdi.\n     */\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    /*\n     * OLCUM BOYAMADAN ONCE: `useEffect` ile alan bir kare boyunca eski yuksekligiyle cizilip sonra\n     * ziplyordu.\n     */\n    useLayoutEffect(() => {\n      const node = innerRef.current;\n      if (!isAutoSize || !node) return;\n\n      node.style.height = 'auto';\n\n      const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n      const max = lineHeight * maxRows;\n\n      node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n      node.style.overflowY = node.scrollHeight > max ? 'auto' : 'hidden';\n    }, [isAutoSize, maxRows, value, length]);\n\n    const isNearLimit = maxLength !== undefined && length >= maxLength * 0.9;\n\n    return (\n      <div className={cx(styles.wrapper, className)} data-testid={testId}>\n        <textarea\n          ref={setRefs}\n          rows={rows}\n          className={cx(\n            styles.textarea,\n            variant === 'bare' && styles['textarea--bare'],\n            isAutoSize && styles['textarea--autoSize'],\n          )}\n          maxLength={maxLength}\n          value={value}\n          defaultValue={defaultValue}\n          onChange={event => {\n            setLength(event.target.value.length);\n            onChange?.(event);\n          }}\n          {...rest}\n        />\n\n        {hasCounter && maxLength !== undefined && (\n          /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye ugrardi. */\n          <span className={cx(styles.counter, isNearLimit && styles['counter--near'])} aria-hidden>\n            {length} / {maxLength}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Textarea, 'Textarea')) as typeof Textarea;\n"],"names":["Textarea","forwardRef","className","variant","rows","isAutoSize","maxRows","hasCounter","maxLength","value","defaultValue","onChange","testId","rest","ref","innerRef","useRef","innerLength","setLength","useState","length","setRefs","useCallback","node","useLayoutEffect","max","isNearLimit","jsxs","cx","styles","jsx","event","memo","named"],"mappings":"uTAmCMA,EAAyBC,EAAAA,WAC7B,CACE,CACE,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,EACP,WAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,EACA,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,SAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAWC,EAAAA,OAAmC,IAAI,EAElD,CAACC,EAAaC,CAAS,EAAIC,EAAAA,SAAS,OAAOT,GAAgB,EAAE,EAAE,MAAM,EACrEU,EAASX,IAAU,OAAYQ,EAAc,OAAOR,CAAK,EAAE,OAM3DY,EAAUC,EAAAA,YACbC,GAAqC,CACpCR,EAAS,QAAUQ,EACf,OAAOT,GAAQ,WAAYA,EAAIS,CAAI,EAC9BT,MAAS,QAAUS,EAC9B,EACA,CAACT,CAAG,CAAA,EAONU,EAAAA,gBAAgB,IAAM,CACpB,MAAMD,EAAOR,EAAS,QACtB,GAAI,CAACV,GAAc,CAACkB,EAAM,OAE1BA,EAAK,MAAM,OAAS,OAGpB,MAAME,GADa,OAAO,WAAW,iBAAiBF,CAAI,EAAE,UAAU,GAAK,IAClDjB,EAEzBiB,EAAK,MAAM,OAAS,GAAG,KAAK,IAAIA,EAAK,aAAcE,CAAG,CAAC,KACvDF,EAAK,MAAM,UAAYA,EAAK,aAAeE,EAAM,OAAS,QAC5D,EAAG,CAACpB,EAAYC,EAASG,EAAOW,CAAM,CAAC,EAEvC,MAAMM,EAAclB,IAAc,QAAaY,GAAUZ,EAAY,GAErE,OACEmB,OAAC,OAAI,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAAS3B,CAAS,EAAG,cAAaU,EAC1D,SAAA,CAAAkB,EAAAA,IAAC,WAAA,CACC,IAAKT,EACL,KAAAjB,EACA,UAAWwB,EAAAA,GACTC,EAAAA,QAAO,SACP1B,IAAY,QAAU0B,EAAAA,QAAO,gBAAgB,EAC7CxB,GAAcwB,EAAAA,QAAO,oBAAoB,CAAA,EAE3C,UAAArB,EACA,MAAAC,EACA,aAAAC,EACA,SAAUqB,GAAS,CACjBb,EAAUa,EAAM,OAAO,MAAM,MAAM,EACnCpB,GAAA,MAAAA,EAAWoB,EACb,EACC,GAAGlB,CAAA,CAAA,EAGLN,GAAcC,IAAc,QAE3BmB,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,QAASH,GAAeG,EAAAA,QAAO,eAAe,CAAC,EAAG,cAAW,GACrF,SAAA,CAAAT,EAAO,MAAIZ,CAAA,CAAA,CACd,CAAA,EAEJ,CAEJ,CACF,EAEAR,EAA6BgC,OAAmBC,EAAAA,MAAMjC,EAAU,UAAU,CAAC"}

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

@@ -0,0 +1,20 @@
+import { TextareaHTMLAttributes } from 'react';
+/**
+ * `bare`: kenarlık, zemin, dolgu ve gölge YOK — çerçeveyi kapsayıcı çizer (sohbet girdisi).
+ * ⚠ Odak göstergesi de kapsayıcının işi (`:focus-within`); `bare` alanı çerçevesiz bir kutuya
+ * konursa odak görünmez olur.
+ */
+export type TextareaVariant = 'default' | 'bare';
+/** Çok satırlı metin girdisi. */
+declare const Textarea: import('react').ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    variant?: TextareaVariant;
+    /** Alan içeriğiyle birlikte BÜYÜR — kaydırma çubuğu yerine yükseklik. */
+    isAutoSize?: boolean;
+    /** Otomatik büyümenin tavanı (satır). */
+    maxRows?: number;
+    /** Kalan karakter sayacını gösterir. `maxLength` ile birlikte anlamlı. */
+    hasCounter?: boolean;
+    testId?: string;
+} & import('react').RefAttributes<HTMLTextAreaElement>>;
+declare const _default: typeof Textarea;
+export default _default;

package/build/components/Textarea/index.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsxs as d, jsx as T } from "react/jsx-runtime";
+import { memo as j, forwardRef as v, useRef as w, useState as $, useCallback as k, useLayoutEffect as E } from "react";
+import { cx as c } from "../../helpers/class-name.helper.js";
+import { named as F } from "../../helpers/component.helper.js";
+const e = {"textarea":"ui-textarea-zwJcB","wrapper":"ui-wrapper-O8aJA","textarea--bare":"ui-textarea--bare-IjCIn","textarea--autoSize":"ui-textarea--autoSize--F8yj","counter":"ui-counter-bHVh3","counter--near":"ui-counter--near-AZAQm"};
+const M = /* @__PURE__ */ v(
+  ({
+    className: h,
+    variant: p = "default",
+    rows: g = 4,
+    isAutoSize: i,
+    maxRows: l = 12,
+    hasCounter: x,
+    maxLength: r,
+    value: a,
+    defaultValue: u,
+    onChange: o,
+    testId: y,
+    ...H
+  }, s) => {
+    const f = w(null), [N, b] = $(String(u ?? "").length), n = a === void 0 ? N : String(a).length, R = k(
+      (t) => {
+        f.current = t, typeof s == "function" ? s(t) : s && (s.current = t);
+      },
+      [s]
+    );
+    E(() => {
+      const t = f.current;
+      if (!i || !t) return;
+      t.style.height = "auto";
+      const m = (Number.parseFloat(getComputedStyle(t).lineHeight) || 20) * l;
+      t.style.height = `${Math.min(t.scrollHeight, m)}px`, t.style.overflowY = t.scrollHeight > m ? "auto" : "hidden";
+    }, [i, l, a, n]);
+    const S = r !== void 0 && n >= r * 0.9;
+    return /* @__PURE__ */ d("div", { className: c(e.wrapper, h), "data-testid": y, children: [
+      /* @__PURE__ */ T(
+        "textarea",
+        {
+          ref: R,
+          rows: g,
+          className: c(
+            e.textarea,
+            p === "bare" && e["textarea--bare"],
+            i && e["textarea--autoSize"]
+          ),
+          maxLength: r,
+          value: a,
+          defaultValue: u,
+          onChange: (t) => {
+            b(t.target.value.length), o == null || o(t);
+          },
+          ...H
+        }
+      ),
+      x && r !== void 0 && /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye ugrardi. */
+      /* @__PURE__ */ d("span", { className: c(e.counter, S && e["counter--near"]), "aria-hidden": !0, children: [
+        n,
+        " / ",
+        r
+      ] })
+    ] });
+  }
+), J = /* @__PURE__ */ j(/* @__PURE__ */ F(M, "Textarea"));
+export {
+  J as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Textarea/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  memo,\n  type TextareaHTMLAttributes,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\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 * `bare`: kenarlık, zemin, dolgu ve gölge YOK — çerçeveyi kapsayıcı çizer (sohbet girdisi).\n * ⚠ Odak göstergesi de kapsayıcının işi (`:focus-within`); `bare` alanı çerçevesiz bir kutuya\n * konursa odak görünmez olur.\n */\nexport type TextareaVariant = 'default' | 'bare';\n\ntype Props = TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  variant?: TextareaVariant;\n  /** Alan içeriğiyle birlikte BÜYÜR — kaydırma çubuğu yerine yükseklik. */\n  isAutoSize?: boolean;\n  /** Otomatik büyümenin tavanı (satır). */\n  maxRows?: number;\n  /** Kalan karakter sayacını gösterir. `maxLength` ile birlikte anlamlı. */\n  hasCounter?: boolean;\n  testId?: string;\n};\n\n/** Çok satırlı metin girdisi. */\nconst Textarea = /*#__PURE__*/ forwardRef<HTMLTextAreaElement, Props>(\n  (\n    {\n      className,\n      variant = 'default',\n      rows = 4,\n      isAutoSize,\n      maxRows = 12,\n      hasCounter,\n      maxLength,\n      value,\n      defaultValue,\n      onChange,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLTextAreaElement | null>(null);\n    /* KONTROLLU kipte uzunluk `value`dan OKUNUR, ic durumdan degil. */\n    const [innerLength, setLength] = useState(String(defaultValue ?? '').length);\n    const length = value === undefined ? innerLength : String(value).length;\n\n    /*\n     * Cagiranin `ref`i ile ic olcum referansini birlikte tut: `useImperativeHandle` yalnizca bir\n     * nesne dondurur ve DOM dugumunun kendisini gizlerdi.\n     */\n    const setRefs = useCallback(\n      (node: HTMLTextAreaElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref],\n    );\n\n    /*\n     * OLCUM BOYAMADAN ONCE: `useEffect` ile alan bir kare boyunca eski yuksekligiyle cizilip sonra\n     * ziplyordu.\n     */\n    useLayoutEffect(() => {\n      const node = innerRef.current;\n      if (!isAutoSize || !node) return;\n\n      node.style.height = 'auto';\n\n      const lineHeight = Number.parseFloat(getComputedStyle(node).lineHeight) || 20;\n      const max = lineHeight * maxRows;\n\n      node.style.height = `${Math.min(node.scrollHeight, max)}px`;\n      node.style.overflowY = node.scrollHeight > max ? 'auto' : 'hidden';\n    }, [isAutoSize, maxRows, value, length]);\n\n    const isNearLimit = maxLength !== undefined && length >= maxLength * 0.9;\n\n    return (\n      <div className={cx(styles.wrapper, className)} data-testid={testId}>\n        <textarea\n          ref={setRefs}\n          rows={rows}\n          className={cx(\n            styles.textarea,\n            variant === 'bare' && styles['textarea--bare'],\n            isAutoSize && styles['textarea--autoSize'],\n          )}\n          maxLength={maxLength}\n          value={value}\n          defaultValue={defaultValue}\n          onChange={event => {\n            setLength(event.target.value.length);\n            onChange?.(event);\n          }}\n          {...rest}\n        />\n\n        {hasCounter && maxLength !== undefined && (\n          /* `aria-hidden`: ayni bilgi her tusta duyurulsaydi yazma kesintiye ugrardi. */\n          <span className={cx(styles.counter, isNearLimit && styles['counter--near'])} aria-hidden>\n            {length} / {maxLength}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Textarea, 'Textarea')) as typeof Textarea;\n"],"names":["Textarea","forwardRef","className","variant","rows","isAutoSize","maxRows","hasCounter","maxLength","value","defaultValue","onChange","testId","rest","ref","innerRef","useRef","innerLength","setLength","useState","length","setRefs","useCallback","node","useLayoutEffect","max","isNearLimit","jsxs","cx","styles","jsx","event","Textarea$1","memo","named"],"mappings":";;;;;;AAmCA,MAAMA,IAAyB,gBAAAC;AAAA,EAC7B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,MAAAC,IAAO;AAAA,IACP,YAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAWC,EAAmC,IAAI,GAElD,CAACC,GAAaC,CAAS,IAAIC,EAAS,OAAOT,KAAgB,EAAE,EAAE,MAAM,GACrEU,IAASX,MAAU,SAAYQ,IAAc,OAAOR,CAAK,EAAE,QAM3DY,IAAUC;AAAA,MACd,CAACC,MAAqC;AACpC,QAAAR,EAAS,UAAUQ,GACf,OAAOT,KAAQ,aAAYA,EAAIS,CAAI,IAC9BT,QAAS,UAAUS;AAAA,MAC9B;AAAA,MACA,CAACT,CAAG;AAAA,IAAA;AAON,IAAAU,EAAgB,MAAM;AACpB,YAAMD,IAAOR,EAAS;AACtB,UAAI,CAACV,KAAc,CAACkB,EAAM;AAE1B,MAAAA,EAAK,MAAM,SAAS;AAGpB,YAAME,KADa,OAAO,WAAW,iBAAiBF,CAAI,EAAE,UAAU,KAAK,MAClDjB;AAEzB,MAAAiB,EAAK,MAAM,SAAS,GAAG,KAAK,IAAIA,EAAK,cAAcE,CAAG,CAAC,MACvDF,EAAK,MAAM,YAAYA,EAAK,eAAeE,IAAM,SAAS;AAAA,IAC5D,GAAG,CAACpB,GAAYC,GAASG,GAAOW,CAAM,CAAC;AAEvC,UAAMM,IAAclB,MAAc,UAAaY,KAAUZ,IAAY;AAErE,WACE,gBAAAmB,EAAC,SAAI,WAAWC,EAAGC,EAAO,SAAS3B,CAAS,GAAG,eAAaU,GAC1D,UAAA;AAAA,MAAA,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKT;AAAA,UACL,MAAAjB;AAAA,UACA,WAAWwB;AAAA,YACTC,EAAO;AAAA,YACP1B,MAAY,UAAU0B,EAAO,gBAAgB;AAAA,YAC7CxB,KAAcwB,EAAO,oBAAoB;AAAA,UAAA;AAAA,UAE3C,WAAArB;AAAA,UACA,OAAAC;AAAA,UACA,cAAAC;AAAA,UACA,UAAU,CAAAqB,MAAS;AACjB,YAAAb,EAAUa,EAAM,OAAO,MAAM,MAAM,GACnCpB,KAAA,QAAAA,EAAWoB;AAAA,UACb;AAAA,UACC,GAAGlB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLN,KAAcC,MAAc;AAAA,MAE3B,gBAAAmB,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAO,SAASH,KAAeG,EAAO,eAAe,CAAC,GAAG,eAAW,IACrF,UAAA;AAAA,QAAAT;AAAA,QAAO;AAAA,QAAIZ;AAAA,MAAA,EAAA,CACd;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF,GAEAwB,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMlC,GAAU,UAAU,CAAC;"}

package/build/components/Textarea/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-textarea-zwJcB{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-textarea-zwJcB{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}@media (hover: none) and (pointer: coarse){.ui-textarea-zwJcB{min-height:44px;font-size:max(16px,var(--hd-type-body-size))}}.ui-textarea-zwJcB{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard)}.ui-textarea-zwJcB::placeholder{color:var(--ui-placeholder, var(--hd-text-3))}.ui-textarea-zwJcB:hover:not(:disabled):not([aria-invalid=true]){border-color:color-mix(in oklab,var(--hd-border-strong),var(--hd-text) 30%)}.ui-textarea-zwJcB:focus{outline:none;border-color:var(--hd-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--hd-focus) 32%,transparent)}.ui-textarea-zwJcB: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-textarea-zwJcB:disabled{color:GrayText;border-color:GrayText}}.ui-textarea-zwJcB[aria-invalid=true]{border-color:var(--hd-danger-solid)}.ui-textarea-zwJcB[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-textarea-zwJcB{transition:none}}.ui-textarea-zwJcB{resize:vertical;min-height:96px;line-height:var(--hd-type-body-line-height)}.ui-wrapper-O8aJA{display:flex;flex-direction:column;gap:var(--hd-space-1);width:100%}.ui-textarea--bare-IjCIn{min-height:0;padding:0;border:0;border-radius:0;background-color:transparent;box-shadow:none}.ui-textarea--bare-IjCIn:hover:not(:disabled):not([aria-invalid=true]),.ui-textarea--bare-IjCIn:focus,.ui-textarea--bare-IjCIn:disabled{border:0;background-color:transparent;box-shadow:none}.ui-textarea--autoSize--F8yj{resize:none;overflow-y:hidden}.ui-counter-bHVh3{align-self:flex-end;font-size:var(--hd-type-caption-size);color:var(--hd-text-3);font-variant-numeric:tabular-nums}.ui-counter--near-AZAQm{color:var(--hd-warning-fg);font-weight:var(--hd-font-weight-semibold)}}

package/build/components/Tile/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),c=require("react"),o=require("../../helpers/class-name.helper.cjs"),m=require("../Link/index.cjs"),e={default:{"tile":"ui-tile-TGur-","tile__medallion":"ui-tile__medallion--Y0pz","tile__label":"ui-tile__label-mI1OQ","tile__meta":"ui-tile__meta-22qnR","tile--active":"ui-tile--active-z0F2M"}},_=({label:s,icon:i,href:r,meta:l,isActive:t,linkProps:d,className:n,testId:u})=>a.jsxs(m.default,{href:r,className:o.cx(e.default.tile,t&&e.default["tile--active"],n),"aria-current":t?"page":void 0,"data-testid":u,...d,children:[a.jsx("span",{className:e.default.tile__medallion,"aria-hidden":!0,children:i}),a.jsx("span",{className:e.default.tile__label,children:s}),l&&a.jsx("span",{className:e.default.tile__meta,children:l})]}),x=c.memo(_);exports.default=x;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Tile/index.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  label: string;\n  /** İkon DIŞARIDAN gelir: hangi ikonun hangi konuya ait olduğu uygulamanın bilgisi. */\n  icon: ReactNode;\n  href: string;\n  /** Etiketin altında gösterilen ikincil satır (\"1.248 kayıt\"). */\n  meta?: ReactNode;\n  isActive?: boolean;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  className?: string;\n  testId?: string;\n};\n\n/** Karo — ikon madalyonu + etiket. */\nconst Tile = ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props) => (\n  <UiLink\n    href={href}\n    className={cx(styles.tile, isActive && styles['tile--active'], className)}\n    aria-current={isActive ? 'page' : undefined}\n    data-testid={testId}\n    {...linkProps}\n  >\n    <span className={styles.tile__medallion} aria-hidden>\n      {icon}\n    </span>\n\n    <span className={styles.tile__label}>{label}</span>\n\n    {meta && <span className={styles.tile__meta}>{meta}</span>}\n  </UiLink>\n);\n\nexport default /*#__PURE__*/ memo(Tile) as typeof Tile;\n"],"names":["Tile","label","icon","href","meta","isActive","linkProps","className","testId","jsxs","UiLink","cx","styles","jsx","index"],"mappings":"yRAuBMA,EAAO,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,OAAAC,CAAA,IACvEC,EAAAA,KAACC,EAAAA,QAAA,CACC,KAAAP,EACA,UAAWQ,EAAAA,GAAGC,EAAAA,QAAO,KAAMP,GAAYO,UAAO,cAAc,EAAGL,CAAS,EACxE,eAAcF,EAAW,OAAS,OAClC,cAAaG,EACZ,GAAGF,EAEJ,SAAA,CAAAO,MAAC,QAAK,UAAWD,EAAAA,QAAO,gBAAiB,cAAW,GACjD,SAAAV,EACH,EAEAW,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAX,EAAM,EAE3CG,GAAQS,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,WAAa,SAAAR,CAAA,CAAK,CAAA,CAAA,CACrD,EAGFU,SAAkCd,CAAI"}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+type Props = {
+    label: string;
+    /** İkon DIŞARIDAN gelir: hangi ikonun hangi konuya ait olduğu uygulamanın bilgisi. */
+    icon: ReactNode;
+    href: string;
+    /** Etiketin altında gösterilen ikincil satır ("1.248 kayıt"). */
+    meta?: ReactNode;
+    isActive?: boolean;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    className?: string;
+    testId?: string;
+};
+/** Karo — ikon madalyonu + etiket. */
+declare const Tile: ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props) => import("react").JSX.Element;
+declare const _default: typeof Tile;
+export default _default;

package/build/components/Tile/index.js

@@ -0,0 +1,24 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { memo as d } from "react";
+import { cx as p } from "../../helpers/class-name.helper.js";
+import f from "../Link/index.js";
+const e = {"tile":"ui-tile-TGur-","tile__medallion":"ui-tile__medallion--Y0pz","tile__label":"ui-tile__label-mI1OQ","tile__meta":"ui-tile__meta-22qnR","tile--active":"ui-tile--active-z0F2M"};
+const _ = ({ label: r, icon: t, href: s, meta: i, isActive: l, linkProps: m, className: o, testId: n }) => /* @__PURE__ */ c(
+  f,
+  {
+    href: s,
+    className: p(e.tile, l && e["tile--active"], o),
+    "aria-current": l ? "page" : void 0,
+    "data-testid": n,
+    ...m,
+    children: [
+      /* @__PURE__ */ a("span", { className: e.tile__medallion, "aria-hidden": !0, children: t }),
+      /* @__PURE__ */ a("span", { className: e.tile__label, children: r }),
+      i && /* @__PURE__ */ a("span", { className: e.tile__meta, children: i })
+    ]
+  }
+), b = /* @__PURE__ */ d(_);
+export {
+  b as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Tile/index.tsx"],"sourcesContent":["import { memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  label: string;\n  /** İkon DIŞARIDAN gelir: hangi ikonun hangi konuya ait olduğu uygulamanın bilgisi. */\n  icon: ReactNode;\n  href: string;\n  /** Etiketin altında gösterilen ikincil satır (\"1.248 kayıt\"). */\n  meta?: ReactNode;\n  isActive?: boolean;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  className?: string;\n  testId?: string;\n};\n\n/** Karo — ikon madalyonu + etiket. */\nconst Tile = ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props) => (\n  <UiLink\n    href={href}\n    className={cx(styles.tile, isActive && styles['tile--active'], className)}\n    aria-current={isActive ? 'page' : undefined}\n    data-testid={testId}\n    {...linkProps}\n  >\n    <span className={styles.tile__medallion} aria-hidden>\n      {icon}\n    </span>\n\n    <span className={styles.tile__label}>{label}</span>\n\n    {meta && <span className={styles.tile__meta}>{meta}</span>}\n  </UiLink>\n);\n\nexport default /*#__PURE__*/ memo(Tile) as typeof Tile;\n"],"names":["Tile","label","icon","href","meta","isActive","linkProps","className","testId","jsxs","UiLink","cx","styles","jsx","index"],"mappings":";;;;;AAuBA,MAAMA,IAAO,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,MAAAC,GAAM,MAAAC,GAAM,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,QAAAC,EAAA,MACvE,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAP;AAAA,IACA,WAAWQ,EAAGC,EAAO,MAAMP,KAAYO,EAAO,cAAc,GAAGL,CAAS;AAAA,IACxE,gBAAcF,IAAW,SAAS;AAAA,IAClC,eAAaG;AAAA,IACZ,GAAGF;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAO,EAAC,UAAK,WAAWD,EAAO,iBAAiB,eAAW,IACjD,UAAAV,GACH;AAAA,MAEA,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAX,GAAM;AAAA,MAE3CG,KAAQ,gBAAAS,EAAC,QAAA,EAAK,WAAWD,EAAO,YAAa,UAAAR,EAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AACrD,GAGFU,sBAAkCd,CAAI;"}

package/build/components/Tile/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-tile-TGur-{background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md)}@media (max-width: 640px){.ui-tile-TGur-{border-radius:var(--hd-radius-sm)}}.ui-tile-TGur-{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard),transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-tile-TGur-:hover{border-color:var(--hd-border-strong);box-shadow:var(--hd-shadow-2);transform:translateY(-2px)}.ui-tile-TGur-:active{transform:translateY(0);box-shadow:var(--hd-shadow-1)}@media (prefers-reduced-motion: reduce){.ui-tile-TGur-{transition:none}.ui-tile-TGur-:hover,.ui-tile-TGur-:active{transform:none}}.ui-tile-TGur-{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--hd-space-2);padding:var(--hd-space-5) var(--hd-space-3);text-align:center;text-decoration:none;color:inherit;height:100%}.ui-tile-TGur-:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-tile__medallion--Y0pz{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--hd-radius-pill);background-color:var(--hd-bg-raised);color:var(--hd-text-2);font-size:var(--hd-type-h3-size);flex-shrink:0;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-tile__medallion--Y0pz{transition:none}}.ui-tile__label-mI1OQ{font-family:var(--hd-font-display);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);line-height:var(--hd-type-h4-line-height);color:var(--hd-text)}.ui-tile__meta-22qnR{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);font-variant-numeric:tabular-nums}.ui-tile-TGur-:hover .ui-tile__medallion--Y0pz{background-color:var(--hd-primary-soft);color:var(--hd-text)}.ui-tile--active-z0F2M{border-color:var(--hd-primary-line)}.ui-tile--active-z0F2M .ui-tile__medallion--Y0pz{background-color:var(--hd-primary);color:var(--hd-on-primary)}.ui-tile--active-z0F2M .ui-tile__label-mI1OQ{color:var(--hd-text)}}

package/build/components/Timeline/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"),_=require("react"),a=require("react-bootstrap-icons"),c=require("../../helpers/class-name.helper.cjs"),p=require("../../helpers/component.helper.cjs"),x=require("../../helpers/label.helper.cjs"),f=require("../../theme/context.cjs"),i={default:{"timeline":"ui-timeline-GxubZ","timeline__item":"ui-timeline__item-qMpF2","timeline__marker":"ui-timeline__marker-MDk07","timeline__item--done":"ui-timeline__item--done-dqiOQ","timeline__item--current":"ui-timeline__item--current-TGV5f","timeline__item--pending":"ui-timeline__item--pending-VMZTS","timeline__item--failed":"ui-timeline__item--failed-2BbfX","timeline__body":"ui-timeline__body-xJi7t","timeline__title":"ui-timeline__title-pKxZJ","timeline__time":"ui-timeline__time-ITWYy","timeline__description":"ui-timeline__description-4vrEy","timeline__srOnly":"ui-timeline__srOnly-7K2We"}},h={done:e.jsx(a.CheckLg,{}),failed:e.jsx(a.XLg,{}),current:null,pending:null},s={done:"completed",current:"current",pending:null,failed:"failed"},j=({events:d,label:u,className:o,testId:m})=>{const{labels:n}=f.useUi();return e.jsx("ol",{className:c.cx(i.default.timeline,o),"aria-label":u,"data-testid":m,children:d.map(l=>{var r;const t=l.status??"done";return e.jsxs("li",{className:c.cx(i.default.timeline__item,i.default[`timeline__item--${t}`]),"aria-current":t==="current"?"step":void 0,children:[e.jsx("span",{className:i.default.timeline__marker,"aria-hidden":!0,children:l.icon??h[t]}),e.jsxs("div",{className:i.default.timeline__body,children:[e.jsxs("span",{className:i.default.timeline__title,children:[l.title,e.jsx("span",{className:i.default.timeline__srOnly,children:s[t]===null?null:x.resolveLabel(`Timeline.${s[t]}`,(r=n==null?void 0:n.timeline)==null?void 0:r[s[t]])})]}),l.time&&e.jsx("span",{className:i.default.timeline__time,children:l.time}),l.description&&e.jsx("span",{className:i.default.timeline__description,children:l.description})]})]},l.id)})})},N=_.memo(p.named(j,"Timeline"));exports.default=N;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Timeline/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode } from 'react';\n\nimport { CheckLg, XLg } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\n\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\n/** Bir olayın durumu. `pending` HENÜZ olmadı — başarısız değil. */\nexport type TimelineStatus = 'done' | 'current' | 'pending' | 'failed';\n\nexport type TimelineEvent = {\n  id: string;\n  title: string;\n  /** Zaman damgası — BİÇİMLENDİRİLMİŞ dize. */\n  time?: string;\n  description?: ReactNode;\n  status?: TimelineStatus;\n  /** Varsayılan işaretin yerine geçen ikon. */\n  icon?: ReactNode;\n};\n\ntype Props = {\n  events: TimelineEvent[];\n  /** Akışın erişilebilir adı (\"Sipariş geçmişi\"). */\n  label: string;\n  className?: string;\n  testId?: string;\n};\n\n/** Durumun GÖRSEL işareti — renkten bağımsız. */\nconst STATUS_ICON: Record<TimelineStatus, ReactNode> = {\n  done: <CheckLg />,\n  failed: <XLg />,\n  current: null,\n  pending: null,\n};\n\n/*\n * ⚠ DURUM METNI SR-ONLY ve SAGLAYICIDAN gelir.\n * ⚠ `pending` LISTEDE YOK ve bu bilincli: \"henuz olmadi\" durumunun ekran okuyucuda ayri bir\n * karsiligi yok\n */\nconst STATUS_KEY: Record<TimelineStatus, 'completed' | 'current' | 'failed' | null> = {\n  done: 'completed',\n  current: 'current',\n  pending: null,\n  failed: 'failed',\n};\n\n/** Zaman çizelgesi — sipariş durumu, işlem geçmişi. */\nconst Timeline: FC<Props> = ({ events, label, className, testId }) => {\n  const { labels } = useUi();\n\n  return (\n    <ol className={cx(styles.timeline, className)} aria-label={label} data-testid={testId}>\n      {events.map(event => {\n        const status = event.status ?? 'done';\n\n        return (\n          <li\n            key={event.id}\n            className={cx(styles.timeline__item, styles[`timeline__item--${status}`])}\n            aria-current={status === 'current' ? 'step' : undefined}\n          >\n            <span className={styles.timeline__marker} aria-hidden>\n              {event.icon ?? STATUS_ICON[status]}\n            </span>\n\n            <div className={styles.timeline__body}>\n              <span className={styles.timeline__title}>\n                {event.title}\n                {/* Durum METIN olarak da okunur: isaret ve renk ekran okuyucuya\n                  gecmiyor. */}\n                <span className={styles.timeline__srOnly}>\n                  {STATUS_KEY[status] === null\n                    ? null\n                    : resolveLabel(\n                        `Timeline.${STATUS_KEY[status]}`,\n                        labels?.timeline?.[STATUS_KEY[status]],\n                      )}\n                </span>\n              </span>\n\n              {event.time && (\n                /*\n                 * `<time>` DEGIL ` `: `datetime` icin makine okunur bir deger gerekiyor ve elimizde\n                 * yalnizca bicimlendirilmis dize var.\n                 */\n                <span className={styles.timeline__time}>{event.time}</span>\n              )}\n\n              {event.description && (\n                <span className={styles.timeline__description}>{event.description}</span>\n              )}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Timeline, 'Timeline')) as typeof Timeline;\n"],"names":["STATUS_ICON","CheckLg","XLg","STATUS_KEY","Timeline","events","label","className","testId","labels","useUi","jsx","cx","styles","event","status","jsxs","resolveLabel","_a","index","memo","named"],"mappings":"2aAoCMA,EAAiD,CACrD,WAAOC,EAAAA,QAAA,EAAQ,EACf,aAASC,EAAAA,IAAA,EAAI,EACb,QAAS,KACT,QAAS,IACX,EAOMC,EAAgF,CACpF,KAAM,YACN,QAAS,UACT,QAAS,KACT,OAAQ,QACV,EAGMC,EAAsB,CAAC,CAAE,OAAAC,EAAQ,MAAAC,EAAO,UAAAC,EAAW,OAAAC,KAAa,CACpE,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EAEnB,OACEC,EAAAA,IAAC,KAAA,CAAG,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,SAAUN,CAAS,EAAG,aAAYD,EAAO,cAAaE,EAC5E,SAAAH,EAAO,IAAIS,GAAS,OACnB,MAAMC,EAASD,EAAM,QAAU,OAE/B,OACEE,EAAAA,KAAC,KAAA,CAEC,UAAWJ,EAAAA,GAAGC,EAAAA,QAAO,eAAgBA,EAAAA,QAAO,mBAAmBE,CAAM,EAAE,CAAC,EACxE,eAAcA,IAAW,UAAY,OAAS,OAE9C,SAAA,CAAAJ,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,iBAAkB,cAAW,GAClD,SAAAC,EAAM,MAAQd,EAAYe,CAAM,CAAA,CACnC,EAEAC,EAAAA,KAAC,MAAA,CAAI,UAAWH,EAAAA,QAAO,eACrB,SAAA,CAAAG,EAAAA,KAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,gBACrB,SAAA,CAAAC,EAAM,MAGPH,EAAAA,IAAC,QAAK,UAAWE,EAAAA,QAAO,iBACrB,SAAAV,EAAWY,CAAM,IAAM,KACpB,KACAE,EAAAA,aACE,YAAYd,EAAWY,CAAM,CAAC,IAC9BG,EAAAT,GAAA,YAAAA,EAAQ,WAAR,YAAAS,EAAmBf,EAAWY,CAAM,EAAC,CACvC,CACN,CAAA,EACF,EAECD,EAAM,YAKJ,OAAA,CAAK,UAAWD,EAAAA,QAAO,eAAiB,WAAM,KAAK,EAGrDC,EAAM,aACLH,MAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,sBAAwB,WAAM,WAAA,CAAY,CAAA,CAAA,CAEtE,CAAA,CAAA,EAlCKC,EAAM,EAAA,CAqCjB,CAAC,CAAA,CACH,CAEJ,EAEAK,EAA6BC,OAAmBC,EAAAA,MAAMjB,EAAU,UAAU,CAAC"}

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

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+/** Bir olayın durumu. `pending` HENÜZ olmadı — başarısız değil. */
+export type TimelineStatus = 'done' | 'current' | 'pending' | 'failed';
+export type TimelineEvent = {
+    id: string;
+    title: string;
+    /** Zaman damgası — BİÇİMLENDİRİLMİŞ dize. */
+    time?: string;
+    description?: ReactNode;
+    status?: TimelineStatus;
+    /** Varsayılan işaretin yerine geçen ikon. */
+    icon?: ReactNode;
+};
+type Props = {
+    events: TimelineEvent[];
+    /** Akışın erişilebilir adı ("Sipariş geçmişi"). */
+    label: string;
+    className?: string;
+    testId?: string;
+};
+/** Zaman çizelgesi — sipariş durumu, işlem geçmişi. */
+declare const Timeline: FC<Props>;
+declare const _default: typeof Timeline;
+export default _default;

package/build/components/Timeline/index.js

@@ -0,0 +1,56 @@
+"use client";
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import { memo as u } from "react";
+import { XLg as _, CheckLg as f } from "react-bootstrap-icons";
+import { cx as a } from "../../helpers/class-name.helper.js";
+import { named as h } from "../../helpers/component.helper.js";
+import { resolveLabel as N } from "../../helpers/label.helper.js";
+import { useUi as T } from "../../theme/context.js";
+const e = {"timeline":"ui-timeline-GxubZ","timeline__item":"ui-timeline__item-qMpF2","timeline__marker":"ui-timeline__marker-MDk07","timeline__item--done":"ui-timeline__item--done-dqiOQ","timeline__item--current":"ui-timeline__item--current-TGV5f","timeline__item--pending":"ui-timeline__item--pending-VMZTS","timeline__item--failed":"ui-timeline__item--failed-2BbfX","timeline__body":"ui-timeline__body-xJi7t","timeline__title":"ui-timeline__title-pKxZJ","timeline__time":"ui-timeline__time-ITWYy","timeline__description":"ui-timeline__description-4vrEy","timeline__srOnly":"ui-timeline__srOnly-7K2We"};
+const x = {
+  done: /* @__PURE__ */ l(f, {}),
+  failed: /* @__PURE__ */ l(_, {}),
+  current: null,
+  pending: null
+}, m = {
+  done: "completed",
+  current: "current",
+  pending: null,
+  failed: "failed"
+}, g = ({ events: o, label: c, className: d, testId: p }) => {
+  const { labels: r } = T();
+  return /* @__PURE__ */ l("ol", { className: a(e.timeline, d), "aria-label": c, "data-testid": p, children: o.map((i) => {
+    var s;
+    const n = i.status ?? "done";
+    return /* @__PURE__ */ t(
+      "li",
+      {
+        className: a(e.timeline__item, e[`timeline__item--${n}`]),
+        "aria-current": n === "current" ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ l("span", { className: e.timeline__marker, "aria-hidden": !0, children: i.icon ?? x[n] }),
+          /* @__PURE__ */ t("div", { className: e.timeline__body, children: [
+            /* @__PURE__ */ t("span", { className: e.timeline__title, children: [
+              i.title,
+              /* @__PURE__ */ l("span", { className: e.timeline__srOnly, children: m[n] === null ? null : N(
+                `Timeline.${m[n]}`,
+                (s = r == null ? void 0 : r.timeline) == null ? void 0 : s[m[n]]
+              ) })
+            ] }),
+            i.time && /*
+            * `<time>` DEGIL ` `: `datetime` icin makine okunur bir deger gerekiyor ve elimizde
+            * yalnizca bicimlendirilmis dize var.
+            */
+            /* @__PURE__ */ l("span", { className: e.timeline__time, children: i.time }),
+            i.description && /* @__PURE__ */ l("span", { className: e.timeline__description, children: i.description })
+          ] })
+        ]
+      },
+      i.id
+    );
+  }) });
+}, C = /* @__PURE__ */ u(/* @__PURE__ */ h(g, "Timeline"));
+export {
+  C as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Timeline/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode } from 'react';\n\nimport { CheckLg, XLg } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\n\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\n/** Bir olayın durumu. `pending` HENÜZ olmadı — başarısız değil. */\nexport type TimelineStatus = 'done' | 'current' | 'pending' | 'failed';\n\nexport type TimelineEvent = {\n  id: string;\n  title: string;\n  /** Zaman damgası — BİÇİMLENDİRİLMİŞ dize. */\n  time?: string;\n  description?: ReactNode;\n  status?: TimelineStatus;\n  /** Varsayılan işaretin yerine geçen ikon. */\n  icon?: ReactNode;\n};\n\ntype Props = {\n  events: TimelineEvent[];\n  /** Akışın erişilebilir adı (\"Sipariş geçmişi\"). */\n  label: string;\n  className?: string;\n  testId?: string;\n};\n\n/** Durumun GÖRSEL işareti — renkten bağımsız. */\nconst STATUS_ICON: Record<TimelineStatus, ReactNode> = {\n  done: <CheckLg />,\n  failed: <XLg />,\n  current: null,\n  pending: null,\n};\n\n/*\n * ⚠ DURUM METNI SR-ONLY ve SAGLAYICIDAN gelir.\n * ⚠ `pending` LISTEDE YOK ve bu bilincli: \"henuz olmadi\" durumunun ekran okuyucuda ayri bir\n * karsiligi yok\n */\nconst STATUS_KEY: Record<TimelineStatus, 'completed' | 'current' | 'failed' | null> = {\n  done: 'completed',\n  current: 'current',\n  pending: null,\n  failed: 'failed',\n};\n\n/** Zaman çizelgesi — sipariş durumu, işlem geçmişi. */\nconst Timeline: FC<Props> = ({ events, label, className, testId }) => {\n  const { labels } = useUi();\n\n  return (\n    <ol className={cx(styles.timeline, className)} aria-label={label} data-testid={testId}>\n      {events.map(event => {\n        const status = event.status ?? 'done';\n\n        return (\n          <li\n            key={event.id}\n            className={cx(styles.timeline__item, styles[`timeline__item--${status}`])}\n            aria-current={status === 'current' ? 'step' : undefined}\n          >\n            <span className={styles.timeline__marker} aria-hidden>\n              {event.icon ?? STATUS_ICON[status]}\n            </span>\n\n            <div className={styles.timeline__body}>\n              <span className={styles.timeline__title}>\n                {event.title}\n                {/* Durum METIN olarak da okunur: isaret ve renk ekran okuyucuya\n                  gecmiyor. */}\n                <span className={styles.timeline__srOnly}>\n                  {STATUS_KEY[status] === null\n                    ? null\n                    : resolveLabel(\n                        `Timeline.${STATUS_KEY[status]}`,\n                        labels?.timeline?.[STATUS_KEY[status]],\n                      )}\n                </span>\n              </span>\n\n              {event.time && (\n                /*\n                 * `<time>` DEGIL ` `: `datetime` icin makine okunur bir deger gerekiyor ve elimizde\n                 * yalnizca bicimlendirilmis dize var.\n                 */\n                <span className={styles.timeline__time}>{event.time}</span>\n              )}\n\n              {event.description && (\n                <span className={styles.timeline__description}>{event.description}</span>\n              )}\n            </div>\n          </li>\n        );\n      })}\n    </ol>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Timeline, 'Timeline')) as typeof Timeline;\n"],"names":["STATUS_ICON","CheckLg","XLg","STATUS_KEY","Timeline","events","label","className","testId","labels","useUi","jsx","cx","styles","event","status","jsxs","resolveLabel","_a","index","memo","named"],"mappings":";;;;;;;;;AAoCA,MAAMA,IAAiD;AAAA,EACrD,wBAAOC,GAAA,EAAQ;AAAA,EACf,0BAASC,GAAA,EAAI;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX,GAOMC,IAAgF;AAAA,EACpF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV,GAGMC,IAAsB,CAAC,EAAE,QAAAC,GAAQ,OAAAC,GAAO,WAAAC,GAAW,QAAAC,QAAa;AACpE,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC,EAAC,MAAA,EAAG,WAAWC,EAAGC,EAAO,UAAUN,CAAS,GAAG,cAAYD,GAAO,eAAaE,GAC5E,UAAAH,EAAO,IAAI,CAAAS,MAAS;;AACnB,UAAMC,IAASD,EAAM,UAAU;AAE/B,WACE,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWJ,EAAGC,EAAO,gBAAgBA,EAAO,mBAAmBE,CAAM,EAAE,CAAC;AAAA,QACxE,gBAAcA,MAAW,YAAY,SAAS;AAAA,QAE9C,UAAA;AAAA,UAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAWE,EAAO,kBAAkB,eAAW,IAClD,UAAAC,EAAM,QAAQd,EAAYe,CAAM,EAAA,CACnC;AAAA,UAEA,gBAAAC,EAAC,OAAA,EAAI,WAAWH,EAAO,gBACrB,UAAA;AAAA,YAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,iBACrB,UAAA;AAAA,cAAAC,EAAM;AAAA,cAGP,gBAAAH,EAAC,UAAK,WAAWE,EAAO,kBACrB,UAAAV,EAAWY,CAAM,MAAM,OACpB,OACAE;AAAA,gBACE,YAAYd,EAAWY,CAAM,CAAC;AAAA,iBAC9BG,IAAAT,KAAA,gBAAAA,EAAQ,aAAR,gBAAAS,EAAmBf,EAAWY,CAAM;AAAA,cAAC,EACvC,CACN;AAAA,YAAA,GACF;AAAA,YAECD,EAAM;AAAA;AAAA;AAAA;AAAA,8BAKJ,QAAA,EAAK,WAAWD,EAAO,gBAAiB,YAAM,MAAK;AAAA,YAGrDC,EAAM,eACL,gBAAAH,EAAC,QAAA,EAAK,WAAWE,EAAO,uBAAwB,YAAM,YAAA,CAAY;AAAA,UAAA,EAAA,CAEtE;AAAA,QAAA;AAAA,MAAA;AAAA,MAlCKC,EAAM;AAAA,IAAA;AAAA,EAqCjB,CAAC,EAAA,CACH;AAEJ,GAEAK,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMjB,GAAU,UAAU,CAAC;"}

package/build/components/Timeline/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-timeline-GxubZ{display:flex;flex-direction:column;gap:var(--hd-space-0);margin:0;padding:0;list-style:none}.ui-timeline__item-qMpF2{display:flex;gap:var(--hd-space-3);padding-bottom:var(--hd-space-4);position:relative}.ui-timeline__item-qMpF2:not(:last-child):before{content:"";position:absolute;inset-block-start:26px;inset-block-end:0;inset-inline-start:11px;width:2px;background-color:var(--hd-border)}.ui-timeline__item-qMpF2:last-child{padding-bottom:0}.ui-timeline__marker-MDk07{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--hd-radius-pill);border:2px solid var(--hd-border-strong);background-color:var(--hd-bg-surface);color:var(--hd-success-on-solid);font-size:var(--hd-type-caption-size);z-index:var(--hd-z-raised)}.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07{background-color:var(--hd-success-solid);border-color:var(--hd-success-solid)}.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07{border-color:var(--hd-primary);box-shadow:inset 0 0 0 3px var(--hd-primary)}.ui-timeline__item--pending-VMZTS .ui-timeline__marker-MDk07{border-style:dashed;background-color:var(--hd-bg-surface)}.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:var(--hd-danger-solid);border-color:var(--hd-danger-solid);color:var(--hd-danger-on-solid)}@media (forced-colors: active){.ui-timeline__item--done-dqiOQ .ui-timeline__marker-MDk07,.ui-timeline__item--current-TGV5f .ui-timeline__marker-MDk07,.ui-timeline__item--failed-2BbfX .ui-timeline__marker-MDk07{background-color:Highlight;border-color:Highlight;forced-color-adjust:none}}.ui-timeline__body-xJi7t{display:flex;flex-direction:column;gap:2px;min-width:0;padding-block-start:1px}.ui-timeline__title-pKxZJ{font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text)}.ui-timeline__item--pending-VMZTS .ui-timeline__title-pKxZJ{color:var(--hd-text-2);font-weight:var(--hd-font-weight-medium)}.ui-timeline__item--failed-2BbfX .ui-timeline__title-pKxZJ{color:var(--hd-danger-fg)}.ui-timeline__time-ITWYy{font-size:var(--hd-type-caption-size);color:var(--hd-text-3);font-variant-numeric:tabular-nums}.ui-timeline__description-4vrEy{font-size:var(--hd-type-caption-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2)}.ui-timeline__srOnly-7K2We{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}

package/build/components/Toast/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"),n=require("react"),w=require("react-dom"),x=require("react-bootstrap-icons"),q=require("../../helpers/class-name.helper.cjs"),v=require("../../helpers/component.helper.cjs"),j=require("../../helpers/label.helper.cjs"),N=require("../../hooks/useDismissOnEscape.cjs"),C=require("../../theme/context.cjs"),L=require("../IconButton/index.cjs"),o={default:{"hub":"ui-hub-JoqOf","toast":"ui-toast-U27Of","toast--info":"ui-toast--info-S1QJr","toast--success":"ui-toast--success-NUso7","toast--warning":"ui-toast--warning-7mi-S","toast--danger":"ui-toast--danger-IhFSz","toast__icon":"ui-toast__icon-p-rgI","toast__text":"ui-toast__text-rG4ji","toast__message":"ui-toast__message-s6S2-","toast__description":"ui-toast__description-0cYTx","toast__action":"ui-toast__action-fOXU5","toast__close":"ui-toast__close-QxSNP"}},E={info:s.jsx(x.InfoCircleFill,{"aria-hidden":!0}),success:s.jsx(x.CheckCircleFill,{"aria-hidden":!0}),warning:s.jsx(x.ExclamationTriangleFill,{"aria-hidden":!0}),danger:s.jsx(x.XCircleFill,{"aria-hidden":!0})},I={info:4e3,success:4e3,warning:6e3,danger:8e3};let T=0;const g=new Set;let l=[];const p=()=>g.forEach(e=>e(l)),_=e=>{l=l.filter(t=>t.id!==e),p()},h=(e,t={})=>{T+=1;const i=T;return l=[...l,{...t,id:i,message:e}].slice(-3),p(),i},S={show:h,info:(e,t)=>h(e,{...t,tone:"info"}),success:(e,t)=>h(e,{...t,tone:"success"}),warning:(e,t)=>h(e,{...t,tone:"warning"}),error:(e,t)=>h(e,{...t,tone:"danger"}),dismiss:_,clear:()=>{l=[],p()}},k=({toast:e,closeLabel:t,onDismiss:i})=>{const a=e.tone??"info",r=e.duration??I[a],[u,d]=n.useState(!1),m=n.useRef(r),b=n.useRef(0);return n.useEffect(()=>{if(r===0||u)return;b.current=Date.now();const f=window.setTimeout(()=>i(e.id),m.current);return()=>{window.clearTimeout(f),m.current=Math.max(0,m.current-(Date.now()-b.current))}},[r,u,i,e.id]),s.jsxs("div",{className:q.cx(o.default.toast,o.default[`toast--${a}`]),role:a==="danger"?"alert":"status",onPointerEnter:()=>d(!0),onPointerLeave:()=>d(!1),onFocus:()=>d(!0),onBlur:()=>d(!1),children:[s.jsx("span",{className:o.default.toast__icon,"aria-hidden":!0,children:E[a]}),s.jsxs("div",{className:o.default.toast__text,children:[s.jsx("span",{className:o.default.toast__message,children:e.message}),e.description&&s.jsx("span",{className:o.default.toast__description,children:e.description})]}),e.action&&s.jsx("button",{type:"button",className:o.default.toast__action,onClick:()=>{var f;(f=e.action)==null||f.onClick(),i(e.id)},children:e.action.label}),s.jsx(L.default,{icon:s.jsx(x.XLg,{"aria-hidden":!0}),label:t,variant:"ghost",size:"sm",className:o.default.toast__close,onClick:()=>i(e.id)})]})},F=({closeLabel:e,regionLabel:t,className:i})=>{const{labels:a}=C.useUi(),[r,u]=n.useState([]);n.useEffect(()=>(g.add(u),u(l),()=>{g.delete(u)}),[]);const d=n.useCallback(c=>_(c),[]),m=n.useCallback(()=>{const c=r.at(-1);c&&_(c.id)},[r]);N.default(r.length>0,m);const[b,f]=n.useState(!1);return n.useEffect(()=>f(!0),[]),b?w.createPortal(s.jsx("div",{className:q.cx(o.default.hub,i),role:"region","aria-label":j.resolveLabel("ToastHub.regionLabel",t,a==null?void 0:a.notifications),"aria-live":"polite","aria-relevant":"additions",children:r.map(c=>s.jsx(k,{toast:c,closeLabel:j.resolveLabel("ToastHub.closeLabel",e,a==null?void 0:a.close),onDismiss:d},c.id))}),document.body):null},P=n.memo(v.named(F,"ToastHub"));exports.default=P;exports.toast=S;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  CheckCircleFill,\n  ExclamationTriangleFill,\n  InfoCircleFill,\n  XCircleFill,\n  XLg,\n} 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 useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\nexport type ToastTone = 'info' | 'success' | 'warning' | 'danger';\n\nexport type ToastOptions = {\n  tone?: ToastTone;\n  /** Görüntülenme süresi (ms). `0` → kendiliğinden kapanmaz. */\n  duration?: number;\n  /** Başlığın altındaki bir cümlelik ayrıntı. */\n  description?: ReactNode;\n  /** Bildirimin içindeki tek eylem (\"Geri al\"). */\n  action?: { label: string; onClick: () => void };\n};\n\ntype ToastRecord = ToastOptions & { id: number; message: string };\n\n/** Ton başına ikon: renk TEK BAŞINA anlam taşımaz (WCAG 1.4.1). */\nconst ICONS: Record<ToastTone, ReactNode> = {\n  info: <InfoCircleFill aria-hidden />,\n  success: <CheckCircleFill aria-hidden />,\n  warning: <ExclamationTriangleFill aria-hidden />,\n  danger: <XCircleFill aria-hidden />,\n};\n\n/** Ton başına varsayılan süre. */\nconst DEFAULT_DURATION: Record<ToastTone, number> = {\n  info: 4_000,\n  success: 4_000,\n  warning: 6_000,\n  danger: 8_000,\n};\n\n/** Aynı anda ekranda duran en fazla bildirim. */\nconst MAX_VISIBLE = 3;\n\n/* YAYIN MERKEZI — modul duzeyinde, saglayicidan BAGIMSIZ. */\nlet counter = 0;\n/*\n * `new Set()` modul duzeyinde bir CAGRI ve acilama olmadan bundler onu yan etkili sayabilir — Faz\n * 0'da `memo()` cagrilarinda tam olarak bu olmustu.\n */\nconst listeners = /*#__PURE__*/ new Set<(toasts: ToastRecord[]) => void>();\nlet queue: ToastRecord[] = [];\n\nconst emit = () => listeners.forEach(listener => listener(queue));\n\nconst dismiss = (id: number) => {\n  queue = queue.filter(item => item.id !== id);\n  emit();\n};\n\nconst push = (message: string, options: ToastOptions = {}): number => {\n  counter += 1;\n  const id = counter;\n\n  /*\n   * SIRAYA ALMA: ekranda en fazla `MAX_VISIBLE` bildirim durur, fazlasi EN ESKIsini duserek yerini\n   * alir.\n   */\n  queue = [...queue, { ...options, id, message }].slice(-MAX_VISIBLE);\n  emit();\n\n  return id;\n};\n\n/**\n * BİLDİRİM SÖZLEŞMESİ — süre, ikon ve renk kararları TEK YERDE.\n * @example toast.success('Adres kaydedildi'); toast.error('Kart reddedildi', { action: { label…\n */\nexport const toast = {\n  show: push,\n  info: (message: string, options?: ToastOptions) => push(message, { ...options, tone: 'info' }),\n  success: (message: string, options?: ToastOptions) =>\n    push(message, { ...options, tone: 'success' }),\n  warning: (message: string, options?: ToastOptions) =>\n    push(message, { ...options, tone: 'warning' }),\n  error: (message: string, options?: ToastOptions) => push(message, { ...options, tone: 'danger' }),\n  dismiss,\n  /** Tümünü kapatır — sayfa geçişinde bayat bildirim taşınmasın. */\n  clear: () => {\n    queue = [];\n    emit();\n  },\n};\n\ntype ItemProps = {\n  toast: ToastRecord;\n  closeLabel: string;\n  onDismiss: (id: number) => void;\n};\n\n/** Tek bir bildirim satırı; kendi zamanlayıcısını kendisi taşır. */\nconst ToastItem = ({ toast: record, closeLabel, onDismiss }: ItemProps) => {\n  const tone = record.tone ?? 'info';\n  const duration = record.duration ?? DEFAULT_DURATION[tone];\n\n  const [isPaused, setIsPaused] = useState(false);\n  const remainingRef = useRef(duration);\n  const startedRef = useRef(0);\n\n  useEffect(() => {\n    if (duration === 0 || isPaused) return;\n\n    startedRef.current = Date.now();\n    const timer = window.setTimeout(() => onDismiss(record.id), remainingRef.current);\n\n    return () => {\n      window.clearTimeout(timer);\n      /*\n       * Kalan sure KORUNUR: imlec ayrilinca sayac bastan baslasaydi, uzerine bir kez gelinen\n       * bildirim ekranda cok daha uzun kaliyordu.\n       */\n      remainingRef.current = Math.max(0, remainingRef.current - (Date.now() - startedRef.current));\n    };\n  }, [duration, isPaused, onDismiss, record.id]);\n\n  return (\n    <div\n      className={cx(styles.toast, styles[`toast--${tone}`])}\n      /*\n       * `role=\"alert\"` YALNIZCA hatada: o rol `aria-live=\"assertive\"` demek ve kullanicinin okudugu\n       * seyi BOLER.\n       */\n      role={tone === 'danger' ? 'alert' : 'status'}\n      /*\n       * Fare uzerindeyken sayac DURUR: kullanici bildirimi okuyor ya da icindeki eylemi tiklamaya\n       * gidiyor.\n       */\n      onPointerEnter={() => setIsPaused(true)}\n      onPointerLeave={() => setIsPaused(false)}\n      /* Klavye odagi da duraklatir: */\n      onFocus={() => setIsPaused(true)}\n      onBlur={() => setIsPaused(false)}\n    >\n      <span className={styles.toast__icon} aria-hidden>\n        {ICONS[tone]}\n      </span>\n\n      <div className={styles.toast__text}>\n        <span className={styles.toast__message}>{record.message}</span>\n        {record.description && (\n          <span className={styles.toast__description}>{record.description}</span>\n        )}\n      </div>\n\n      {record.action && (\n        <button\n          type=\"button\"\n          className={styles.toast__action}\n          onClick={() => {\n            record.action?.onClick();\n            onDismiss(record.id);\n          }}\n        >\n          {record.action.label}\n        </button>\n      )}\n\n      <IconButton\n        icon={<XLg aria-hidden />}\n        label={closeLabel}\n        variant=\"ghost\"\n        size=\"sm\"\n        className={styles.toast__close}\n        onClick={() => onDismiss(record.id)}\n      />\n    </div>\n  );\n};\n\ntype HubProps = {\n  /** Kapatma düğmelerinin erişilebilir adı. */\n  closeLabel?: string;\n  /**\n   * Yığının erişilebilir adı (\"Bildirimler\").\n   * ⚠ Yığın artık bir `role=\"region\"` ve canlı bölge; adsız bir bölge ekran okuyucuda yalnızca\n   * \"bölge\" diye okunur.\n   */\n  regionLabel?: string;\n  className?: string;\n};\n\n/** Bildirim yığını — uygulamada BİR KEZ çizilir. */\nconst ToastHub = ({ closeLabel, regionLabel, className }: HubProps) => {\n  const { labels } = useUi();\n  const [toasts, setToasts] = useState<ToastRecord[]>([]);\n\n  useEffect(() => {\n    listeners.add(setToasts);\n    setToasts(queue);\n    return () => {\n      listeners.delete(setToasts);\n    };\n  }, []);\n\n  const handleDismiss = useCallback((id: number) => dismiss(id), []);\n\n  /*\n   * Escape en YENI bildirimi kapatir: yigilmis bildirimleri tek tek kapatmanin klavyeyle tek yolu\n   * buydu.\n   */\n  const dismissLatest = useCallback(() => {\n    const latest = toasts.at(-1);\n    if (latest) dismiss(latest.id);\n  }, [toasts]);\n\n  useDismissOnEscape(toasts.length > 0, dismissLatest);\n\n  /* HIDRASYON: `isClient()` RENDER İÇİNDE OKUNAMAZ */\n  const [isMounted, setIsMounted] = useState(false);\n\n  useEffect(() => setIsMounted(true), []);\n\n  if (!isMounted) return null;\n\n  return createPortal(\n    /*\n     * Bildirimin üzerindeki `role=\"status\"`/`role=\"alert\"` öğe DOM'a girdiği ANDA yaratılıyordu\n     * ⚠ CANLI BÖLGE YIĞININ KENDİSİNDE, tek tek bildirimlerde DEĞİL.\n     */\n    <div\n      className={cx(styles.hub, className)}\n      role=\"region\"\n      aria-label={resolveLabel('ToastHub.regionLabel', regionLabel, labels?.notifications)}\n      aria-live=\"polite\"\n      aria-relevant=\"additions\"\n    >\n      {toasts.map(record => (\n        <ToastItem\n          key={record.id}\n          toast={record}\n          closeLabel={resolveLabel('ToastHub.closeLabel', closeLabel, labels?.close)}\n          onDismiss={handleDismiss}\n        />\n      ))}\n    </div>,\n    document.body,\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(ToastHub, 'ToastHub')) as typeof ToastHub;\n"],"names":["ICONS","jsx","InfoCircleFill","CheckCircleFill","ExclamationTriangleFill","XCircleFill","DEFAULT_DURATION","counter","listeners","queue","emit","listener","dismiss","id","item","push","message","options","toast","ToastItem","record","closeLabel","onDismiss","tone","duration","isPaused","setIsPaused","useState","remainingRef","useRef","startedRef","useEffect","timer","jsxs","cx","styles","_a","IconButton","XLg","ToastHub","regionLabel","className","labels","useUi","toasts","setToasts","handleDismiss","useCallback","dismissLatest","latest","useDismissOnEscape","isMounted","setIsMounted","createPortal","resolveLabel","memo","named"],"mappings":"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"}

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

@@ -0,0 +1,43 @@
+import { ReactNode } from 'react';
+export type ToastTone = 'info' | 'success' | 'warning' | 'danger';
+export type ToastOptions = {
+    tone?: ToastTone;
+    /** Görüntülenme süresi (ms). `0` → kendiliğinden kapanmaz. */
+    duration?: number;
+    /** Başlığın altındaki bir cümlelik ayrıntı. */
+    description?: ReactNode;
+    /** Bildirimin içindeki tek eylem ("Geri al"). */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+/**
+ * BİLDİRİM SÖZLEŞMESİ — süre, ikon ve renk kararları TEK YERDE.
+ * @example toast.success('Adres kaydedildi'); toast.error('Kart reddedildi', { action: { label…
+ */
+export declare const toast: {
+    show: (message: string, options?: ToastOptions) => number;
+    info: (message: string, options?: ToastOptions) => number;
+    success: (message: string, options?: ToastOptions) => number;
+    warning: (message: string, options?: ToastOptions) => number;
+    error: (message: string, options?: ToastOptions) => number;
+    dismiss: (id: number) => void;
+    /** Tümünü kapatır — sayfa geçişinde bayat bildirim taşınmasın. */
+    clear: () => void;
+};
+type HubProps = {
+    /** Kapatma düğmelerinin erişilebilir adı. */
+    closeLabel?: string;
+    /**
+     * Yığının erişilebilir adı ("Bildirimler").
+     * ⚠ Yığın artık bir `role="region"` ve canlı bölge; adsız bir bölge ekran okuyucuda yalnızca
+     * "bölge" diye okunur.
+     */
+    regionLabel?: string;
+    className?: string;
+};
+/** Bildirim yığını — uygulamada BİR KEZ çizilir. */
+declare const ToastHub: ({ closeLabel, regionLabel, className }: HubProps) => import('react').ReactPortal | null;
+declare const _default: typeof ToastHub;
+export default _default;