@handijit/ui 0.0.0-stage → 2.0.0

package/build/components/Disclosure/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-disclosure-8-hqp{min-height:min-content}.ui-disclosure--framed-9MEX3{border:1px solid var(--hd-border);border-radius:var(--hd-radius-md);background-color:var(--hd-bg-surface);overflow:hidden}.ui-disclosure--disabled-PuIjA .ui-disclosure__summary-jIf2Z{cursor:not-allowed}.ui-disclosure--disabled-PuIjA .ui-disclosure__title-ybejN,.ui-disclosure--disabled-PuIjA .ui-disclosure__meta-pnUle,.ui-disclosure--disabled-PuIjA .ui-disclosure__marker-8ZZ93{color:var(--hd-text-3)}@media (forced-colors: active){.ui-disclosure--disabled-PuIjA .ui-disclosure__title-ybejN,.ui-disclosure--disabled-PuIjA .ui-disclosure__meta-pnUle,.ui-disclosure--disabled-PuIjA .ui-disclosure__marker-8ZZ93{color:GrayText}}.ui-disclosure__summary-jIf2Z{display:flex;align-items:center;gap:var(--hd-space-3);border:var(--hd-space-1) solid transparent;border-radius:calc(var(--hd-radius-md) - 1px);background-clip:padding-box;padding:calc(var(--hd-space-4) - var(--hd-space-1));cursor:pointer;list-style:none;font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text);background-color:transparent;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),translate var(--hd-duration-fast) var(--hd-ease-standard)}.ui-disclosure__summary-jIf2Z:hover:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--hd-text) 8%,transparent)}.ui-disclosure__summary-jIf2Z:active:not(:disabled):not([aria-disabled=true]){background-color:color-mix(in srgb,var(--hd-text) 14%,transparent);translate:0 1px}@media (prefers-reduced-motion: reduce){.ui-disclosure__summary-jIf2Z{transition:none}.ui-disclosure__summary-jIf2Z:active:not(:disabled):not([aria-disabled=true]){translate:none}}.ui-disclosure__summary-jIf2Z::-webkit-details-marker{display:none}.ui-disclosure__summary-jIf2Z:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}@media (prefers-reduced-motion: reduce){.ui-disclosure__summary-jIf2Z{transition:none}}[dir=rtl] .ui-disclosure__marker-8ZZ93{transform:scaleX(-1)}.ui-disclosure__marker-8ZZ93{flex-shrink:0;font-size:14px;color:var(--hd-text-2);transition:rotate var(--hd-duration-fast) var(--hd-ease-standard)}[open]>.ui-disclosure__summary-jIf2Z>.ui-disclosure__marker-8ZZ93{rotate:90deg}@media (prefers-reduced-motion: reduce){.ui-disclosure__marker-8ZZ93{transition:none}}[dir=rtl] [open]>.ui-disclosure__summary-jIf2Z>.ui-disclosure__marker-8ZZ93{rotate:-90deg}.ui-disclosure__title-ybejN{flex:1;min-width:0}.ui-disclosure__meta-pnUle{flex-shrink:0;font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-regular);color:var(--hd-text-2)}.ui-disclosure__panel-lQjb8{interpolate-size:allow-keywords;height:0;overflow:hidden;transition:height var(--hd-duration-base) var(--hd-ease-standard)}[open]>.ui-disclosure__panel-lQjb8{height:auto}@media (prefers-reduced-motion: reduce){.ui-disclosure__panel-lQjb8{transition:none}}.ui-disclosure__content-x33OL{padding:0 var(--hd-space-4) var(--hd-space-4);font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2)}}

package/build/components/Divider/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("react"),s=require("../../helpers/class-name.helper.cjs"),e={default:{"divider":"ui-divider-RJqCw","divider--labelled":"ui-divider--labelled-jZH1-","divider__label":"ui-divider__label-M8sBA"}},l=({label:r,className:d})=>r?i.jsx("div",{role:"separator","aria-label":r,className:s.cx(e.default.divider,e.default["divider--labelled"],d),children:i.jsx("span",{className:e.default.divider__label,children:r})}):i.jsx("hr",{className:s.cx(e.default.divider,d)}),t=a.memo(l);exports.default=t;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Divider/index.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** Ortada gösterilen metin (\"veya\"). */\n  label?: string;\n  className?: string;\n};\n\n/** Ayırıcı çizgi. */\nconst Divider: FC<Props> = ({ label, className }) =>\n  label ? (\n    /*\n     * ⚠ `role=\"separator\"` ZORUNLU.\n     * ⚠ `aria-orientation` YAZILMAZ: `separator`ın varsayılanı zaten `horizontal` ve bileşen dikey\n     * bir varyant sunmuyor.\n     */\n    <div\n      role=\"separator\"\n      aria-label={label}\n      className={cx(styles.divider, styles['divider--labelled'], className)}\n    >\n      <span className={styles.divider__label}>{label}</span>\n    </div>\n  ) : (\n    <hr className={cx(styles.divider, className)} />\n  );\n\nexport default /*#__PURE__*/ memo(Divider) as typeof Divider;\n"],"names":["Divider","label","className","jsx","cx","styles","index"],"mappings":"0PAaMA,EAAqB,CAAC,CAAE,MAAAC,EAAO,UAAAC,KACnCD,EAMEE,EAAAA,IAAC,MAAA,CACC,KAAK,YACL,aAAYF,EACZ,UAAWG,EAAAA,GAAGC,UAAO,QAASA,EAAAA,QAAO,mBAAmB,EAAGH,CAAS,EAEpE,SAAAC,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,eAAiB,SAAAJ,CAAA,CAAM,CAAA,CAAA,QAGhD,KAAA,CAAG,UAAWG,EAAAA,GAAGC,EAAAA,QAAO,QAASH,CAAS,EAAG,EAGlDI,SAAkCN,CAAO"}

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+type Props = {
+    /** Ortada gösterilen metin ("veya"). */
+    label?: string;
+    className?: string;
+};
+/** Ayırıcı çizgi. */
+declare const Divider: FC<Props>;
+declare const _default: typeof Divider;
+export default _default;

package/build/components/Divider/index.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as a } from "react";
+import { cx as o } from "../../helpers/class-name.helper.js";
+const r = {"divider":"ui-divider-RJqCw","divider--labelled":"ui-divider--labelled-jZH1-","divider__label":"ui-divider__label-M8sBA"};
+const m = ({ label: i, className: d }) => i ? (
+  /*
+   * ⚠ `role="separator"` ZORUNLU.
+   * ⚠ `aria-orientation` YAZILMAZ: `separator`ın varsayılanı zaten `horizontal` ve bileşen dikey
+   * bir varyant sunmuyor.
+   */
+  /* @__PURE__ */ e(
+    "div",
+    {
+      role: "separator",
+      "aria-label": i,
+      className: o(r.divider, r["divider--labelled"], d),
+      children: /* @__PURE__ */ e("span", { className: r.divider__label, children: i })
+    }
+  )
+) : /* @__PURE__ */ e("hr", { className: o(r.divider, d) }), p = /* @__PURE__ */ a(m);
+export {
+  p as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Divider/index.tsx"],"sourcesContent":["import { type FC, memo } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  /** Ortada gösterilen metin (\"veya\"). */\n  label?: string;\n  className?: string;\n};\n\n/** Ayırıcı çizgi. */\nconst Divider: FC<Props> = ({ label, className }) =>\n  label ? (\n    /*\n     * ⚠ `role=\"separator\"` ZORUNLU.\n     * ⚠ `aria-orientation` YAZILMAZ: `separator`ın varsayılanı zaten `horizontal` ve bileşen dikey\n     * bir varyant sunmuyor.\n     */\n    <div\n      role=\"separator\"\n      aria-label={label}\n      className={cx(styles.divider, styles['divider--labelled'], className)}\n    >\n      <span className={styles.divider__label}>{label}</span>\n    </div>\n  ) : (\n    <hr className={cx(styles.divider, className)} />\n  );\n\nexport default /*#__PURE__*/ memo(Divider) as typeof Divider;\n"],"names":["Divider","label","className","jsx","cx","styles","index"],"mappings":";;;;AAaA,MAAMA,IAAqB,CAAC,EAAE,OAAAC,GAAO,WAAAC,QACnCD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAME,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYF;AAAA,MACZ,WAAWG,EAAGC,EAAO,SAASA,EAAO,mBAAmB,GAAGH,CAAS;AAAA,MAEpE,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWE,EAAO,gBAAiB,UAAAJ,EAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAAA,sBAGhD,MAAA,EAAG,WAAWG,EAAGC,EAAO,SAASH,CAAS,GAAG,GAGlDI,sBAAkCN,CAAO;"}

package/build/components/Divider/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-divider-RJqCw{border:none;border-top:1px solid var(--hd-border);margin:0;width:100%}.ui-divider--labelled-jZH1-{display:flex;align-items:center;gap:var(--hd-space-3);border-top:none}.ui-divider--labelled-jZH1-:before,.ui-divider--labelled-jZH1-:after{content:"";flex:1;border-top:1px solid var(--hd-border)}.ui-divider__label-M8sBA{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);white-space:nowrap}}

package/build/components/Drawer/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"),a=require("react"),k=require("react-bootstrap-icons"),N=require("../../helpers/class-name.helper.cjs"),L=require("../../helpers/component.helper.cjs"),c=require("../../helpers/focus.helper.cjs"),M=require("../../helpers/label.helper.cjs"),R=require("../../hooks/useScrollLock.cjs"),y=require("../../hooks/useSheetViewport.cjs"),D=require("../../theme/context.cjs"),E=require("../IconButton/index.cjs"),r={default:{"drawer":"ui-drawer-fgfi1","drawer--sm":"ui-drawer--sm-ywgof","drawer--md":"ui-drawer--md-mN8Kg","drawer--lg":"ui-drawer--lg-5H-oE","drawer--end":"ui-drawer--end-q-sIP","drawer--start":"ui-drawer--start-xqVlX","drawer__header":"ui-drawer__header-BDcRe","drawer__title":"ui-drawer__title-9M0e8","drawer__close":"ui-drawer__close-Z30oW","drawer__toolbar":"ui-drawer__toolbar-vcsYi","drawer__body":"ui-drawer__body-x12SX","drawer__footer":"ui-drawer__footer-PajTg"}},S=({isOpen:l,onClose:s,title:m,closeLabel:p,children:w,side:x="end",size:q="md",footer:f,toolbar:_,className:v,testId:b})=>{const{labels:o}=D.useUi(),n=a.useRef(null),u=a.useRef(null),h=a.useId();a.useEffect(()=>{const e=n.current;if(!e)return;if(!l){e.open&&e.close();return}const d=c.captureFocus();e.open||e.showModal(),c.focusFirstMeaningful(e,`.${r.default.drawer__close}`),c.preventAutoKeyboard(e);const{token:i,pop:j}=c.pushModal();return u.current=i,()=>{j(),u.current=null,d()}},[l]),R.default(l),y.default(l),a.useEffect(()=>{const e=n.current;if(!e)return;const d=i=>{i.preventDefault(),!(u.current&&!c.isTopModal(u.current))&&s()};return e.addEventListener("cancel",d),()=>e.removeEventListener("cancel",d)},[s]);const g=a.useCallback(e=>{e.target===n.current&&s()},[s]);return t.jsxs("dialog",{ref:n,className:N.cx(r.default.drawer,r.default[`drawer--${x}`],r.default[`drawer--${q}`],v),"aria-labelledby":h,"data-testid":b,onClick:g,children:[t.jsxs("header",{className:r.default.drawer__header,children:[t.jsx("h2",{id:h,className:r.default.drawer__title,children:m}),t.jsx(E.default,{icon:t.jsx(k.XLg,{"aria-hidden":!0}),label:M.resolveLabel("Drawer.closeLabel",p,o==null?void 0:o.close),variant:"ghost",size:"sm",className:r.default.drawer__close,onClick:s})]}),_&&t.jsx("div",{className:r.default.drawer__toolbar,children:_}),t.jsx("div",{className:r.default.drawer__body,children:w}),f&&t.jsx("div",{className:r.default.drawer__footer,children:f})]})},$=a.memo(L.named(S,"Drawer"));exports.default=$;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Drawer/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\n\nimport { XLg } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport {\n  captureFocus,\n  focusFirstMeaningful,\n  isTopModal,\n  preventAutoKeyboard,\n  pushModal,\n} from '../../helpers/focus.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport useScrollLock from '../../hooks/useScrollLock';\nimport useSheetViewport from '../../hooks/useSheetViewport';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  /** Kapatma düğmesinin erişilebilir adı. */\n  closeLabel?: string;\n  children: ReactNode;\n  /** Panelin hangi kenardan geldiği. */\n  side?: 'start' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  /** Dipte duran eylem şeridi; gövde kaydırılırken yerinde kalır. */\n  footer?: ReactNode;\n  /** Başlığın altında duran, gövdeyle birlikte kaymayan şerit. */\n  toolbar?: ReactNode;\n  className?: string;\n  testId?: string;\n};\n\n/** Çekmece (drawer) — kenardan açılan kipsel panel. */\nconst Drawer = ({\n  isOpen,\n  onClose,\n  title,\n  closeLabel,\n  children,\n  side = 'end',\n  size = 'md',\n  footer,\n  toolbar,\n  className,\n  testId,\n}: Props) => {\n  const { labels } = useUi();\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  /* Yigindaki yerimiz: */\n  const tokenRef = useRef<symbol | null>(null);\n  const titleId = useId();\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (!isOpen) {\n      if (dialog.open) dialog.close();\n      return;\n    }\n\n    const restoreFocus = captureFocus();\n    if (!dialog.open) dialog.showModal();\n\n    focusFirstMeaningful(dialog, `.${styles.drawer__close}`);\n    preventAutoKeyboard(dialog);\n\n    const { token, pop } = pushModal();\n    tokenRef.current = token;\n\n    return () => {\n      pop();\n      tokenRef.current = null;\n      restoreFocus();\n    };\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  /*\n   * ⚠ GÖRSEL GÖRÜNÜM ALANI TAKİBİ — `BottomSheet` ve `Modal` bunu zaten yapıyordu, `Drawer`\n   * YAPMIYORDU.\n   * ⚠ BAYRAK ZORUNLU — `BottomSheet`ten farkı burada. `Drawer` `<dialog>`ı KOŞULSUZ çiziyor\n   * (yalnızca `showModal()`/`close()` `isOpen`e bağlı)…\n   */\n  useSheetViewport(isOpen);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    const handleCancel = (event: Event) => {\n      event.preventDefault();\n      if (tokenRef.current && !isTopModal(tokenRef.current)) return;\n      onClose();\n    };\n\n    dialog.addEventListener('cancel', handleCancel);\n    return () => dialog.removeEventListener('cancel', handleCancel);\n  }, [onClose]);\n\n  const handleBackdropClick = useCallback(\n    (event: MouseEvent<HTMLDialogElement>) => {\n      // Hedef dialog'un KENDISI ise perdeye tiklanmistir; panel degil.\n      if (event.target === dialogRef.current) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={cx(styles.drawer, styles[`drawer--${side}`], styles[`drawer--${size}`], className)}\n      aria-labelledby={titleId}\n      data-testid={testId}\n      onClick={handleBackdropClick}\n    >\n      <header className={styles.drawer__header}>\n        <h2 id={titleId} className={styles.drawer__title}>\n          {title}\n        </h2>\n\n        <IconButton\n          icon={<XLg aria-hidden />}\n          label={resolveLabel('Drawer.closeLabel', closeLabel, labels?.close)}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={styles.drawer__close}\n          onClick={onClose}\n        />\n      </header>\n\n      {toolbar && <div className={styles.drawer__toolbar}>{toolbar}</div>}\n\n      <div className={styles.drawer__body}>{children}</div>\n\n      {footer && <div className={styles.drawer__footer}>{footer}</div>}\n    </dialog>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Drawer, 'Drawer')) as typeof Drawer;\n"],"names":["Drawer","isOpen","onClose","title","closeLabel","children","side","size","footer","toolbar","className","testId","labels","useUi","dialogRef","useRef","tokenRef","titleId","useId","useEffect","dialog","restoreFocus","captureFocus","focusFirstMeaningful","styles","preventAutoKeyboard","token","pop","pushModal","useScrollLock","useSheetViewport","handleCancel","event","isTopModal","handleBackdropClick","useCallback","jsxs","cx","jsx","IconButton","XLg","resolveLabel","index","memo","named"],"mappings":"qlBAiDMA,EAAS,CAAC,CACd,OAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,MACP,KAAAC,EAAO,KACP,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,OAAAC,CACF,IAAa,CACX,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACbC,EAAYC,EAAAA,OAA0B,IAAI,EAE1CC,EAAWD,EAAAA,OAAsB,IAAI,EACrCE,EAAUC,EAAAA,MAAA,EAEhBC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASN,EAAU,QACzB,GAAI,CAACM,EAAQ,OAEb,GAAI,CAACnB,EAAQ,CACPmB,EAAO,MAAMA,EAAO,MAAA,EACxB,MACF,CAEA,MAAMC,EAAeC,EAAAA,aAAA,EAChBF,EAAO,MAAMA,EAAO,UAAA,EAEzBG,EAAAA,qBAAqBH,EAAQ,IAAII,EAAAA,QAAO,aAAa,EAAE,EACvDC,EAAAA,oBAAoBL,CAAM,EAE1B,KAAM,CAAE,MAAAM,EAAO,IAAAC,CAAA,EAAQC,YAAA,EACvB,OAAAZ,EAAS,QAAUU,EAEZ,IAAM,CACXC,EAAA,EACAX,EAAS,QAAU,KACnBK,EAAA,CACF,CACF,EAAG,CAACpB,CAAM,CAAC,EAEX4B,EAAAA,QAAc5B,CAAM,EAQpB6B,EAAAA,QAAiB7B,CAAM,EAEvBkB,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASN,EAAU,QACzB,GAAI,CAACM,EAAQ,OAEb,MAAMW,EAAgBC,GAAiB,CACrCA,EAAM,eAAA,EACF,EAAAhB,EAAS,SAAW,CAACiB,EAAAA,WAAWjB,EAAS,OAAO,IACpDd,EAAA,CACF,EAEA,OAAAkB,EAAO,iBAAiB,SAAUW,CAAY,EACvC,IAAMX,EAAO,oBAAoB,SAAUW,CAAY,CAChE,EAAG,CAAC7B,CAAO,CAAC,EAEZ,MAAMgC,EAAsBC,EAAAA,YACzBH,GAAyC,CAEpCA,EAAM,SAAWlB,EAAU,SAASZ,EAAA,CAC1C,EACA,CAACA,CAAO,CAAA,EAGV,OACEkC,EAAAA,KAAC,SAAA,CACC,IAAKtB,EACL,UAAWuB,EAAAA,GAAGb,EAAAA,QAAO,OAAQA,EAAAA,QAAO,WAAWlB,CAAI,EAAE,EAAGkB,EAAAA,QAAO,WAAWjB,CAAI,EAAE,EAAGG,CAAS,EAC5F,kBAAiBO,EACjB,cAAaN,EACb,QAASuB,EAET,SAAA,CAAAE,EAAAA,KAAC,SAAA,CAAO,UAAWZ,EAAAA,QAAO,eACxB,SAAA,CAAAc,MAAC,MAAG,GAAIrB,EAAS,UAAWO,EAAAA,QAAO,cAChC,SAAArB,EACH,EAEAmC,EAAAA,IAACC,EAAAA,QAAA,CACC,KAAMD,EAAAA,IAACE,EAAAA,IAAA,CAAI,cAAW,EAAA,CAAC,EACvB,MAAOC,EAAAA,aAAa,oBAAqBrC,EAAYQ,GAAA,YAAAA,EAAQ,KAAK,EAClE,QAAQ,QACR,KAAK,KACL,UAAWY,EAAAA,QAAO,cAClB,QAAStB,CAAA,CAAA,CACX,EACF,EAECO,GAAW6B,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,gBAAkB,SAAAf,EAAQ,EAE7D6B,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,aAAe,SAAAnB,EAAS,EAE9CG,GAAU8B,EAAAA,IAAC,MAAA,CAAI,UAAWd,EAAAA,QAAO,eAAiB,SAAAhB,CAAA,CAAO,CAAA,CAAA,CAAA,CAGhE,EAEAkC,EAA6BC,OAAmBC,EAAAA,MAAM5C,EAAQ,QAAQ,CAAC"}

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+type Props = {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    /** Kapatma düğmesinin erişilebilir adı. */
+    closeLabel?: string;
+    children: ReactNode;
+    /** Panelin hangi kenardan geldiği. */
+    side?: 'start' | 'end';
+    size?: 'sm' | 'md' | 'lg';
+    /** Dipte duran eylem şeridi; gövde kaydırılırken yerinde kalır. */
+    footer?: ReactNode;
+    /** Başlığın altında duran, gövdeyle birlikte kaymayan şerit. */
+    toolbar?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+/** Çekmece (drawer) — kenardan açılan kipsel panel. */
+declare const Drawer: ({ isOpen, onClose, title, closeLabel, children, side, size, footer, toolbar, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof Drawer;
+export default _default;

package/build/components/Drawer/index.js

@@ -0,0 +1,88 @@
+"use client";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { memo as y, useRef as p, useId as D, useEffect as h, useCallback as M } from "react";
+import { XLg as E } from "react-bootstrap-icons";
+import { cx as F } from "../../helpers/class-name.helper.js";
+import { named as I } from "../../helpers/component.helper.js";
+import { focusFirstMeaningful as R, preventAutoKeyboard as $, pushModal as j, captureFocus as B, isTopModal as S } from "../../helpers/focus.helper.js";
+import { resolveLabel as z } from "../../helpers/label.helper.js";
+import A from "../../hooks/useScrollLock.js";
+import C from "../../hooks/useSheetViewport.js";
+import { useUi as K } from "../../theme/context.js";
+import T from "../IconButton/index.js";
+const e = {"drawer":"ui-drawer-fgfi1","drawer--sm":"ui-drawer--sm-ywgof","drawer--md":"ui-drawer--md-mN8Kg","drawer--lg":"ui-drawer--lg-5H-oE","drawer--end":"ui-drawer--end-q-sIP","drawer--start":"ui-drawer--start-xqVlX","drawer__header":"ui-drawer__header-BDcRe","drawer__title":"ui-drawer__title-9M0e8","drawer__close":"ui-drawer__close-Z30oW","drawer__toolbar":"ui-drawer__toolbar-vcsYi","drawer__body":"ui-drawer__body-x12SX","drawer__footer":"ui-drawer__footer-PajTg"};
+const U = ({
+  isOpen: a,
+  onClose: o,
+  title: w,
+  closeLabel: _,
+  children: v,
+  side: g = "end",
+  size: k = "md",
+  footer: d,
+  toolbar: m,
+  className: b,
+  testId: N
+}) => {
+  const { labels: l } = K(), c = p(null), n = p(null), u = D();
+  h(() => {
+    const r = c.current;
+    if (!r) return;
+    if (!a) {
+      r.open && r.close();
+      return;
+    }
+    const s = B();
+    r.open || r.showModal(), R(r, `.${e.drawer__close}`), $(r);
+    const { token: i, pop: x } = j();
+    return n.current = i, () => {
+      x(), n.current = null, s();
+    };
+  }, [a]), A(a), C(a), h(() => {
+    const r = c.current;
+    if (!r) return;
+    const s = (i) => {
+      i.preventDefault(), !(n.current && !S(n.current)) && o();
+    };
+    return r.addEventListener("cancel", s), () => r.removeEventListener("cancel", s);
+  }, [o]);
+  const L = M(
+    (r) => {
+      r.target === c.current && o();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ f(
+    "dialog",
+    {
+      ref: c,
+      className: F(e.drawer, e[`drawer--${g}`], e[`drawer--${k}`], b),
+      "aria-labelledby": u,
+      "data-testid": N,
+      onClick: L,
+      children: [
+        /* @__PURE__ */ f("header", { className: e.drawer__header, children: [
+          /* @__PURE__ */ t("h2", { id: u, className: e.drawer__title, children: w }),
+          /* @__PURE__ */ t(
+            T,
+            {
+              icon: /* @__PURE__ */ t(E, { "aria-hidden": !0 }),
+              label: z("Drawer.closeLabel", _, l == null ? void 0 : l.close),
+              variant: "ghost",
+              size: "sm",
+              className: e.drawer__close,
+              onClick: o
+            }
+          )
+        ] }),
+        m && /* @__PURE__ */ t("div", { className: e.drawer__toolbar, children: m }),
+        /* @__PURE__ */ t("div", { className: e.drawer__body, children: v }),
+        d && /* @__PURE__ */ t("div", { className: e.drawer__footer, children: d })
+      ]
+    }
+  );
+}, rr = /* @__PURE__ */ y(/* @__PURE__ */ I(U, "Drawer"));
+export {
+  rr as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Drawer/index.tsx"],"sourcesContent":["'use client';\n\nimport {\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n} from 'react';\n\nimport { XLg } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport {\n  captureFocus,\n  focusFirstMeaningful,\n  isTopModal,\n  preventAutoKeyboard,\n  pushModal,\n} from '../../helpers/focus.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport useScrollLock from '../../hooks/useScrollLock';\nimport useSheetViewport from '../../hooks/useSheetViewport';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  /** Kapatma düğmesinin erişilebilir adı. */\n  closeLabel?: string;\n  children: ReactNode;\n  /** Panelin hangi kenardan geldiği. */\n  side?: 'start' | 'end';\n  size?: 'sm' | 'md' | 'lg';\n  /** Dipte duran eylem şeridi; gövde kaydırılırken yerinde kalır. */\n  footer?: ReactNode;\n  /** Başlığın altında duran, gövdeyle birlikte kaymayan şerit. */\n  toolbar?: ReactNode;\n  className?: string;\n  testId?: string;\n};\n\n/** Çekmece (drawer) — kenardan açılan kipsel panel. */\nconst Drawer = ({\n  isOpen,\n  onClose,\n  title,\n  closeLabel,\n  children,\n  side = 'end',\n  size = 'md',\n  footer,\n  toolbar,\n  className,\n  testId,\n}: Props) => {\n  const { labels } = useUi();\n  const dialogRef = useRef<HTMLDialogElement>(null);\n  /* Yigindaki yerimiz: */\n  const tokenRef = useRef<symbol | null>(null);\n  const titleId = useId();\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    if (!isOpen) {\n      if (dialog.open) dialog.close();\n      return;\n    }\n\n    const restoreFocus = captureFocus();\n    if (!dialog.open) dialog.showModal();\n\n    focusFirstMeaningful(dialog, `.${styles.drawer__close}`);\n    preventAutoKeyboard(dialog);\n\n    const { token, pop } = pushModal();\n    tokenRef.current = token;\n\n    return () => {\n      pop();\n      tokenRef.current = null;\n      restoreFocus();\n    };\n  }, [isOpen]);\n\n  useScrollLock(isOpen);\n\n  /*\n   * ⚠ GÖRSEL GÖRÜNÜM ALANI TAKİBİ — `BottomSheet` ve `Modal` bunu zaten yapıyordu, `Drawer`\n   * YAPMIYORDU.\n   * ⚠ BAYRAK ZORUNLU — `BottomSheet`ten farkı burada. `Drawer` `<dialog>`ı KOŞULSUZ çiziyor\n   * (yalnızca `showModal()`/`close()` `isOpen`e bağlı)…\n   */\n  useSheetViewport(isOpen);\n\n  useEffect(() => {\n    const dialog = dialogRef.current;\n    if (!dialog) return;\n\n    const handleCancel = (event: Event) => {\n      event.preventDefault();\n      if (tokenRef.current && !isTopModal(tokenRef.current)) return;\n      onClose();\n    };\n\n    dialog.addEventListener('cancel', handleCancel);\n    return () => dialog.removeEventListener('cancel', handleCancel);\n  }, [onClose]);\n\n  const handleBackdropClick = useCallback(\n    (event: MouseEvent<HTMLDialogElement>) => {\n      // Hedef dialog'un KENDISI ise perdeye tiklanmistir; panel degil.\n      if (event.target === dialogRef.current) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <dialog\n      ref={dialogRef}\n      className={cx(styles.drawer, styles[`drawer--${side}`], styles[`drawer--${size}`], className)}\n      aria-labelledby={titleId}\n      data-testid={testId}\n      onClick={handleBackdropClick}\n    >\n      <header className={styles.drawer__header}>\n        <h2 id={titleId} className={styles.drawer__title}>\n          {title}\n        </h2>\n\n        <IconButton\n          icon={<XLg aria-hidden />}\n          label={resolveLabel('Drawer.closeLabel', closeLabel, labels?.close)}\n          variant=\"ghost\"\n          size=\"sm\"\n          className={styles.drawer__close}\n          onClick={onClose}\n        />\n      </header>\n\n      {toolbar && <div className={styles.drawer__toolbar}>{toolbar}</div>}\n\n      <div className={styles.drawer__body}>{children}</div>\n\n      {footer && <div className={styles.drawer__footer}>{footer}</div>}\n    </dialog>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Drawer, 'Drawer')) as typeof Drawer;\n"],"names":["Drawer","isOpen","onClose","title","closeLabel","children","side","size","footer","toolbar","className","testId","labels","useUi","dialogRef","useRef","tokenRef","titleId","useId","useEffect","dialog","restoreFocus","captureFocus","focusFirstMeaningful","styles","preventAutoKeyboard","token","pop","pushModal","useScrollLock","useSheetViewport","handleCancel","event","isTopModal","handleBackdropClick","useCallback","jsxs","cx","jsx","IconButton","XLg","resolveLabel","index","memo","named"],"mappings":"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"}

package/build/components/Drawer/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-drawer-fgfi1{display:none;flex-direction:column;position:fixed;inset-block:0;block-size:100dvh;max-width:100vw;max-height:100dvh;margin:0;padding:0;border:none;background-color:var(--hd-bg-overlay);color:var(--hd-text);box-shadow:var(--hd-shadow-3);overflow:hidden}.ui-drawer-fgfi1:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-drawer--sm-ywgof{width:min(92vw,360px)}.ui-drawer--md-mN8Kg{width:min(92vw,480px)}.ui-drawer--lg-5H-oE{width:min(96vw,720px)}.ui-drawer--end-q-sIP{inset-inline:auto 0}.ui-drawer-fgfi1[open]{display:flex}.ui-drawer--start-xqVlX{inset-inline:0 auto}.ui-drawer-fgfi1{opacity:0}.ui-drawer--end-q-sIP{translate:100% 0}.ui-drawer--start-xqVlX{translate:-100% 0}.ui-drawer-fgfi1{transition:opacity var(--hd-duration-base) var(--hd-ease-standard),translate var(--hd-duration-base) var(--hd-ease-standard),overlay var(--hd-duration-base) allow-discrete,display var(--hd-duration-base) allow-discrete}.ui-drawer-fgfi1[open]{opacity:1;translate:0 0}@starting-style{.ui-drawer-fgfi1[open].ui-drawer--end-q-sIP{opacity:0;translate:100% 0}.ui-drawer-fgfi1[open].ui-drawer--start-xqVlX{opacity:0;translate:-100% 0}}.ui-drawer-fgfi1::backdrop{opacity:0;transition:opacity var(--hd-duration-base) var(--hd-ease-standard),overlay var(--hd-duration-base) allow-discrete,display var(--hd-duration-base) allow-discrete}.ui-drawer-fgfi1[open]::backdrop{opacity:1}@starting-style{.ui-drawer-fgfi1[open]::backdrop{opacity:0}}@media (prefers-reduced-motion: reduce){.ui-drawer-fgfi1::backdrop{transition:none}}.ui-drawer-fgfi1::backdrop{background-color:var(--hd-scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (prefers-reduced-motion: reduce){.ui-drawer-fgfi1{transition:none}}@media (max-width: 640px){.ui-drawer-fgfi1,.ui-drawer--sm-ywgof,.ui-drawer--md-mN8Kg,.ui-drawer--lg-5H-oE{width:100vw}}.ui-drawer__header-BDcRe{display:flex;align-items:center;gap:var(--hd-space-3);justify-content:space-between;padding:var(--hd-space-4);border-bottom:1px solid var(--hd-border);flex-shrink:0;padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px))}.ui-drawer__title-9M0e8{font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);font-weight:var(--hd-font-weight-semibold);line-height:var(--hd-type-h4-line-height);letter-spacing:normal;color:var(--hd-text);margin:0}.ui-drawer__close-Z30oW{flex-shrink:0}.ui-drawer__toolbar-vcsYi{padding:var(--hd-space-3) var(--hd-space-4);border-bottom:1px solid var(--hd-border);flex-shrink:0;padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px))}.ui-drawer__body-x12SX{flex:1;min-height:0;position:relative;overflow-y:auto;overscroll-behavior:contain;padding:var(--hd-space-4);padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px));scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-drawer__body-x12SX::-webkit-scrollbar{width:8px;height:8px}.ui-drawer__body-x12SX::-webkit-scrollbar-track{background:transparent}.ui-drawer__body-x12SX::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-drawer__body-x12SX::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-drawer__body-x12SX:last-child{padding-bottom:max(var(--hd-space-4),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}.ui-drawer__footer-PajTg{display:flex;align-items:center;gap:var(--hd-space-3);padding:var(--hd-space-4);border-top:1px solid var(--hd-border);flex-shrink:0;padding-left:max(var(--hd-space-4),env(safe-area-inset-left,0px));padding-right:max(var(--hd-space-4),env(safe-area-inset-right,0px));padding-bottom:max(var(--hd-space-4),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)))}.ui-drawer__footer-PajTg>*{flex:1}}

package/build/components/EmptyState/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),n=require("react"),o=require("../../helpers/class-name.helper.cjs"),e={default:{"empty":"ui-empty-47qZR","empty__icon":"ui-empty__icon-okfEc","empty__title":"ui-empty__title-Z7Dzd","empty__description":"ui-empty__description-6BoCk","empty__actions":"ui-empty__actions-ARk-k","empty--sm":"ui-empty--sm-QXaXx","empty--error":"ui-empty--error-4BBgp"}},p=({title:m,description:s,icon:l,action:a,secondaryAction:d,tone:r="empty",size:i="md",className:u,testId:c})=>t.jsxs("div",{className:o.cx(e.default.empty,e.default[`empty--${i}`],e.default[`empty--${r}`],u),role:r==="error"?"alert":void 0,"data-testid":c,children:[l&&t.jsx("span",{className:e.default.empty__icon,children:l}),t.jsx("h3",{className:e.default.empty__title,children:m}),s&&t.jsx("p",{className:e.default.empty__description,children:s}),(a||d)&&t.jsxs("div",{className:e.default.empty__actions,children:[a,d]})]}),_=n.memo(p);exports.default=_;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n  /** Kullanıcının buradan çıkabileceği eylem. */\n  action?: ReactNode;\n  /** İkincil eylem veya ipucu. */\n  secondaryAction?: ReactNode;\n  /** `error` — liste BOŞ değil, ÇEKİLEMEDİ. */\n  tone?: 'empty' | 'error';\n  size?: 'sm' | 'md';\n  className?: string;\n  testId?: string;\n};\n\n/** Boş durum. */\nconst EmptyState: FC<Props> = ({\n  title,\n  description,\n  icon,\n  action,\n  secondaryAction,\n  tone = 'empty',\n  size = 'md',\n  className,\n  testId,\n}) => (\n  <div\n    className={cx(styles.empty, styles[`empty--${size}`], styles[`empty--${tone}`], className)}\n    /*\n     * Hata DUYURULUR: gormeyen kullanici icin sessizce degisen bir liste, hic degismemis demekti.\n     */\n    role={tone === 'error' ? 'alert' : undefined}\n    data-testid={testId}\n  >\n    {icon && <span className={styles.empty__icon}>{icon}</span>}\n    <h3 className={styles.empty__title}>{title}</h3>\n    {description && <p className={styles.empty__description}>{description}</p>}\n    {(action || secondaryAction) && (\n      <div className={styles.empty__actions}>\n        {action}\n        {secondaryAction}\n      </div>\n    )}\n  </div>\n);\n\nexport default /*#__PURE__*/ memo(EmptyState) as typeof EmptyState;\n"],"names":["EmptyState","title","description","icon","action","secondaryAction","tone","size","className","testId","jsxs","cx","styles","jsx","index"],"mappings":"0PAsBMA,EAAwB,CAAC,CAC7B,MAAAC,EACA,YAAAC,EACA,KAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,KAAAC,EAAO,QACP,KAAAC,EAAO,KACP,UAAAC,EACA,OAAAC,CACF,IACEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,MAAOA,EAAAA,QAAO,UAAUL,CAAI,EAAE,EAAGK,EAAAA,QAAO,UAAUN,CAAI,EAAE,EAAGE,CAAS,EAIzF,KAAMF,IAAS,QAAU,QAAU,OACnC,cAAaG,EAEZ,SAAA,CAAAN,GAAQU,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAT,EAAK,EACpDU,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,aAAe,SAAAX,EAAM,EAC1CC,GAAeW,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,mBAAqB,SAAAV,EAAY,GACpEE,GAAUC,IACVK,OAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,eACpB,SAAA,CAAAR,EACAC,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,EAGFS,SAAkCd,CAAU"}

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

@@ -0,0 +1,19 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    /** Kullanıcının buradan çıkabileceği eylem. */
+    action?: ReactNode;
+    /** İkincil eylem veya ipucu. */
+    secondaryAction?: ReactNode;
+    /** `error` — liste BOŞ değil, ÇEKİLEMEDİ. */
+    tone?: 'empty' | 'error';
+    size?: 'sm' | 'md';
+    className?: string;
+    testId?: string;
+};
+/** Boş durum. */
+declare const EmptyState: FC<Props>;
+declare const _default: typeof EmptyState;
+export default _default;

package/build/components/EmptyState/index.js

@@ -0,0 +1,35 @@
+import { jsxs as l, jsx as m } from "react/jsx-runtime";
+import { memo as y } from "react";
+import { cx as _ } from "../../helpers/class-name.helper.js";
+const e = {"empty":"ui-empty-47qZR","empty__icon":"ui-empty__icon-okfEc","empty__title":"ui-empty__title-Z7Dzd","empty__description":"ui-empty__description-6BoCk","empty__actions":"ui-empty__actions-ARk-k","empty--sm":"ui-empty--sm-QXaXx","empty--error":"ui-empty--error-4BBgp"};
+const h = ({
+  title: i,
+  description: t,
+  icon: s,
+  action: r,
+  secondaryAction: a,
+  tone: p = "empty",
+  size: d = "md",
+  className: o,
+  testId: c
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: _(e.empty, e[`empty--${d}`], e[`empty--${p}`], o),
+    role: p === "error" ? "alert" : void 0,
+    "data-testid": c,
+    children: [
+      s && /* @__PURE__ */ m("span", { className: e.empty__icon, children: s }),
+      /* @__PURE__ */ m("h3", { className: e.empty__title, children: i }),
+      t && /* @__PURE__ */ m("p", { className: e.empty__description, children: t }),
+      (r || a) && /* @__PURE__ */ l("div", { className: e.empty__actions, children: [
+        r,
+        a
+      ] })
+    ]
+  }
+), v = /* @__PURE__ */ y(h);
+export {
+  v as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/EmptyState/index.tsx"],"sourcesContent":["import { type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  title: string;\n  description?: string;\n  icon?: ReactNode;\n  /** Kullanıcının buradan çıkabileceği eylem. */\n  action?: ReactNode;\n  /** İkincil eylem veya ipucu. */\n  secondaryAction?: ReactNode;\n  /** `error` — liste BOŞ değil, ÇEKİLEMEDİ. */\n  tone?: 'empty' | 'error';\n  size?: 'sm' | 'md';\n  className?: string;\n  testId?: string;\n};\n\n/** Boş durum. */\nconst EmptyState: FC<Props> = ({\n  title,\n  description,\n  icon,\n  action,\n  secondaryAction,\n  tone = 'empty',\n  size = 'md',\n  className,\n  testId,\n}) => (\n  <div\n    className={cx(styles.empty, styles[`empty--${size}`], styles[`empty--${tone}`], className)}\n    /*\n     * Hata DUYURULUR: gormeyen kullanici icin sessizce degisen bir liste, hic degismemis demekti.\n     */\n    role={tone === 'error' ? 'alert' : undefined}\n    data-testid={testId}\n  >\n    {icon && <span className={styles.empty__icon}>{icon}</span>}\n    <h3 className={styles.empty__title}>{title}</h3>\n    {description && <p className={styles.empty__description}>{description}</p>}\n    {(action || secondaryAction) && (\n      <div className={styles.empty__actions}>\n        {action}\n        {secondaryAction}\n      </div>\n    )}\n  </div>\n);\n\nexport default /*#__PURE__*/ memo(EmptyState) as typeof EmptyState;\n"],"names":["EmptyState","title","description","icon","action","secondaryAction","tone","size","className","testId","jsxs","cx","styles","jsx","index"],"mappings":";;;;AAsBA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,QAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAGC,EAAO,OAAOA,EAAO,UAAUL,CAAI,EAAE,GAAGK,EAAO,UAAUN,CAAI,EAAE,GAAGE,CAAS;AAAA,IAIzF,MAAMF,MAAS,UAAU,UAAU;AAAA,IACnC,eAAaG;AAAA,IAEZ,UAAA;AAAA,MAAAN,KAAQ,gBAAAU,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAT,GAAK;AAAA,MACpD,gBAAAU,EAAC,MAAA,EAAG,WAAWD,EAAO,cAAe,UAAAX,GAAM;AAAA,MAC1CC,KAAe,gBAAAW,EAAC,KAAA,EAAE,WAAWD,EAAO,oBAAqB,UAAAV,GAAY;AAAA,OACpEE,KAAUC,MACV,gBAAAK,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACpB,UAAA;AAAA,QAAAR;AAAA,QACAC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAEJ,GAGFS,sBAAkCd,CAAU;"}

package/build/components/EmptyState/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-empty-47qZR{display:flex;flex-direction:column;gap:var(--hd-space-3);align-items:center;text-align:center;padding:var(--hd-space-12) var(--hd-space-5)}@media (max-width: 640px){.ui-empty-47qZR{padding:var(--hd-space-10) var(--hd-space-4)}}.ui-empty__icon-okfEc{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--hd-radius-pill);background-color:var(--hd-bg-raised);border:1px solid var(--hd-border);color:var(--hd-text-2);font-size:var(--hd-type-h2-size);margin-bottom:var(--hd-space-1)}.ui-empty__title-Z7Dzd{font-family:var(--hd-font-display);font-size:var(--hd-type-h4-size);font-weight:var(--hd-type-h4-weight);font-stretch:var(--hd-type-h4-stretch);line-height:var(--hd-type-h4-line-height);letter-spacing:var(--hd-type-h4-letter-spacing);color:var(--hd-text);margin:0;text-wrap:balance}.ui-empty__description-6BoCk{font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2);margin:0;max-width:48ch;text-wrap:pretty}.ui-empty__actions-ARk-k{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-2);justify-content:center;margin-top:var(--hd-space-2)}@media (max-width: 640px){.ui-empty__actions-ARk-k{width:100%;max-width:320px;flex-direction:column}.ui-empty__actions-ARk-k>*{width:100%}}.ui-empty--sm-QXaXx{padding:var(--hd-space-6) var(--hd-space-4)}.ui-empty--sm-QXaXx .ui-empty__icon-okfEc{width:48px;height:48px;font-size:24px}.ui-empty--sm-QXaXx .ui-empty__title-Z7Dzd{font-family:var(--hd-font-body);font-size:var(--hd-type-body-size);font-weight:var(--hd-font-weight-semibold);line-height:var(--hd-type-h4-line-height);letter-spacing:normal;color:var(--hd-text)}.ui-empty--error-4BBgp .ui-empty__icon-okfEc{color:var(--hd-danger-fg);background-color:var(--hd-danger-bg)}.ui-empty--error-4BBgp .ui-empty__title-Z7Dzd{color:var(--hd-danger-fg)}}

package/build/components/Field/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"),o=require("react"),x=require("react-bootstrap-icons"),n=require("../../helpers/class-name.helper.cjs"),j=require("../../helpers/label.helper.cjs"),q=require("../../theme/context.cjs"),l={default:{"field":"ui-field-KKvre","field__label":"ui-field__label-9dlYd","field__label--hidden":"ui-field__label--hidden-ufuVt","field__required":"ui-field__required-hbDJk","field__srOnly":"ui-field__srOnly-2WQFH","field__hint":"ui-field__hint-SQPiL","field__error":"ui-field__error-gLlZ-","field__errorIcon":"ui-field__errorIcon-uA3o8"}},b=({label:u,children:f,hint:d,error:r,isRequired:a,requiredLabel:_,isLabelHidden:m,className:h})=>{const{labels:s}=q.useUi(),i=o.useId(),t=`${i}-error`,c=`${i}-hint`;return e.jsxs("div",{className:n.cx(l.default.field,h),children:[e.jsxs("label",{htmlFor:i,className:n.cx(l.default.field__label,m&&l.default["field__label--hidden"]),children:[u,a&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:l.default.field__required,"aria-hidden":!0,children:"*"}),e.jsx("span",{className:l.default.field__srOnly,children:j.resolveLabel("Field.requiredLabel",_,s==null?void 0:s.required)})]})]}),f({id:i,required:a||void 0,"aria-invalid":r?!0:void 0,"aria-describedby":[r&&t,d&&c].filter(Boolean).join(" ")||void 0}),r&&e.jsxs("p",{id:t,className:l.default.field__error,role:"alert",children:[e.jsx(x.ExclamationCircleFill,{"aria-hidden":!0,className:l.default.field__errorIcon}),r]}),d&&e.jsx("p",{id:c,className:l.default.field__hint,children:d})]})},p=o.memo(b);exports.default=p;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Field/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useId } from 'react';\n\nimport { ExclamationCircleFill } from 'react-bootstrap-icons';\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\n/** Girdiye yayılacak erişilebilirlik bağları. */\nexport type FieldChildProps = {\n  id: string;\n  'aria-invalid'?: boolean;\n  'aria-describedby'?: string;\n  required?: boolean;\n};\n\ntype BaseProps = {\n  label: string;\n  /** Girdi bileşenini alan `id` ve `aria-*` bağlarıyla üretir. */\n  children: (props: FieldChildProps) => ReactNode;\n  hint?: string;\n  error?: string;\n  /** Etiketi gizler ama ekran okuyucuya bırakır (arama kutusu gibi). */\n  isLabelHidden?: boolean;\n  className?: string;\n};\n\ntype Props = BaseProps & {\n  isRequired?: boolean;\n  /** Zorunluluk yıldızının ekran okuyucu karşılığı (\"(zorunlu)\"). */\n  requiredLabel?: string;\n};\n\n/**\n * Form alanı sarmalayıcısı.\n * @example <Field label=\"E-posta\" isRequired requiredLabel=\"(zorunlu)\"…\n * @example // `{...props}` yaymayan bileşenlerde (Combobox, Select) yalnızca `id`…\n */\nconst Field: FC<Props> = ({\n  label,\n  children,\n  hint,\n  error,\n  isRequired,\n  requiredLabel,\n  isLabelHidden,\n  className,\n}) => {\n  const { labels } = useUi();\n  const id = useId();\n  const errorId = `${id}-error`;\n  const hintId = `${id}-hint`;\n\n  return (\n    <div className={cx(styles.field, className)}>\n      <label\n        htmlFor={id}\n        className={cx(styles.field__label, isLabelHidden && styles['field__label--hidden'])}\n      >\n        {label}\n        {isRequired && (\n          <>\n            <span className={styles.field__required} aria-hidden>\n              *\n            </span>\n            <span className={styles.field__srOnly}>\n              {resolveLabel('Field.requiredLabel', requiredLabel, labels?.required)}\n            </span>\n          </>\n        )}\n      </label>\n\n      {children({\n        id,\n        required: isRequired || undefined,\n        'aria-invalid': error ? true : undefined,\n        /* HATA VE YARDIM BIRLIKTE baglanir, biri digerini EZMEZ. */\n        'aria-describedby':\n          [error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined,\n      })}\n\n      {/*\n        HATA VE IPUCU BIRLIKTE cizilir.\n\n        Ipucu eskiden hatanin ALTERNATIFIYDI: hata belirir belirmez kural\n        ekrandan siliniyordu. Yani kullanici tam olarak kurali okumasi gereken\n        anda onu kaybediyordu — \"Cok kisa\" diyor ama neye gore kisa oldugunu\n        artik hicbir yer yazmiyor. `aria-describedby` de ikisini birden\n        gosteriyor; biri cizilmediginde bag BOS bir dugume isaret ediyordu.\n      */}\n      {error && (\n        <p id={errorId} className={styles.field__error} role=\"alert\">\n          <ExclamationCircleFill aria-hidden className={styles.field__errorIcon} />\n          {error}\n        </p>\n      )}\n\n      {hint && (\n        <p id={hintId} className={styles.field__hint}>\n          {hint}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Field) as typeof Field;\n"],"names":["Field","label","children","hint","error","isRequired","requiredLabel","isLabelHidden","className","labels","useUi","id","useId","errorId","hintId","cx","styles","jsxs","Fragment","jsx","ExclamationCircleFill"],"mappings":"2XAyCMA,EAAmB,CAAC,CACxB,MAAAC,EACA,SAAAC,EACA,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,cAAAC,EACA,cAAAC,EACA,UAAAC,CACF,IAAM,CACJ,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACbC,EAAKC,EAAAA,MAAA,EACLC,EAAU,GAAGF,CAAE,SACfG,EAAS,GAAGH,CAAE,QAEpB,cACG,MAAA,CAAI,UAAWI,EAAAA,GAAGC,EAAAA,QAAO,MAAOR,CAAS,EACxC,SAAA,CAAAS,EAAAA,KAAC,QAAA,CACC,QAASN,EACT,UAAWI,EAAAA,GAAGC,UAAO,aAAcT,GAAiBS,EAAAA,QAAO,sBAAsB,CAAC,EAEjF,SAAA,CAAAf,EACAI,GACCY,EAAAA,KAAAC,WAAA,CACE,SAAA,CAAAC,MAAC,QAAK,UAAWH,EAAAA,QAAO,gBAAiB,cAAW,GAAC,SAAA,IAErD,EACAG,EAAAA,IAAC,OAAA,CAAK,UAAWH,EAAAA,QAAO,cACrB,wBAAa,sBAAuBV,EAAeG,GAAA,YAAAA,EAAQ,QAAQ,CAAA,CACtE,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,EAIHP,EAAS,CACR,GAAAS,EACA,SAAUN,GAAc,OACxB,eAAgBD,EAAQ,GAAO,OAE/B,mBACE,CAACA,GAASS,EAASV,GAAQW,CAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAAK,MAAA,CACnE,EAWAV,UACE,IAAA,CAAE,GAAIS,EAAS,UAAWG,EAAAA,QAAO,aAAc,KAAK,QACnD,SAAA,CAAAG,EAAAA,IAACC,EAAAA,sBAAA,CAAsB,cAAW,GAAC,UAAWJ,EAAAA,QAAO,iBAAkB,EACtEZ,CAAA,EACH,EAGDD,SACE,IAAA,CAAE,GAAIW,EAAQ,UAAWE,UAAO,YAC9B,SAAAb,CAAA,CACH,CAAA,EAEJ,CAEJ,EAEAH,SAAkCA,CAAK"}

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

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+/** Girdiye yayılacak erişilebilirlik bağları. */
+export type FieldChildProps = {
+    id: string;
+    'aria-invalid'?: boolean;
+    'aria-describedby'?: string;
+    required?: boolean;
+};
+type BaseProps = {
+    label: string;
+    /** Girdi bileşenini alan `id` ve `aria-*` bağlarıyla üretir. */
+    children: (props: FieldChildProps) => ReactNode;
+    hint?: string;
+    error?: string;
+    /** Etiketi gizler ama ekran okuyucuya bırakır (arama kutusu gibi). */
+    isLabelHidden?: boolean;
+    className?: string;
+};
+type Props = BaseProps & {
+    isRequired?: boolean;
+    /** Zorunluluk yıldızının ekran okuyucu karşılığı ("(zorunlu)"). */
+    requiredLabel?: string;
+};
+/**
+ * Form alanı sarmalayıcısı.
+ * @example <Field label="E-posta" isRequired requiredLabel="(zorunlu)"…
+ * @example // `{...props}` yaymayan bileşenlerde (Combobox, Select) yalnızca `id`…
+ */
+declare const Field: FC<Props>;
+declare const _default: typeof Field;
+export default _default;

package/build/components/Field/index.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs as l, Fragment as u, jsx as d } from "react/jsx-runtime";
+import { memo as N, useId as b } from "react";
+import { ExclamationCircleFill as v } from "react-bootstrap-icons";
+import { cx as c } from "../../helpers/class-name.helper.js";
+import { resolveLabel as F } from "../../helpers/label.helper.js";
+import { useUi as x } from "../../theme/context.js";
+const e = {"field":"ui-field-KKvre","field__label":"ui-field__label-9dlYd","field__label--hidden":"ui-field__label--hidden-ufuVt","field__required":"ui-field__required-hbDJk","field__srOnly":"ui-field__srOnly-2WQFH","field__hint":"ui-field__hint-SQPiL","field__error":"ui-field__error-gLlZ-","field__errorIcon":"ui-field__errorIcon-uA3o8"};
+const I = ({
+  label: m,
+  children: f,
+  hint: a,
+  error: i,
+  isRequired: s,
+  requiredLabel: _,
+  isLabelHidden: h,
+  className: p
+}) => {
+  const { labels: o } = x(), r = b(), n = `${r}-error`, t = `${r}-hint`;
+  return /* @__PURE__ */ l("div", { className: c(e.field, p), children: [
+    /* @__PURE__ */ l(
+      "label",
+      {
+        htmlFor: r,
+        className: c(e.field__label, h && e["field__label--hidden"]),
+        children: [
+          m,
+          s && /* @__PURE__ */ l(u, { children: [
+            /* @__PURE__ */ d("span", { className: e.field__required, "aria-hidden": !0, children: "*" }),
+            /* @__PURE__ */ d("span", { className: e.field__srOnly, children: F("Field.requiredLabel", _, o == null ? void 0 : o.required) })
+          ] })
+        ]
+      }
+    ),
+    f({
+      id: r,
+      required: s || void 0,
+      "aria-invalid": i ? !0 : void 0,
+      /* HATA VE YARDIM BIRLIKTE baglanir, biri digerini EZMEZ. */
+      "aria-describedby": [i && n, a && t].filter(Boolean).join(" ") || void 0
+    }),
+    i && /* @__PURE__ */ l("p", { id: n, className: e.field__error, role: "alert", children: [
+      /* @__PURE__ */ d(v, { "aria-hidden": !0, className: e.field__errorIcon }),
+      i
+    ] }),
+    a && /* @__PURE__ */ d("p", { id: t, className: e.field__hint, children: a })
+  ] });
+}, C = /* @__PURE__ */ N(I);
+export {
+  C as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Field/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useId } from 'react';\n\nimport { ExclamationCircleFill } from 'react-bootstrap-icons';\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\n/** Girdiye yayılacak erişilebilirlik bağları. */\nexport type FieldChildProps = {\n  id: string;\n  'aria-invalid'?: boolean;\n  'aria-describedby'?: string;\n  required?: boolean;\n};\n\ntype BaseProps = {\n  label: string;\n  /** Girdi bileşenini alan `id` ve `aria-*` bağlarıyla üretir. */\n  children: (props: FieldChildProps) => ReactNode;\n  hint?: string;\n  error?: string;\n  /** Etiketi gizler ama ekran okuyucuya bırakır (arama kutusu gibi). */\n  isLabelHidden?: boolean;\n  className?: string;\n};\n\ntype Props = BaseProps & {\n  isRequired?: boolean;\n  /** Zorunluluk yıldızının ekran okuyucu karşılığı (\"(zorunlu)\"). */\n  requiredLabel?: string;\n};\n\n/**\n * Form alanı sarmalayıcısı.\n * @example <Field label=\"E-posta\" isRequired requiredLabel=\"(zorunlu)\"…\n * @example // `{...props}` yaymayan bileşenlerde (Combobox, Select) yalnızca `id`…\n */\nconst Field: FC<Props> = ({\n  label,\n  children,\n  hint,\n  error,\n  isRequired,\n  requiredLabel,\n  isLabelHidden,\n  className,\n}) => {\n  const { labels } = useUi();\n  const id = useId();\n  const errorId = `${id}-error`;\n  const hintId = `${id}-hint`;\n\n  return (\n    <div className={cx(styles.field, className)}>\n      <label\n        htmlFor={id}\n        className={cx(styles.field__label, isLabelHidden && styles['field__label--hidden'])}\n      >\n        {label}\n        {isRequired && (\n          <>\n            <span className={styles.field__required} aria-hidden>\n              *\n            </span>\n            <span className={styles.field__srOnly}>\n              {resolveLabel('Field.requiredLabel', requiredLabel, labels?.required)}\n            </span>\n          </>\n        )}\n      </label>\n\n      {children({\n        id,\n        required: isRequired || undefined,\n        'aria-invalid': error ? true : undefined,\n        /* HATA VE YARDIM BIRLIKTE baglanir, biri digerini EZMEZ. */\n        'aria-describedby':\n          [error && errorId, hint && hintId].filter(Boolean).join(' ') || undefined,\n      })}\n\n      {/*\n        HATA VE IPUCU BIRLIKTE cizilir.\n\n        Ipucu eskiden hatanin ALTERNATIFIYDI: hata belirir belirmez kural\n        ekrandan siliniyordu. Yani kullanici tam olarak kurali okumasi gereken\n        anda onu kaybediyordu — \"Cok kisa\" diyor ama neye gore kisa oldugunu\n        artik hicbir yer yazmiyor. `aria-describedby` de ikisini birden\n        gosteriyor; biri cizilmediginde bag BOS bir dugume isaret ediyordu.\n      */}\n      {error && (\n        <p id={errorId} className={styles.field__error} role=\"alert\">\n          <ExclamationCircleFill aria-hidden className={styles.field__errorIcon} />\n          {error}\n        </p>\n      )}\n\n      {hint && (\n        <p id={hintId} className={styles.field__hint}>\n          {hint}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Field) as typeof Field;\n"],"names":["Field","label","children","hint","error","isRequired","requiredLabel","isLabelHidden","className","labels","useUi","id","useId","errorId","hintId","cx","styles","jsxs","Fragment","jsx","ExclamationCircleFill","Field$1"],"mappings":";;;;;;;;AAyCA,MAAMA,IAAmB,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAKC,EAAA,GACLC,IAAU,GAAGF,CAAE,UACfG,IAAS,GAAGH,CAAE;AAEpB,2BACG,OAAA,EAAI,WAAWI,EAAGC,EAAO,OAAOR,CAAS,GACxC,UAAA;AAAA,IAAA,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASN;AAAA,QACT,WAAWI,EAAGC,EAAO,cAAcT,KAAiBS,EAAO,sBAAsB,CAAC;AAAA,QAEjF,UAAA;AAAA,UAAAf;AAAA,UACAI,KACC,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAC,EAAC,UAAK,WAAWH,EAAO,iBAAiB,eAAW,IAAC,UAAA,KAErD;AAAA,YACA,gBAAAG,EAAC,QAAA,EAAK,WAAWH,EAAO,eACrB,YAAa,uBAAuBV,GAAeG,KAAA,gBAAAA,EAAQ,QAAQ,EAAA,CACtE;AAAA,UAAA,EAAA,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAIHP,EAAS;AAAA,MACR,IAAAS;AAAA,MACA,UAAUN,KAAc;AAAA,MACxB,gBAAgBD,IAAQ,KAAO;AAAA;AAAA,MAE/B,oBACE,CAACA,KAASS,GAASV,KAAQW,CAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAAA,IAAA,CACnE;AAAA,IAWAV,uBACE,KAAA,EAAE,IAAIS,GAAS,WAAWG,EAAO,cAAc,MAAK,SACnD,UAAA;AAAA,MAAA,gBAAAG,EAACC,GAAA,EAAsB,eAAW,IAAC,WAAWJ,EAAO,kBAAkB;AAAA,MACtEZ;AAAA,IAAA,GACH;AAAA,IAGDD,uBACE,KAAA,EAAE,IAAIW,GAAQ,WAAWE,EAAO,aAC9B,UAAAb,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ,GAEAkB,sBAAkCrB,CAAK;"}

package/build/components/Field/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-field-KKvre{display:flex;flex-direction:column;gap:var(--hd-space-2)}.ui-field__label-9dlYd{font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-medium);line-height:var(--hd-type-h4-line-height);color:var(--hd-text);display:flex;align-items:center;gap:2px;order:var(--ui-field-label-order, 0)}.ui-field__label--hidden-ufuVt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-field__required-hbDJk{color:var(--hd-danger-fg)}.ui-field__srOnly-2WQFH{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-field__hint-SQPiL{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);line-height:var(--hd-type-body-line-height);order:var(--ui-field-message-order, 0)}.ui-field__error-gLlZ-{display:flex;align-items:center;gap:var(--hd-space-1);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-medium);color:var(--hd-danger-fg);line-height:var(--hd-type-body-line-height);margin:0;order:var(--ui-field-message-order, 0)}.ui-field__errorIcon-uA3o8{font-size:14px;flex-shrink:0}}

package/build/components/FileUpload/index.cjs

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

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

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

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+export type UploadFile = {
+    id: string;
+    name: string;
+    /** Bayt. */
+    size: number;
+    /** 0-100. `undefined` → yükleme başlamadı ya da bitti. */
+    progress?: number;
+    /** Bu dosyaya ait hata. */
+    error?: string;
+};
+type Props = {
+    files: UploadFile[];
+    /** Kullanıcı dosya seçtiğinde/bıraktığında çağrılır — DOĞRULANMIŞ liste. */
+    onSelect: (files: File[]) => void;
+    onRemove: (id: string) => void;
+    /** Alanın görünür etiketi ve erişilebilir adı. */
+    label: string;
+    /** Etiketin altındaki kural cümlesi ("PDF veya JPG, en fazla 5 MB"). */
+    hint?: string;
+    /** `<input accept>` — tarayıcının dosya seçicisini süzer. */
+    accept?: string;
+    isMultiple?: boolean;
+    /** Bayt. */
+    maxSize?: number;
+    /** Kaldırma düğmelerinin erişilebilir ad öneki ("Kaldır"). */
+    removeLabel: string;
+    /** Sürükle-bırak alanının içine yazılan çağrı ("Dosyaları buraya bırakın"). */
+    dropLabel: string;
+    /** Boyut aşıldığında yazılan hata; `{name}` ve `{max}` yerine konur. */
+    sizeErrorText?: string;
+    isDisabled?: boolean;
+    /** Alanın tamamına ait hata (sunucu reddi). */
+    error?: string;
+    children?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+/** Dosya yükleme — sürükle-bırak ve düğme. */
+declare const FileUpload: ({ files, onSelect, onRemove, label, hint, accept, isMultiple, maxSize, removeLabel, dropLabel, sizeErrorText, isDisabled, error, children, className, testId, }: Props) => import("react").JSX.Element;
+declare const _default: typeof FileUpload;
+export default _default;