@handijit/ui 0.0.0-stage → 2.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport { captureFocus, focusFirstMeaningful } from '../../helpers/focus.helper';\nimport usePortalSurface from '../../hooks/usePortalSurface';\nimport usePositioning from '../../hooks/usePositioning';\n\nimport styles from './index.module.scss';\nimport type { PositionAlign, PositionSide } from '@/types/positioning.type';\n\ntype Props = {\n  /** Tetikleyici. */\n  trigger: ReactElement;\n  children: ReactNode;\n  /** Yüzeyin erişilebilir adı. */\n  label: string;\n  side?: PositionSide;\n  align?: PositionAlign;\n  /** Kontrollü kullanım. */\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  className?: string;\n  testId?: string;\n};\n\n/** Popover — eylem taşıyabilen, odaklanabilir yüzey. */\nconst Popover = ({\n  trigger,\n  children,\n  label,\n  side = 'bottom',\n  align = 'start',\n  isOpen: controlledOpen,\n  onOpenChange,\n  className,\n  testId,\n}: Props) => {\n  const id = useId();\n  const anchorRef = useRef<HTMLElement>(null);\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const restoreRef = useRef<(() => void) | null>(null);\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const positioning = usePositioning(anchorRef, surfaceRef, { side, align, isOpen });\n\n  const portal = usePortalSurface(isOpen, anchorRef, surfaceRef);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  /* Acilista odak ICERI girer, kapanista TETIKLEYICIYE doner. */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    restoreRef.current = captureFocus();\n    const surface = surfaceRef.current;\n    if (surface) focusFirstMeaningful(surface);\n\n    return () => {\n      restoreRef.current?.();\n      restoreRef.current = null;\n    };\n  }, [isOpen]);\n\n  const close = useCallback(() => setOpen(false), [setOpen]);\n  useDismissOnEscape(isOpen, close);\n\n  /*\n   * DISARI tiklama da belge duzeyinde: odak yuzeyin icinde olmayabilir (fareyle acilmis bir\n   * popover).\n   */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handlePointerDown = (event: globalThis.MouseEvent) => {\n      const target = event.target as Node;\n      if (surfaceRef.current?.contains(target)) return;\n      if (anchorRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n\n    /* `mousedown`: `click` beklerken kullanici surukleyerek secim yaparsa yuzey kapanmiyordu. */\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => document.removeEventListener('mousedown', handlePointerDown);\n  }, [isOpen, setOpen]);\n\n  if (!isValidElement(trigger)) return null;\n\n  const triggerProps = trigger.props as Record<string, unknown>;\n\n  const anchor = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: anchorRef,\n    'aria-expanded': isOpen,\n    'aria-haspopup': 'dialog',\n    'aria-controls': isOpen ? id : undefined,\n    onClick: (event: React.MouseEvent) => {\n      (triggerProps.onClick as ((event: React.MouseEvent) => void) | undefined)?.(event);\n      setOpen(!isOpen);\n    },\n  });\n\n  return (\n    <>\n      {anchor}\n\n      {isOpen &&\n        portal.container &&\n        createPortal(\n          <div\n            ref={surfaceRef}\n            id={id}\n            /* ⚠ Modal içinden açıldığında üst katman ZORUNLU — `portal.helper`. */\n            {...portal.attributes}\n            /*\n             * `role=\"dialog\"` ama `aria-modal` YOK: yuzey kipsel degil ve `aria-modal=\"true\"`\n             * yazmak ekran okuyucuya sayfanin geri kalaninin erisilemez oldugunu…\n             */\n            role=\"dialog\"\n            aria-label={label}\n            className={cx(styles.popover, styles[`popover--${positioning.side}`], className)}\n            style={{\n              ...positioning.style,\n              ...portal.style,\n              visibility: positioning.isPositioned ? 'visible' : 'hidden',\n            }}\n            data-testid={testId}\n            /*\n             * Odak yuzeyin DISINA ciktiginda kapanir: kipsel olmayan bir yuzeyde odagi hapsetmek\n             * kullaniciyi sayfadan koparirdi.\n             * ⚠ AMA \"DISI\" DOM AGACIYLA OLCULEMEZ.\n             */\n            onBlur={event => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (!next) return;\n              if (event.currentTarget.contains(next)) return;\n              if (anchorRef.current?.contains(next)) return;\n\n              /*\n               * Bu yuzeyden PORTALLANMIS bir katman mi? `Menu`/`Select`/ `Combobox` panelleri\n               * `aria-controls`/`id` zinciriyle degil, acildiklari an odagi tasiyarak…\n               */\n              if (next.closest('[role=\"listbox\"],[role=\"menu\"],[role=\"dialog\"]')) return;\n\n              setOpen(false);\n            }}\n          >\n            {children}\n          </div>,\n          portal.container,\n        )}\n    </>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Popover, 'Popover')) as typeof Popover;\n"],"names":["Popover","trigger","children","label","side","align","controlledOpen","onOpenChange","className","testId","id","useId","anchorRef","useRef","surfaceRef","restoreRef","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","positioning","usePositioning","portal","usePortalSurface","setOpen","useCallback","next","useEffect","captureFocus","surface","_a","close","useDismissOnEscape","handlePointerDown","event","target","_b","isValidElement","triggerProps","anchor","cloneElement","jsxs","Fragment","createPortal","jsx","cx","styles","index","memo","named"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+import { ReactElement, ReactNode } from 'react';
+import { PositionAlign, PositionSide } from '../../types/positioning.type';
+type Props = {
+    /** Tetikleyici. */
+    trigger: ReactElement;
+    children: ReactNode;
+    /** Yüzeyin erişilebilir adı. */
+    label: string;
+    side?: PositionSide;
+    align?: PositionAlign;
+    /** Kontrollü kullanım. */
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    className?: string;
+    testId?: string;
+};
+/** Popover — eylem taşıyabilen, odaklanabilir yüzey. */
+declare const Popover: ({ trigger, children, label, side, align, isOpen: controlledOpen, onOpenChange, className, testId, }: Props) => import("react").JSX.Element | null;
+declare const _default: typeof Popover;
+export default _default;

package/build/components/Popover/index.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsxs as I, Fragment as M, jsx as N } from "react/jsx-runtime";
+import { memo as U, useId as V, useRef as p, useState as $, useCallback as P, useEffect as y, isValidElement as g, cloneElement as q } from "react";
+import { createPortal as z } from "react-dom";
+import { cx as A } from "../../helpers/class-name.helper.js";
+import { named as G } from "../../helpers/component.helper.js";
+import H from "../../hooks/useDismissOnEscape.js";
+import { captureFocus as J, focusFirstMeaningful as K } from "../../helpers/focus.helper.js";
+import O from "../../hooks/usePortalSurface.js";
+import Q from "../../hooks/usePositioning.js";
+const k = {"popover":"ui-popover-VxgiK","popover--top":"ui-popover--top-OUYwo","popover--bottom":"ui-popover--bottom-Q1K4X","popover--left":"ui-popover--left-9Rsjx","popover--right":"ui-popover--right-0TJeo"};
+const W = ({
+  trigger: u,
+  children: w,
+  label: F,
+  side: j = "bottom",
+  align: D = "start",
+  isOpen: v,
+  onOpenChange: l,
+  className: L,
+  testId: R
+}) => {
+  const b = V(), n = p(null), s = p(null), i = p(null), [S, T] = $(!1), f = v !== void 0, r = f ? v : S, m = Q(n, s, { side: j, align: D, isOpen: r }), a = O(r, n, s), o = P(
+    (t) => {
+      f || T(t), l == null || l(t);
+    },
+    [f, l]
+  );
+  y(() => {
+    if (!r) return;
+    i.current = J();
+    const t = s.current;
+    return t && K(t), () => {
+      var e;
+      (e = i.current) == null || e.call(i), i.current = null;
+    };
+  }, [r]);
+  const h = P(() => o(!1), [o]);
+  if (H(r, h), y(() => {
+    if (!r) return;
+    const t = (e) => {
+      var x, E;
+      const c = e.target;
+      (x = s.current) != null && x.contains(c) || (E = n.current) != null && E.contains(c) || o(!1);
+    };
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [r, o]), !g(u)) return null;
+  const d = u.props, B = q(u, {
+    ref: n,
+    "aria-expanded": r,
+    "aria-haspopup": "dialog",
+    "aria-controls": r ? b : void 0,
+    onClick: (t) => {
+      var e;
+      (e = d.onClick) == null || e.call(d, t), o(!r);
+    }
+  });
+  return /* @__PURE__ */ I(M, { children: [
+    B,
+    r && a.container && z(
+      /* @__PURE__ */ N(
+        "div",
+        {
+          ref: s,
+          id: b,
+          ...a.attributes,
+          role: "dialog",
+          "aria-label": F,
+          className: A(k.popover, k[`popover--${m.side}`], L),
+          style: {
+            ...m.style,
+            ...a.style,
+            visibility: m.isPositioned ? "visible" : "hidden"
+          },
+          "data-testid": R,
+          onBlur: (t) => {
+            var c;
+            const e = t.relatedTarget;
+            e && (t.currentTarget.contains(e) || (c = n.current) != null && c.contains(e) || e.closest('[role="listbox"],[role="menu"],[role="dialog"]') || o(!1));
+          },
+          children: w
+        }
+      ),
+      a.container
+    )
+  ] });
+}, st = /* @__PURE__ */ U(/* @__PURE__ */ G(W, "Popover"));
+export {
+  st as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Popover/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  cloneElement,\n  isValidElement,\n  memo,\n  type ReactElement,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport useDismissOnEscape from '../../hooks/useDismissOnEscape';\nimport { captureFocus, focusFirstMeaningful } from '../../helpers/focus.helper';\nimport usePortalSurface from '../../hooks/usePortalSurface';\nimport usePositioning from '../../hooks/usePositioning';\n\nimport styles from './index.module.scss';\nimport type { PositionAlign, PositionSide } from '@/types/positioning.type';\n\ntype Props = {\n  /** Tetikleyici. */\n  trigger: ReactElement;\n  children: ReactNode;\n  /** Yüzeyin erişilebilir adı. */\n  label: string;\n  side?: PositionSide;\n  align?: PositionAlign;\n  /** Kontrollü kullanım. */\n  isOpen?: boolean;\n  onOpenChange?: (isOpen: boolean) => void;\n  className?: string;\n  testId?: string;\n};\n\n/** Popover — eylem taşıyabilen, odaklanabilir yüzey. */\nconst Popover = ({\n  trigger,\n  children,\n  label,\n  side = 'bottom',\n  align = 'start',\n  isOpen: controlledOpen,\n  onOpenChange,\n  className,\n  testId,\n}: Props) => {\n  const id = useId();\n  const anchorRef = useRef<HTMLElement>(null);\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const restoreRef = useRef<(() => void) | null>(null);\n\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const positioning = usePositioning(anchorRef, surfaceRef, { side, align, isOpen });\n\n  const portal = usePortalSurface(isOpen, anchorRef, surfaceRef);\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  /* Acilista odak ICERI girer, kapanista TETIKLEYICIYE doner. */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    restoreRef.current = captureFocus();\n    const surface = surfaceRef.current;\n    if (surface) focusFirstMeaningful(surface);\n\n    return () => {\n      restoreRef.current?.();\n      restoreRef.current = null;\n    };\n  }, [isOpen]);\n\n  const close = useCallback(() => setOpen(false), [setOpen]);\n  useDismissOnEscape(isOpen, close);\n\n  /*\n   * DISARI tiklama da belge duzeyinde: odak yuzeyin icinde olmayabilir (fareyle acilmis bir\n   * popover).\n   */\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handlePointerDown = (event: globalThis.MouseEvent) => {\n      const target = event.target as Node;\n      if (surfaceRef.current?.contains(target)) return;\n      if (anchorRef.current?.contains(target)) return;\n      setOpen(false);\n    };\n\n    /* `mousedown`: `click` beklerken kullanici surukleyerek secim yaparsa yuzey kapanmiyordu. */\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => document.removeEventListener('mousedown', handlePointerDown);\n  }, [isOpen, setOpen]);\n\n  if (!isValidElement(trigger)) return null;\n\n  const triggerProps = trigger.props as Record<string, unknown>;\n\n  const anchor = cloneElement(trigger as ReactElement<Record<string, unknown>>, {\n    ref: anchorRef,\n    'aria-expanded': isOpen,\n    'aria-haspopup': 'dialog',\n    'aria-controls': isOpen ? id : undefined,\n    onClick: (event: React.MouseEvent) => {\n      (triggerProps.onClick as ((event: React.MouseEvent) => void) | undefined)?.(event);\n      setOpen(!isOpen);\n    },\n  });\n\n  return (\n    <>\n      {anchor}\n\n      {isOpen &&\n        portal.container &&\n        createPortal(\n          <div\n            ref={surfaceRef}\n            id={id}\n            /* ⚠ Modal içinden açıldığında üst katman ZORUNLU — `portal.helper`. */\n            {...portal.attributes}\n            /*\n             * `role=\"dialog\"` ama `aria-modal` YOK: yuzey kipsel degil ve `aria-modal=\"true\"`\n             * yazmak ekran okuyucuya sayfanin geri kalaninin erisilemez oldugunu…\n             */\n            role=\"dialog\"\n            aria-label={label}\n            className={cx(styles.popover, styles[`popover--${positioning.side}`], className)}\n            style={{\n              ...positioning.style,\n              ...portal.style,\n              visibility: positioning.isPositioned ? 'visible' : 'hidden',\n            }}\n            data-testid={testId}\n            /*\n             * Odak yuzeyin DISINA ciktiginda kapanir: kipsel olmayan bir yuzeyde odagi hapsetmek\n             * kullaniciyi sayfadan koparirdi.\n             * ⚠ AMA \"DISI\" DOM AGACIYLA OLCULEMEZ.\n             */\n            onBlur={event => {\n              const next = event.relatedTarget as HTMLElement | null;\n              if (!next) return;\n              if (event.currentTarget.contains(next)) return;\n              if (anchorRef.current?.contains(next)) return;\n\n              /*\n               * Bu yuzeyden PORTALLANMIS bir katman mi? `Menu`/`Select`/ `Combobox` panelleri\n               * `aria-controls`/`id` zinciriyle degil, acildiklari an odagi tasiyarak…\n               */\n              if (next.closest('[role=\"listbox\"],[role=\"menu\"],[role=\"dialog\"]')) return;\n\n              setOpen(false);\n            }}\n          >\n            {children}\n          </div>,\n          portal.container,\n        )}\n    </>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Popover, 'Popover')) as typeof Popover;\n"],"names":["Popover","trigger","children","label","side","align","controlledOpen","onOpenChange","className","testId","id","useId","anchorRef","useRef","surfaceRef","restoreRef","uncontrolledOpen","setUncontrolledOpen","useState","isControlled","isOpen","positioning","usePositioning","portal","usePortalSurface","setOpen","useCallback","next","useEffect","captureFocus","surface","_a","close","useDismissOnEscape","handlePointerDown","event","target","_b","isValidElement","triggerProps","anchor","cloneElement","jsxs","Fragment","createPortal","jsx","cx","styles","index","memo","named"],"mappings":"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"}

package/build/components/Popover/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-popover-VxgiK{z-index:var(--hd-z-popover);min-width:200px;max-width:min(360px,100vw - var(--hd-space-6));padding:var(--hd-space-3);border-radius:var(--hd-radius-md);background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border);box-shadow:var(--hd-shadow-2);color:var(--hd-text);font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);text-align:start}.ui-popover--top-OUYwo{animation:var(--ui-anim-fade-in-up) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-popover--bottom-Q1K4X{animation:var(--ui-anim-fade-in-down) var(--hd-duration-fast) var(--hd-ease-standard)}.ui-popover--left-9Rsjx,.ui-popover--right-0TJeo{animation:var(--ui-anim-fade-in) var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-popover-VxgiK{animation:none}}@media (forced-colors: active){.ui-popover-VxgiK{border-color:CanvasText}}}

package/build/components/Price/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"),x=require("react"),N=require("../../helpers/class-name.helper.cjs"),h=require("../../helpers/label.helper.cjs"),j=require("../../theme/context.cjs"),r={default:{"price":"ui-price-Oc5Nr","price__current":"ui-price__current-2Xup2","price__currency":"ui-price__currency-32NLN","price__list":"ui-price__list-MlQgT","price__discount":"ui-price__discount-5Yc6W","price--sm":"ui-price--sm-Hd8Oe","price--md":"ui-price--md-JMxlK","price--lg":"ui-price--lg-TFqIF","price--xl":"ui-price--xl-EJBYq"}},y=({value:a,currency:o,listValue:n,discountPercent:t,formatDiscount:d=e=>`%${e}`,isFormatted:m,size:p="md",className:_,testId:f})=>{const{labels:e}=j.useUi(),i=h.resolveLabel("Price.currency",o,e==null?void 0:e.currency),u=c=>{if(!m||!(e!=null&&e.locale)||!/\d/.test(c))return c;const l=Number(c.replace(/[^\d.,-]/g,"").replace(/\.(?=\d{3}\b)/g,"").replace(",","."));if(!Number.isFinite(l))return c;try{return new Intl.NumberFormat(e.locale).format(l)}catch{return c}};return s.jsxs("span",{className:N.cx(r.default.price,r.default[`price--${p}`],_),"data-testid":f,children:[s.jsxs("span",{className:r.default.price__current,children:[u(a),s.jsx("span",{className:r.default.price__currency,children:i})]}),n&&s.jsxs("s",{className:r.default.price__list,children:[u(n),s.jsx("span",{className:r.default.price__currency,children:i})]}),t!==void 0&&t>0&&s.jsx("span",{className:r.default.price__discount,children:d(t)})]})},b=x.memo(y);exports.default=b;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** BİÇİMLENMİŞ tutar: \"1.299,90\". */\n  value: string;\n  /** Para birimi simgesi ya da kodu. */\n  currency?: string;\n  /** Değeri `Intl.NumberFormat` ile biçimlendirir. */\n  isFormatted?: boolean;\n  /** Üstü çizili liste fiyatı; indirim varsa verilir (biçimlenmiş). */\n  listValue?: string;\n  /** İndirim oranı (tam sayı yüzde). */\n  discountPercent?: number;\n  /** İndirim rozetinin metnini üretir (\"%20\", \"-20%\"). */\n  formatDiscount?: (percent: number) => string;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n  testId?: string;\n};\n\n/** Tutar gösterimi. */\nconst Price: FC<Props> = ({\n  value,\n  currency,\n  listValue,\n  discountPercent,\n  formatDiscount = percent => `%${percent}`,\n  isFormatted,\n  size = 'md',\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const symbol = resolveLabel('Price.currency', currency, labels?.currency);\n\n  /* BICIMLENDIRME OPSIYONEL ve yerel ayara BAGLI. */\n  const format = (raw: string): string => {\n    if (!isFormatted || !labels?.locale) return raw;\n\n    /* RAKAM ICERMEYEN deger biciMLENDIRILMEZ. */\n    if (!/\\d/.test(raw)) return raw;\n\n    const numeric = Number(\n      raw\n        .replace(/[^\\d.,-]/g, '')\n        .replace(/\\.(?=\\d{3}\\b)/g, '')\n        .replace(',', '.'),\n    );\n    if (!Number.isFinite(numeric)) return raw;\n\n    try {\n      return new Intl.NumberFormat(labels.locale).format(numeric);\n    } catch {\n      return raw;\n    }\n  };\n\n  return (\n    <span className={cx(styles.price, styles[`price--${size}`], className)} data-testid={testId}>\n      <span className={styles.price__current}>\n        {format(value)}\n        <span className={styles.price__currency}>{symbol}</span>\n      </span>\n\n      {listValue && (\n        <s className={styles.price__list}>\n          {format(listValue)}\n          <span className={styles.price__currency}>{symbol}</span>\n        </s>\n      )}\n\n      {/* `isDefined` DEGIL acik karsilastirma: handy-utils'in koruyucusu\n        `Exclude<any, …>` donuyor ve TypeScript'te daraltma uretmiyor. */}\n      {discountPercent !== undefined && discountPercent > 0 && (\n        <span className={styles.price__discount}>{formatDiscount(discountPercent)}</span>\n      )}\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Price) as typeof Price;\n"],"names":["Price","value","currency","listValue","discountPercent","formatDiscount","percent","isFormatted","size","className","testId","labels","useUi","symbol","resolveLabel","format","raw","numeric","jsxs","cx","styles","jsx","index"],"mappings":"wVA4BMA,EAAmB,CAAC,CACxB,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,gBAAAC,EACA,eAAAC,EAAiBC,GAAW,IAAIA,CAAO,GACvC,YAAAC,EACA,KAAAC,EAAO,KACP,UAAAC,EACA,OAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACbC,EAASC,EAAAA,aAAa,iBAAkBZ,EAAUS,GAAA,YAAAA,EAAQ,QAAQ,EAGlEI,EAAUC,GAAwB,CAItC,GAHI,CAACT,GAAe,EAACI,GAAA,MAAAA,EAAQ,SAGzB,CAAC,KAAK,KAAKK,CAAG,EAAG,OAAOA,EAE5B,MAAMC,EAAU,OACdD,EACG,QAAQ,YAAa,EAAE,EACvB,QAAQ,iBAAkB,EAAE,EAC5B,QAAQ,IAAK,GAAG,CAAA,EAErB,GAAI,CAAC,OAAO,SAASC,CAAO,EAAG,OAAOD,EAEtC,GAAI,CACF,OAAO,IAAI,KAAK,aAAaL,EAAO,MAAM,EAAE,OAAOM,CAAO,CAC5D,MAAQ,CACN,OAAOD,CACT,CACF,EAEA,OACEE,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,UAAUZ,CAAI,EAAE,EAAGC,CAAS,EAAG,cAAaC,EACnF,SAAA,CAAAQ,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,eACrB,SAAA,CAAAL,EAAOd,CAAK,EACboB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,gBAAkB,SAAAP,CAAA,CAAO,CAAA,EACnD,EAECV,GACCe,EAAAA,KAAC,IAAA,CAAE,UAAWE,EAAAA,QAAO,YAClB,SAAA,CAAAL,EAAOZ,CAAS,EACjBkB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,gBAAkB,SAAAP,CAAA,CAAO,CAAA,EACnD,EAKDT,IAAoB,QAAaA,EAAkB,GAClDiB,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,gBAAkB,SAAAf,EAAeD,CAAe,CAAA,CAAE,CAAA,EAE9E,CAEJ,EAEAkB,SAAkCtB,CAAK"}

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+type Props = {
+    /** BİÇİMLENMİŞ tutar: "1.299,90". */
+    value: string;
+    /** Para birimi simgesi ya da kodu. */
+    currency?: string;
+    /** Değeri `Intl.NumberFormat` ile biçimlendirir. */
+    isFormatted?: boolean;
+    /** Üstü çizili liste fiyatı; indirim varsa verilir (biçimlenmiş). */
+    listValue?: string;
+    /** İndirim oranı (tam sayı yüzde). */
+    discountPercent?: number;
+    /** İndirim rozetinin metnini üretir ("%20", "-20%"). */
+    formatDiscount?: (percent: number) => string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+    testId?: string;
+};
+/** Tutar gösterimi. */
+declare const Price: FC<Props>;
+declare const _default: typeof Price;
+export default _default;

package/build/components/Price/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { memo as h } from "react";
+import { cx as y } from "../../helpers/class-name.helper.js";
+import { resolveLabel as x } from "../../helpers/label.helper.js";
+import { useUi as b } from "../../theme/context.js";
+const e = {"price":"ui-price-Oc5Nr","price__current":"ui-price__current-2Xup2","price__currency":"ui-price__currency-32NLN","price__list":"ui-price__list-MlQgT","price__discount":"ui-price__discount-5Yc6W","price--sm":"ui-price--sm-Hd8Oe","price--md":"ui-price--md-JMxlK","price--lg":"ui-price--lg-TFqIF","price--xl":"ui-price--xl-EJBYq"};
+const g = ({
+  value: p,
+  currency: l,
+  listValue: n,
+  discountPercent: s,
+  formatDiscount: u = (r) => `%${r}`,
+  isFormatted: d,
+  size: f = "md",
+  className: _,
+  testId: N
+}) => {
+  const { labels: r } = b(), m = x("Price.currency", l, r == null ? void 0 : r.currency), o = (c) => {
+    if (!d || !(r != null && r.locale) || !/\d/.test(c)) return c;
+    const a = Number(
+      c.replace(/[^\d.,-]/g, "").replace(/\.(?=\d{3}\b)/g, "").replace(",", ".")
+    );
+    if (!Number.isFinite(a)) return c;
+    try {
+      return new Intl.NumberFormat(r.locale).format(a);
+    } catch {
+      return c;
+    }
+  };
+  return /* @__PURE__ */ i("span", { className: y(e.price, e[`price--${f}`], _), "data-testid": N, children: [
+    /* @__PURE__ */ i("span", { className: e.price__current, children: [
+      o(p),
+      /* @__PURE__ */ t("span", { className: e.price__currency, children: m })
+    ] }),
+    n && /* @__PURE__ */ i("s", { className: e.price__list, children: [
+      o(n),
+      /* @__PURE__ */ t("span", { className: e.price__currency, children: m })
+    ] }),
+    s !== void 0 && s > 0 && /* @__PURE__ */ t("span", { className: e.price__discount, children: u(s) })
+  ] });
+}, U = /* @__PURE__ */ h(g);
+export {
+  U as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Price/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** BİÇİMLENMİŞ tutar: \"1.299,90\". */\n  value: string;\n  /** Para birimi simgesi ya da kodu. */\n  currency?: string;\n  /** Değeri `Intl.NumberFormat` ile biçimlendirir. */\n  isFormatted?: boolean;\n  /** Üstü çizili liste fiyatı; indirim varsa verilir (biçimlenmiş). */\n  listValue?: string;\n  /** İndirim oranı (tam sayı yüzde). */\n  discountPercent?: number;\n  /** İndirim rozetinin metnini üretir (\"%20\", \"-20%\"). */\n  formatDiscount?: (percent: number) => string;\n  size?: 'sm' | 'md' | 'lg' | 'xl';\n  className?: string;\n  testId?: string;\n};\n\n/** Tutar gösterimi. */\nconst Price: FC<Props> = ({\n  value,\n  currency,\n  listValue,\n  discountPercent,\n  formatDiscount = percent => `%${percent}`,\n  isFormatted,\n  size = 'md',\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const symbol = resolveLabel('Price.currency', currency, labels?.currency);\n\n  /* BICIMLENDIRME OPSIYONEL ve yerel ayara BAGLI. */\n  const format = (raw: string): string => {\n    if (!isFormatted || !labels?.locale) return raw;\n\n    /* RAKAM ICERMEYEN deger biciMLENDIRILMEZ. */\n    if (!/\\d/.test(raw)) return raw;\n\n    const numeric = Number(\n      raw\n        .replace(/[^\\d.,-]/g, '')\n        .replace(/\\.(?=\\d{3}\\b)/g, '')\n        .replace(',', '.'),\n    );\n    if (!Number.isFinite(numeric)) return raw;\n\n    try {\n      return new Intl.NumberFormat(labels.locale).format(numeric);\n    } catch {\n      return raw;\n    }\n  };\n\n  return (\n    <span className={cx(styles.price, styles[`price--${size}`], className)} data-testid={testId}>\n      <span className={styles.price__current}>\n        {format(value)}\n        <span className={styles.price__currency}>{symbol}</span>\n      </span>\n\n      {listValue && (\n        <s className={styles.price__list}>\n          {format(listValue)}\n          <span className={styles.price__currency}>{symbol}</span>\n        </s>\n      )}\n\n      {/* `isDefined` DEGIL acik karsilastirma: handy-utils'in koruyucusu\n        `Exclude<any, …>` donuyor ve TypeScript'te daraltma uretmiyor. */}\n      {discountPercent !== undefined && discountPercent > 0 && (\n        <span className={styles.price__discount}>{formatDiscount(discountPercent)}</span>\n      )}\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Price) as typeof Price;\n"],"names":["Price","value","currency","listValue","discountPercent","formatDiscount","percent","isFormatted","size","className","testId","labels","useUi","symbol","resolveLabel","format","raw","numeric","jsxs","cx","styles","jsx","index"],"mappings":";;;;;;;AA4BA,MAAMA,IAAmB,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAAC,MAAW,IAAIA,CAAO;AAAA,EACvC,aAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAASC,EAAa,kBAAkBZ,GAAUS,KAAA,gBAAAA,EAAQ,QAAQ,GAGlEI,IAAS,CAACC,MAAwB;AAItC,QAHI,CAACT,KAAe,EAACI,KAAA,QAAAA,EAAQ,WAGzB,CAAC,KAAK,KAAKK,CAAG,EAAG,QAAOA;AAE5B,UAAMC,IAAU;AAAA,MACdD,EACG,QAAQ,aAAa,EAAE,EACvB,QAAQ,kBAAkB,EAAE,EAC5B,QAAQ,KAAK,GAAG;AAAA,IAAA;AAErB,QAAI,CAAC,OAAO,SAASC,CAAO,EAAG,QAAOD;AAEtC,QAAI;AACF,aAAO,IAAI,KAAK,aAAaL,EAAO,MAAM,EAAE,OAAOM,CAAO;AAAA,IAC5D,QAAQ;AACN,aAAOD;AAAA,IACT;AAAA,EACF;AAEA,SACE,gBAAAE,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAO,OAAOA,EAAO,UAAUZ,CAAI,EAAE,GAAGC,CAAS,GAAG,eAAaC,GACnF,UAAA;AAAA,IAAA,gBAAAQ,EAAC,QAAA,EAAK,WAAWE,EAAO,gBACrB,UAAA;AAAA,MAAAL,EAAOd,CAAK;AAAA,MACb,gBAAAoB,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAP,EAAA,CAAO;AAAA,IAAA,GACnD;AAAA,IAECV,KACC,gBAAAe,EAAC,KAAA,EAAE,WAAWE,EAAO,aAClB,UAAA;AAAA,MAAAL,EAAOZ,CAAS;AAAA,MACjB,gBAAAkB,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAP,EAAA,CAAO;AAAA,IAAA,GACnD;AAAA,IAKDT,MAAoB,UAAaA,IAAkB,KAClD,gBAAAiB,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAf,EAAeD,CAAe,EAAA,CAAE;AAAA,EAAA,GAE9E;AAEJ,GAEAkB,sBAAkCtB,CAAK;"}

package/build/components/Price/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-price-Oc5Nr{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:var(--hd-space-2)}.ui-price__current-2Xup2{font-family:var(--hd-font-display);font-size:var(--hd-type-h4-size);font-weight:var(--hd-font-weight-bold);font-variant-numeric:tabular-nums;letter-spacing:var(--hd-type-h2-letter-spacing);white-space:nowrap;color:var(--hd-text)}.ui-price__currency-32NLN{font-size:.75em;font-weight:var(--hd-font-weight-semibold);margin-inline-start:2px}.ui-price__list-MlQgT{font-size:var(--hd-type-small-size);color:var(--hd-text-3);font-variant-numeric:tabular-nums;text-decoration-thickness:1px}.ui-price__discount-5Yc6W{font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-bold);color:var(--hd-danger-on-solid);background-color:var(--hd-danger-solid);border-radius:var(--hd-radius-xs);padding:2px var(--hd-space-1);line-height:1}.ui-price--sm-Hd8Oe .ui-price__current-2Xup2{font-size:var(--hd-type-body-size)}.ui-price--md-JMxlK .ui-price__current-2Xup2{font-size:var(--hd-type-h4-size)}.ui-price--lg-TFqIF .ui-price__current-2Xup2,.ui-price--xl-EJBYq .ui-price__current-2Xup2{font-size:var(--hd-type-h2-size)}}

package/build/components/Progress/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),g=require("react"),o=require("../../helpers/class-name.helper.cjs"),x=require("../../helpers/component.helper.cjs"),a={default:{"progress":"ui-progress-99MrX","progress__track":"ui-progress__track-Qbp9t","progress__track--xs":"ui-progress__track--xs-CgHUU","progress__track--sm":"ui-progress__track--sm-dbHZq","progress__track--md":"ui-progress__track--md-v1GdW","progress__track--indeterminate":"ui-progress__track--indeterminate-8fMxl","progress__fill":"ui-progress__fill-Bam55","progress__fill--success":"ui-progress__fill--success-IFuI5","progress__fill--warning":"ui-progress__fill--warning-wIhgi","progress__fill--danger":"ui-progress__fill--danger-cuqj0","progress__value":"ui-progress__value-3FYxj","circle":"ui-circle-9cn2w","circle__svg":"ui-circle__svg-0IwkR","circle__track":"ui-circle__track-zY2qc","circle__fill":"ui-circle__fill-Jbde6","circle__fill--success":"ui-circle__fill--success-HTr0m","circle__fill--warning":"ui-circle__fill--warning-Fkgj2","circle__fill--danger":"ui-circle__fill--danger-4E3Z8","circle--indeterminate":"ui-circle--indeterminate-cITY6","circle__label":"ui-circle__label-A3nJB"}},p=(t,i)=>!Number.isFinite(t)||!Number.isFinite(i)||i<=0?0:Math.min(100,Math.max(0,t/i*100)),N=({value:t,max:i=100,label:n,valueText:c,isValueVisible:d,tone:u="brand",size:r="md",className:m,testId:h})=>{const e=t===void 0,l=e?0:p(t,i);return s.jsxs("div",{className:o.cx(a.default.progress,m),"data-testid":h,children:[s.jsx("div",{role:"progressbar","aria-label":n,"aria-valuenow":e?void 0:Math.round(l),"aria-valuemin":e?void 0:0,"aria-valuemax":e?void 0:100,"aria-valuetext":e?void 0:c,className:o.cx(a.default.progress__track,a.default[`progress__track--${r}`],e&&a.default["progress__track--indeterminate"]),children:s.jsx("span",{className:o.cx(a.default.progress__fill,a.default[`progress__fill--${u}`]),style:e?void 0:{inlineSize:`${l}%`}})}),d&&!e&&s.jsx("span",{className:a.default.progress__value,"aria-hidden":!0,children:c??`%${Math.round(l)}`})]})},b=g.memo(x.named(N,"Progress")),j=({value:t,max:i=100,label:n,valueText:c,isValueVisible:d,tone:u="brand",size:r=44,className:m,testId:h})=>{const e=t===void 0,l=e?25:p(t,i),_=Math.max(3,Math.round(r*.1)),f=(r-_)/2,v=2*Math.PI*f;return s.jsxs("div",{className:o.cx(a.default.circle,e&&a.default["circle--indeterminate"],m),style:{width:r,height:r},"data-testid":h,children:[s.jsxs("svg",{className:a.default.circle__svg,width:r,height:r,viewBox:`0 0 ${r} ${r}`,role:"progressbar","aria-label":n,"aria-valuenow":e?void 0:Math.round(l),"aria-valuemin":e?void 0:0,"aria-valuemax":e?void 0:100,"aria-valuetext":e?void 0:c,children:[s.jsx("circle",{className:a.default.circle__track,cx:r/2,cy:r/2,r:f,fill:"none",strokeWidth:_}),s.jsx("circle",{className:o.cx(a.default.circle__fill,a.default[`circle__fill--${u}`]),cx:r/2,cy:r/2,r:f,fill:"none",strokeWidth:_,strokeDasharray:v,strokeDashoffset:v*(1-l/100)})]}),d&&!e&&s.jsx("span",{className:a.default.circle__label,"aria-hidden":!0,children:c??`%${Math.round(l)}`})]})},M=x.named(g.memo(j),"ProgressCircle");exports.ProgressCircle=M;exports.default=b;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["import { 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\n/** Yüzdeyi 0-100 aralığına kırpar; ölçek sıfır genişlikteyse 0 döner. */\nconst toPercent = (value: number, max: number): number => {\n  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) return 0;\n  return Math.min(100, Math.max(0, (value / max) * 100));\n};\n\ntype Props = {\n  /**\n   * Tamamlanan miktar. `undefined` → BELİRSİZ ilerleme (sonu bilinmiyor); çubuk kendi kendine akar.\n   */\n  value?: number;\n  /** Ölçeğin üst ucu. */\n  max?: number;\n  /** Çubuğun erişilebilir adı (\"Yükleme\", \"Ödeme adımı\"). */\n  label: string;\n  /** Ekran okuyucuya okunan METİN karşılığı (\"3 / 5 dosya\"). */\n  valueText?: string;\n  /** Yüzdeyi çubuğun yanında GÖRÜNÜR olarak yazar. */\n  isValueVisible?: boolean;\n  /**\n   * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil\n   * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı\n   * kırardı ve kazancı yalnızca isim olurdu.\n   */\n  tone?: 'brand' | 'success' | 'warning' | 'danger';\n  /** `xs` 2 px — satır içi gösterge (bağlam doluluğu); etiket yanında okunur. */\n  size?: 'xs' | 'sm' | 'md';\n  className?: string;\n  testId?: string;\n};\n\n/** İlerleme çubuğu — ölçülebilir bekleme. */\nconst Progress = ({\n  value,\n  max = 100,\n  label,\n  valueText,\n  isValueVisible,\n  tone = 'brand',\n  size = 'md',\n  className,\n  testId,\n}: Props) => {\n  const isIndeterminate = value === undefined;\n  const percent = isIndeterminate ? 0 : toPercent(value, max);\n\n  return (\n    <div className={cx(styles.progress, className)} data-testid={testId}>\n      <div\n        role=\"progressbar\"\n        aria-label={label}\n        /* BELIRSIZ kipte `aria-valuenow` YAZILMAZ. */\n        aria-valuenow={isIndeterminate ? undefined : Math.round(percent)}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuemax={isIndeterminate ? undefined : 100}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={cx(\n          styles.progress__track,\n          styles[`progress__track--${size}`],\n          isIndeterminate && styles['progress__track--indeterminate'],\n        )}\n      >\n        <span\n          className={cx(styles.progress__fill, styles[`progress__fill--${tone}`])}\n          style={isIndeterminate ? undefined : { inlineSize: `${percent}%` }}\n        />\n      </div>\n\n      {isValueVisible && !isIndeterminate && (\n        /*\n         * Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in degerinde ve iki kez\n         * duyurulmasi gurultu.\n         */\n        <span className={styles.progress__value} aria-hidden>\n          {valueText ?? `%${Math.round(percent)}`}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Progress, 'Progress')) as typeof Progress;\n\ntype CircleProps = {\n  /** Tamamlanan miktar. `undefined` → BELİRSİZ; çember döner. */\n  value?: number;\n  max?: number;\n  /** Erişilebilir ad. */\n  label: string;\n  valueText?: string;\n  /** Yüzdeyi çemberin ortasına yazar. */\n  isValueVisible?: boolean;\n  /**\n   * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil\n   * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı\n   * kırardı ve kazancı yalnızca isim olurdu.\n   */\n  tone?: 'brand' | 'success' | 'warning' | 'danger';\n  /** Dış çap (px). */\n  size?: number;\n  className?: string;\n  testId?: string;\n};\n\n/** Dairesel ilerleme. */\nconst ProgressCircleBase = ({\n  value,\n  max = 100,\n  label,\n  valueText,\n  isValueVisible,\n  tone = 'brand',\n  size = 44,\n  className,\n  testId,\n}: CircleProps) => {\n  const isIndeterminate = value === undefined;\n  const percent = isIndeterminate ? 25 : toPercent(value, max);\n\n  /*\n   * Cizgi kalinligi capin ~%10'u: sabit bir kalinlik kucuk cemberde kutuyu dolduruyor, buyugunde\n   * sac teline donuyordu.\n   */\n  const stroke = Math.max(3, Math.round(size * 0.1));\n  const radius = (size - stroke) / 2;\n  const circumference = 2 * Math.PI * radius;\n\n  return (\n    <div\n      className={cx(styles.circle, isIndeterminate && styles['circle--indeterminate'], className)}\n      style={{ width: size, height: size }}\n      data-testid={testId}\n    >\n      <svg\n        className={styles.circle__svg}\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuenow={isIndeterminate ? undefined : Math.round(percent)}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuemax={isIndeterminate ? undefined : 100}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n      >\n        <circle\n          className={styles.circle__track}\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n        />\n        <circle\n          className={cx(styles.circle__fill, styles[`circle__fill--${tone}`])}\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - percent / 100)}\n        />\n      </svg>\n\n      {isValueVisible && !isIndeterminate && (\n        <span className={styles.circle__label} aria-hidden>\n          {valueText ?? `%${Math.round(percent)}`}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const ProgressCircle = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(ProgressCircleBase),\n  'ProgressCircle',\n);\n"],"names":["toPercent","value","max","Progress","label","valueText","isValueVisible","tone","size","className","testId","isIndeterminate","percent","jsxs","cx","styles","jsx","memo","named","ProgressCircleBase","stroke","radius","circumference","ProgressCircle"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+type Props = {
+    /**
+     * Tamamlanan miktar. `undefined` → BELİRSİZ ilerleme (sonu bilinmiyor); çubuk kendi kendine akar.
+     */
+    value?: number;
+    /** Ölçeğin üst ucu. */
+    max?: number;
+    /** Çubuğun erişilebilir adı ("Yükleme", "Ödeme adımı"). */
+    label: string;
+    /** Ekran okuyucuya okunan METİN karşılığı ("3 / 5 dosya"). */
+    valueText?: string;
+    /** Yüzdeyi çubuğun yanında GÖRÜNÜR olarak yazar. */
+    isValueVisible?: boolean;
+    /**
+     * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil
+     * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı
+     * kırardı ve kazancı yalnızca isim olurdu.
+     */
+    tone?: 'brand' | 'success' | 'warning' | 'danger';
+    /** `xs` 2 px — satır içi gösterge (bağlam doluluğu); etiket yanında okunur. */
+    size?: 'xs' | 'sm' | 'md';
+    className?: string;
+    testId?: string;
+};
+/** İlerleme çubuğu — ölçülebilir bekleme. */
+declare const Progress: ({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof Progress;
+export default _default;
+type CircleProps = {
+    /** Tamamlanan miktar. `undefined` → BELİRSİZ; çember döner. */
+    value?: number;
+    max?: number;
+    /** Erişilebilir ad. */
+    label: string;
+    valueText?: string;
+    /** Yüzdeyi çemberin ortasına yazar. */
+    isValueVisible?: boolean;
+    /**
+     * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil
+     * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı
+     * kırardı ve kazancı yalnızca isim olurdu.
+     */
+    tone?: 'brand' | 'success' | 'warning' | 'danger';
+    /** Dış çap (px). */
+    size?: number;
+    className?: string;
+    testId?: string;
+};
+export declare const ProgressCircle: import('react').MemoExoticComponent<({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: CircleProps) => import("react").JSX.Element>;

package/build/components/Progress/index.js

@@ -0,0 +1,120 @@
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { cx as n } from "../../helpers/class-name.helper.js";
+import { named as N } from "../../helpers/component.helper.js";
+const a = {"progress":"ui-progress-99MrX","progress__track":"ui-progress__track-Qbp9t","progress__track--xs":"ui-progress__track--xs-CgHUU","progress__track--sm":"ui-progress__track--sm-dbHZq","progress__track--md":"ui-progress__track--md-v1GdW","progress__track--indeterminate":"ui-progress__track--indeterminate-8fMxl","progress__fill":"ui-progress__fill-Bam55","progress__fill--success":"ui-progress__fill--success-IFuI5","progress__fill--warning":"ui-progress__fill--warning-wIhgi","progress__fill--danger":"ui-progress__fill--danger-cuqj0","progress__value":"ui-progress__value-3FYxj","circle":"ui-circle-9cn2w","circle__svg":"ui-circle__svg-0IwkR","circle__track":"ui-circle__track-zY2qc","circle__fill":"ui-circle__fill-Jbde6","circle__fill--success":"ui-circle__fill--success-HTr0m","circle__fill--warning":"ui-circle__fill--warning-Fkgj2","circle__fill--danger":"ui-circle__fill--danger-4E3Z8","circle--indeterminate":"ui-circle--indeterminate-cITY6","circle__label":"ui-circle__label-A3nJB"};
+const b = (i, s) => !Number.isFinite(i) || !Number.isFinite(s) || s <= 0 ? 0 : Math.min(100, Math.max(0, i / s * 100)), k = ({
+  value: i,
+  max: s = 100,
+  label: l,
+  valueText: c,
+  isValueVisible: d,
+  tone: m = "brand",
+  size: e = "md",
+  className: h,
+  testId: _
+}) => {
+  const r = i === void 0, t = r ? 0 : b(i, s);
+  return /* @__PURE__ */ u("div", { className: n(a.progress, h), "data-testid": _, children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        role: "progressbar",
+        "aria-label": l,
+        "aria-valuenow": r ? void 0 : Math.round(t),
+        "aria-valuemin": r ? void 0 : 0,
+        "aria-valuemax": r ? void 0 : 100,
+        "aria-valuetext": r ? void 0 : c,
+        className: n(
+          a.progress__track,
+          a[`progress__track--${e}`],
+          r && a["progress__track--indeterminate"]
+        ),
+        children: /* @__PURE__ */ o(
+          "span",
+          {
+            className: n(a.progress__fill, a[`progress__fill--${m}`]),
+            style: r ? void 0 : { inlineSize: `${t}%` }
+          }
+        )
+      }
+    ),
+    d && !r && /*
+    * Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in degerinde ve iki kez
+    * duyurulmasi gurultu.
+    */
+    /* @__PURE__ */ o("span", { className: a.progress__value, "aria-hidden": !0, children: c ?? `%${Math.round(t)}` })
+  ] });
+}, C = /* @__PURE__ */ f(/* @__PURE__ */ N(k, "Progress")), x = ({
+  value: i,
+  max: s = 100,
+  label: l,
+  valueText: c,
+  isValueVisible: d,
+  tone: m = "brand",
+  size: e = 44,
+  className: h,
+  testId: _
+}) => {
+  const r = i === void 0, t = r ? 25 : b(i, s), v = Math.max(3, Math.round(e * 0.1)), p = (e - v) / 2, g = 2 * Math.PI * p;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: n(a.circle, r && a["circle--indeterminate"], h),
+      style: { width: e, height: e },
+      "data-testid": _,
+      children: [
+        /* @__PURE__ */ u(
+          "svg",
+          {
+            className: a.circle__svg,
+            width: e,
+            height: e,
+            viewBox: `0 0 ${e} ${e}`,
+            role: "progressbar",
+            "aria-label": l,
+            "aria-valuenow": r ? void 0 : Math.round(t),
+            "aria-valuemin": r ? void 0 : 0,
+            "aria-valuemax": r ? void 0 : 100,
+            "aria-valuetext": r ? void 0 : c,
+            children: [
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  className: a.circle__track,
+                  cx: e / 2,
+                  cy: e / 2,
+                  r: p,
+                  fill: "none",
+                  strokeWidth: v
+                }
+              ),
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  className: n(a.circle__fill, a[`circle__fill--${m}`]),
+                  cx: e / 2,
+                  cy: e / 2,
+                  r: p,
+                  fill: "none",
+                  strokeWidth: v,
+                  strokeDasharray: g,
+                  strokeDashoffset: g * (1 - t / 100)
+                }
+              )
+            ]
+          }
+        ),
+        d && !r && /* @__PURE__ */ o("span", { className: a.circle__label, "aria-hidden": !0, children: c ?? `%${Math.round(t)}` })
+      ]
+    }
+  );
+}, I = /* @__PURE__ */ N(
+  /* @__PURE__ */ f(x),
+  "ProgressCircle"
+);
+export {
+  I as ProgressCircle,
+  C as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Progress/index.tsx"],"sourcesContent":["import { 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\n/** Yüzdeyi 0-100 aralığına kırpar; ölçek sıfır genişlikteyse 0 döner. */\nconst toPercent = (value: number, max: number): number => {\n  if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) return 0;\n  return Math.min(100, Math.max(0, (value / max) * 100));\n};\n\ntype Props = {\n  /**\n   * Tamamlanan miktar. `undefined` → BELİRSİZ ilerleme (sonu bilinmiyor); çubuk kendi kendine akar.\n   */\n  value?: number;\n  /** Ölçeğin üst ucu. */\n  max?: number;\n  /** Çubuğun erişilebilir adı (\"Yükleme\", \"Ödeme adımı\"). */\n  label: string;\n  /** Ekran okuyucuya okunan METİN karşılığı (\"3 / 5 dosya\"). */\n  valueText?: string;\n  /** Yüzdeyi çubuğun yanında GÖRÜNÜR olarak yazar. */\n  isValueVisible?: boolean;\n  /**\n   * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil\n   * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı\n   * kırardı ve kazancı yalnızca isim olurdu.\n   */\n  tone?: 'brand' | 'success' | 'warning' | 'danger';\n  /** `xs` 2 px — satır içi gösterge (bağlam doluluğu); etiket yanında okunur. */\n  size?: 'xs' | 'sm' | 'md';\n  className?: string;\n  testId?: string;\n};\n\n/** İlerleme çubuğu — ölçülebilir bekleme. */\nconst Progress = ({\n  value,\n  max = 100,\n  label,\n  valueText,\n  isValueVisible,\n  tone = 'brand',\n  size = 'md',\n  className,\n  testId,\n}: Props) => {\n  const isIndeterminate = value === undefined;\n  const percent = isIndeterminate ? 0 : toPercent(value, max);\n\n  return (\n    <div className={cx(styles.progress, className)} data-testid={testId}>\n      <div\n        role=\"progressbar\"\n        aria-label={label}\n        /* BELIRSIZ kipte `aria-valuenow` YAZILMAZ. */\n        aria-valuenow={isIndeterminate ? undefined : Math.round(percent)}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuemax={isIndeterminate ? undefined : 100}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n        className={cx(\n          styles.progress__track,\n          styles[`progress__track--${size}`],\n          isIndeterminate && styles['progress__track--indeterminate'],\n        )}\n      >\n        <span\n          className={cx(styles.progress__fill, styles[`progress__fill--${tone}`])}\n          style={isIndeterminate ? undefined : { inlineSize: `${percent}%` }}\n        />\n      </div>\n\n      {isValueVisible && !isIndeterminate && (\n        /*\n         * Gorsel yuzde `aria-hidden`: ayni bilgi zaten `progressbar`in degerinde ve iki kez\n         * duyurulmasi gurultu.\n         */\n        <span className={styles.progress__value} aria-hidden>\n          {valueText ?? `%${Math.round(percent)}`}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Progress, 'Progress')) as typeof Progress;\n\ntype CircleProps = {\n  /** Tamamlanan miktar. `undefined` → BELİRSİZ; çember döner. */\n  value?: number;\n  max?: number;\n  /** Erişilebilir ad. */\n  label: string;\n  valueText?: string;\n  /** Yüzdeyi çemberin ortasına yazar. */\n  isValueVisible?: boolean;\n  /**\n   * ⚠ `brand` 5.0'dan beri MÜREKKEP çizer (`selected` — ilerleme bir seçim göstergesi), yeşil\n   * DEĞİL: yeşil yalnızca eylem, bağlantı ve odakta. Ad 4.x'ten kaldı; değiştirmek her çağrıyı\n   * kırardı ve kazancı yalnızca isim olurdu.\n   */\n  tone?: 'brand' | 'success' | 'warning' | 'danger';\n  /** Dış çap (px). */\n  size?: number;\n  className?: string;\n  testId?: string;\n};\n\n/** Dairesel ilerleme. */\nconst ProgressCircleBase = ({\n  value,\n  max = 100,\n  label,\n  valueText,\n  isValueVisible,\n  tone = 'brand',\n  size = 44,\n  className,\n  testId,\n}: CircleProps) => {\n  const isIndeterminate = value === undefined;\n  const percent = isIndeterminate ? 25 : toPercent(value, max);\n\n  /*\n   * Cizgi kalinligi capin ~%10'u: sabit bir kalinlik kucuk cemberde kutuyu dolduruyor, buyugunde\n   * sac teline donuyordu.\n   */\n  const stroke = Math.max(3, Math.round(size * 0.1));\n  const radius = (size - stroke) / 2;\n  const circumference = 2 * Math.PI * radius;\n\n  return (\n    <div\n      className={cx(styles.circle, isIndeterminate && styles['circle--indeterminate'], className)}\n      style={{ width: size, height: size }}\n      data-testid={testId}\n    >\n      <svg\n        className={styles.circle__svg}\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        role=\"progressbar\"\n        aria-label={label}\n        aria-valuenow={isIndeterminate ? undefined : Math.round(percent)}\n        aria-valuemin={isIndeterminate ? undefined : 0}\n        aria-valuemax={isIndeterminate ? undefined : 100}\n        aria-valuetext={isIndeterminate ? undefined : valueText}\n      >\n        <circle\n          className={styles.circle__track}\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n        />\n        <circle\n          className={cx(styles.circle__fill, styles[`circle__fill--${tone}`])}\n          cx={size / 2}\n          cy={size / 2}\n          r={radius}\n          fill=\"none\"\n          strokeWidth={stroke}\n          strokeDasharray={circumference}\n          strokeDashoffset={circumference * (1 - percent / 100)}\n        />\n      </svg>\n\n      {isValueVisible && !isIndeterminate && (\n        <span className={styles.circle__label} aria-hidden>\n          {valueText ?? `%${Math.round(percent)}`}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport const ProgressCircle = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(ProgressCircleBase),\n  'ProgressCircle',\n);\n"],"names":["toPercent","value","max","Progress","label","valueText","isValueVisible","tone","size","className","testId","isIndeterminate","percent","jsxs","cx","styles","jsx","Progress$1","memo","named","ProgressCircleBase","stroke","radius","circumference","ProgressCircle"],"mappings":"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"}

package/build/components/Progress/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-progress-99MrX{display:flex;align-items:center;gap:var(--hd-space-3);width:100%}.ui-progress__track-Qbp9t{position:relative;flex:1;min-width:0;border-radius:var(--hd-radius-pill);background-color:var(--hd-border);overflow:hidden}.ui-progress__track--xs-CgHUU{height:2px}.ui-progress__track--sm-dbHZq{height:4px}.ui-progress__track--md-v1GdW{height:8px}.ui-progress__track--indeterminate-8fMxl .ui-progress__fill-Bam55{inline-size:40%;animation:var(--ui-anim-progress-slide) 1.4s var(--hd-ease-standard) infinite}@media (prefers-reduced-motion: reduce){.ui-progress__track--indeterminate-8fMxl .ui-progress__fill-Bam55{animation:none;inline-size:50%}}.ui-progress__fill-Bam55{display:block;height:100%;border-radius:var(--hd-radius-pill);background-color:var(--hd-primary);transition:inline-size var(--hd-duration-base) var(--hd-ease-standard)}.ui-progress__fill--success-IFuI5{background-color:var(--hd-success-solid)}.ui-progress__fill--warning-wIhgi{background-color:var(--hd-warning-solid)}.ui-progress__fill--danger-cuqj0{background-color:var(--hd-danger-solid)}@media (prefers-reduced-motion: reduce){.ui-progress__fill-Bam55{transition:none}}@media (forced-colors: active){.ui-progress__fill-Bam55{background-color:Highlight;forced-color-adjust:none}}.ui-progress__value-3FYxj{font-family:var(--hd-font-mono);font-size:var(--hd-type-caption-size);letter-spacing:.02em;flex-shrink:0;color:var(--hd-text-2);font-variant-numeric:tabular-nums}.ui-circle-9cn2w{display:inline-flex;position:relative;flex-shrink:0}.ui-circle__svg-0IwkR{rotate:-90deg}.ui-circle__track-zY2qc{stroke:var(--hd-border)}.ui-circle__fill-Jbde6{stroke:var(--hd-primary);stroke-linecap:round;transition:stroke-dashoffset var(--hd-duration-base) var(--hd-ease-standard)}.ui-circle__fill--success-HTr0m{stroke:var(--hd-success-solid)}.ui-circle__fill--warning-Fkgj2{stroke:var(--hd-warning-solid)}.ui-circle__fill--danger-4E3Z8{stroke:var(--hd-danger-solid)}@media (prefers-reduced-motion: reduce){.ui-circle__fill-Jbde6{transition:none}}@media (forced-colors: active){.ui-circle__fill-Jbde6{stroke:Highlight;forced-color-adjust:none}}.ui-circle--indeterminate-cITY6 .ui-circle__svg-0IwkR{animation:var(--ui-anim-spin) .7s linear infinite}@media (prefers-reduced-motion: reduce){.ui-circle--indeterminate-cITY6 .ui-circle__svg-0IwkR{animation:none}}.ui-circle__label-A3nJB{font-family:var(--hd-font-mono);font-size:var(--hd-type-caption-size);letter-spacing:.02em;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--hd-text);font-variant-numeric:tabular-nums}}

package/build/components/PromptDialog/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),r=require("react"),h=require("../../helpers/label.helper.cjs"),p=require("../../theme/context.cjs"),D=require("../../enums/ui-size.enum.cjs"),S=require("../../enums/ui-variant.enum.cjs"),y=require("../Button/index.cjs"),w=require("../Field/index.cjs"),A=require("../Input/index.cjs"),N=require("../Modal/index.cjs"),Y=require("../Textarea/index.cjs"),k={default:{"form":"ui-form-zpZn4"}},F=({isOpen:s,onClose:u,onSubmit:I,title:M,label:_,submitLabel:L,cancelLabel:P,closeLabel:R,description:$,hint:z,placeholder:d,defaultValue:a="",isRequired:m,requiredLabel:E,inputMode:f="text",maxLength:x,rows:B=4})=>{const{labels:e}=p.useUi(),b=r.useId(),[o,c]=r.useState(a),[i,q]=r.useState(!1),g=r.useRef(!1);r.useEffect(()=>{s&&!g.current&&c(a),g.current=s},[s,a]);const j=o.trim(),v=!!m&&j==="",C=n=>f==="multiline"?t.jsx(Y.default,{...n,value:o,onChange:l=>c(l.target.value),placeholder:d,maxLength:x,rows:B}):t.jsx(A.default,{...n,type:f==="number"?"number":"text",value:o,onChange:l=>c(l.target.value),placeholder:d,maxLength:x}),U=async()=>{if(!(v||i)){q(!0);try{await I(j),u()}catch{}finally{q(!1)}}};return t.jsx(N.default,{isOpen:s,onClose:u,title:M,closeLabel:R??(e==null?void 0:e.close),description:$,size:"sm",isDismissable:!i,footer:t.jsxs(t.Fragment,{children:[t.jsx(y.default,{variant:S.default.SECONDARY,size:D.default.MEDIUM,onClick:u,disabled:i,children:h.resolveLabel("PromptDialog.cancelLabel",P,e==null?void 0:e.cancel)}),t.jsx(y.default,{type:"submit",form:b,variant:S.default.PRIMARY,size:D.default.MEDIUM,disabled:v,isLoading:i,children:h.resolveLabel("PromptDialog.submitLabel",L,e==null?void 0:e.submit)})]}),children:t.jsx("form",{id:b,className:k.default.form,onSubmit:n=>{n.preventDefault(),U()},children:t.jsx(w.default,{label:_,hint:z,isRequired:m,requiredLabel:E,children:C})})})},T=r.memo(F);exports.default=T;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/PromptDialog/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useEffect, useId, useRef, useState } from 'react';\n\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport Button from '../Button';\nimport Field, { type FieldChildProps } from '../Field';\nimport Input from '../Input';\nimport Modal from '../Modal';\nimport Textarea from '../Textarea';\n\nimport styles from './index.module.scss';\n\ntype BaseProps = {\n  isOpen: boolean;\n  /** Vazgeçme ve perde/Escape kapanışı. */\n  onClose: () => void;\n  /** Girilen değerle çalışır (değer kırpılmış gönderilir). */\n  onSubmit: (value: string) => void | Promise<void>;\n  title: string;\n  /** Girdi alanının etiketi. */\n  label: string;\n  /** Verilmezse `labels.submit`. */\n  submitLabel?: string;\n  /** Verilmezse `labels.cancel`. */\n  cancelLabel?: string;\n  /** Kapatma düğmesinin erişilebilir adı. */\n  closeLabel?: string;\n  /** Başlığın altındaki bir cümlelik bağlam. */\n  description?: ReactNode;\n  hint?: string;\n  placeholder?: string;\n  defaultValue?: string;\n  /** `text` tek satır, `multiline` gerekçe gibi uzun metin, `number` adet/fark gibi sayılar. */\n  inputMode?: 'text' | 'multiline' | 'number';\n  maxLength?: number;\n  rows?: number;\n};\n\ntype Props = BaseProps & {\n  /** Boş (yalnızca boşluk dahil) değer gönderilemez. */\n  isRequired?: boolean;\n  /** Zorunluluk yıldızının ekran okuyucu karşılığı (\"(zorunlu)\"). */\n  requiredLabel?: string;\n};\n\n/** Metin isteyen pencere — `window.prompt()` yerine. */\nconst PromptDialog: FC<Props> = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  title,\n  label,\n  submitLabel,\n  cancelLabel,\n  closeLabel,\n  description,\n  hint,\n  placeholder,\n  defaultValue = '',\n  isRequired,\n  requiredLabel,\n  inputMode = 'text',\n  maxLength,\n  rows = 4,\n}) => {\n  const { labels } = useUi();\n  const formId = useId();\n  const [value, setValue] = useState(defaultValue);\n  const [isBusy, setIsBusy] = useState(false);\n\n  /*\n   * Deger yalnizca ACILIS kenarinda tazelenir. `isOpen`'a bagli duz bir etki, pencere acikken gelen\n   * her ust render'da yazilani ezebilirdi\n   */\n  const wasOpenRef = useRef(false);\n  useEffect(() => {\n    if (isOpen && !wasOpenRef.current) setValue(defaultValue);\n    wasOpenRef.current = isOpen;\n  }, [isOpen, defaultValue]);\n\n  const trimmed = value.trim();\n  const isSubmitDisabled = Boolean(isRequired) && trimmed === '';\n\n  /** Girdi, `Field`in urettigi erisilebilirlik baglariyla cizilir. */\n  const renderControl = (props: FieldChildProps) =>\n    inputMode === 'multiline' ? (\n      <Textarea\n        {...props}\n        value={value}\n        onChange={event => setValue(event.target.value)}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        rows={rows}\n      />\n    ) : (\n      <Input\n        {...props}\n        type={inputMode === 'number' ? 'number' : 'text'}\n        value={value}\n        onChange={event => setValue(event.target.value)}\n        placeholder={placeholder}\n        maxLength={maxLength}\n      />\n    );\n\n  const handleSubmit = async () => {\n    if (isSubmitDisabled || isBusy) return;\n\n    setIsBusy(true);\n    try {\n      await onSubmit(trimmed);\n      // Yalnizca basarida: hata durumunda pencere acik, metin yerinde kalir.\n      onClose();\n    } catch {\n      // Bildirim cagiranin isi; burada yalnizca pencere acik tutulur.\n    } finally {\n      setIsBusy(false);\n    }\n  };\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      closeLabel={closeLabel ?? labels?.close}\n      description={description}\n      size=\"sm\"\n      // Istek surerken kapanmaz: kapanis \"islem iptal oldu\" gibi gorunuyordu.\n      isDismissable={!isBusy}\n      footer={\n        <>\n          <Button\n            variant={UIVariant.SECONDARY}\n            size={UISize.MEDIUM}\n            onClick={onClose}\n            disabled={isBusy}\n          >\n            {resolveLabel('PromptDialog.cancelLabel', cancelLabel, labels?.cancel)}\n          </Button>\n          <Button\n            type=\"submit\"\n            form={formId}\n            variant={UIVariant.PRIMARY}\n            size={UISize.MEDIUM}\n            disabled={isSubmitDisabled}\n            isLoading={isBusy}\n          >\n            {resolveLabel('PromptDialog.submitLabel', submitLabel, labels?.submit)}\n          </Button>\n        </>\n      }\n    >\n      <form\n        id={formId}\n        className={styles.form}\n        onSubmit={event => {\n          event.preventDefault();\n          handleSubmit();\n        }}\n      >\n        <Field label={label} hint={hint} isRequired={isRequired} requiredLabel={requiredLabel}>\n          {renderControl}\n        </Field>\n      </form>\n    </Modal>\n  );\n};\n\nexport default /*#__PURE__*/ memo(PromptDialog) as typeof PromptDialog;\n"],"names":["PromptDialog","isOpen","onClose","onSubmit","title","label","submitLabel","cancelLabel","closeLabel","description","hint","placeholder","defaultValue","isRequired","requiredLabel","inputMode","maxLength","rows","labels","useUi","formId","useId","value","setValue","useState","isBusy","setIsBusy","wasOpenRef","useRef","useEffect","trimmed","isSubmitDisabled","renderControl","props","jsx","Textarea","event","Input","handleSubmit","Modal","jsxs","Fragment","Button","UIVariant","UISize","resolveLabel","styles","Field","index"],"mappings":"kiBAiDMA,EAA0B,CAAC,CAC/B,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,MAAAC,EACA,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,WAAAC,EACA,YAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,GACf,WAAAC,EACA,cAAAC,EACA,UAAAC,EAAY,OACZ,UAAAC,EACA,KAAAC,EAAO,CACT,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACbC,EAASC,EAAAA,MAAA,EACT,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAASZ,CAAY,EACzC,CAACa,EAAQC,CAAS,EAAIF,EAAAA,SAAS,EAAK,EAMpCG,EAAaC,EAAAA,OAAO,EAAK,EAC/BC,EAAAA,UAAU,IAAM,CACV5B,GAAU,CAAC0B,EAAW,WAAkBf,CAAY,EACxDe,EAAW,QAAU1B,CACvB,EAAG,CAACA,EAAQW,CAAY,CAAC,EAEzB,MAAMkB,EAAUR,EAAM,KAAA,EAChBS,EAAmB,EAAQlB,GAAeiB,IAAY,GAGtDE,EAAiBC,GACrBlB,IAAc,YACZmB,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGF,EACJ,MAAAX,EACA,SAAUc,GAASb,EAASa,EAAM,OAAO,KAAK,EAC9C,YAAAzB,EACA,UAAAK,EACA,KAAAC,CAAA,CAAA,EAGFiB,EAAAA,IAACG,EAAAA,QAAA,CACE,GAAGJ,EACJ,KAAMlB,IAAc,SAAW,SAAW,OAC1C,MAAAO,EACA,SAAUc,GAASb,EAASa,EAAM,OAAO,KAAK,EAC9C,YAAAzB,EACA,UAAAK,CAAA,CAAA,EAIAsB,EAAe,SAAY,CAC/B,GAAI,EAAAP,GAAoBN,GAExB,CAAAC,EAAU,EAAI,EACd,GAAI,CACF,MAAMvB,EAAS2B,CAAO,EAEtB5B,EAAA,CACF,MAAQ,CAER,QAAA,CACEwB,EAAU,EAAK,CACjB,EACF,EAEA,OACEQ,EAAAA,IAACK,EAAAA,QAAA,CACC,OAAAtC,EACA,QAAAC,EACA,MAAAE,EACA,WAAYI,IAAcU,GAAA,YAAAA,EAAQ,OAClC,YAAAT,EACA,KAAK,KAEL,cAAe,CAACgB,EAChB,OACEe,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAP,EAAAA,IAACQ,EAAAA,QAAA,CACC,QAASC,EAAAA,QAAU,UACnB,KAAMC,EAAAA,QAAO,OACb,QAAS1C,EACT,SAAUuB,EAET,SAAAoB,EAAAA,aAAa,2BAA4BtC,EAAaW,GAAA,YAAAA,EAAQ,MAAM,CAAA,CAAA,EAEvEgB,EAAAA,IAACQ,EAAAA,QAAA,CACC,KAAK,SACL,KAAMtB,EACN,QAASuB,EAAAA,QAAU,QACnB,KAAMC,EAAAA,QAAO,OACb,SAAUb,EACV,UAAWN,EAEV,SAAAoB,EAAAA,aAAa,2BAA4BvC,EAAaY,GAAA,YAAAA,EAAQ,MAAM,CAAA,CAAA,CACvE,EACF,EAGF,SAAAgB,EAAAA,IAAC,OAAA,CACC,GAAId,EACJ,UAAW0B,EAAAA,QAAO,KAClB,SAAUV,GAAS,CACjBA,EAAM,eAAA,EACNE,EAAA,CACF,EAEA,eAACS,EAAAA,QAAA,CAAM,MAAA1C,EAAc,KAAAK,EAAY,WAAAG,EAAwB,cAAAC,EACtD,SAAAkB,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAGN,EAEAgB,SAAkChD,CAAY"}

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

@@ -0,0 +1,36 @@
+import { FC, ReactNode } from 'react';
+type BaseProps = {
+    isOpen: boolean;
+    /** Vazgeçme ve perde/Escape kapanışı. */
+    onClose: () => void;
+    /** Girilen değerle çalışır (değer kırpılmış gönderilir). */
+    onSubmit: (value: string) => void | Promise<void>;
+    title: string;
+    /** Girdi alanının etiketi. */
+    label: string;
+    /** Verilmezse `labels.submit`. */
+    submitLabel?: string;
+    /** Verilmezse `labels.cancel`. */
+    cancelLabel?: string;
+    /** Kapatma düğmesinin erişilebilir adı. */
+    closeLabel?: string;
+    /** Başlığın altındaki bir cümlelik bağlam. */
+    description?: ReactNode;
+    hint?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    /** `text` tek satır, `multiline` gerekçe gibi uzun metin, `number` adet/fark gibi sayılar. */
+    inputMode?: 'text' | 'multiline' | 'number';
+    maxLength?: number;
+    rows?: number;
+};
+type Props = BaseProps & {
+    /** Boş (yalnızca boşluk dahil) değer gönderilemez. */
+    isRequired?: boolean;
+    /** Zorunluluk yıldızının ekran okuyucu karşılığı ("(zorunlu)"). */
+    requiredLabel?: string;
+};
+/** Metin isteyen pencere — `window.prompt()` yerine. */
+declare const PromptDialog: FC<Props>;
+declare const _default: typeof PromptDialog;
+export default _default;