@handijit/ui 0.0.0-stage → 2.0.0

package/build/components/Modal/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-modal-3IDi9{border:none;padding:0;background:none;color:var(--hd-text);max-width:min(92vw,560px);width:100%;max-height:90dvh}.ui-modal--sm-A7WsS{max-width:min(92vw,440px)}.ui-modal--lg-z99Em{max-width:min(92vw,880px)}.ui-modal--xl-g3d6F{max-width:min(94vw,1040px)}.ui-modal-3IDi9{opacity:0;translate:0 6px;transition:opacity var(--hd-duration-fast) var(--hd-ease-standard),translate var(--hd-duration-fast) var(--hd-ease-standard),overlay var(--hd-duration-fast) allow-discrete,display var(--hd-duration-fast) allow-discrete}.ui-modal-3IDi9[open]{opacity:1;translate:0 0}@starting-style{.ui-modal-3IDi9[open]{opacity:0;translate:0 6px}}@media (prefers-reduced-motion: reduce){.ui-modal-3IDi9{transition:none}}.ui-modal-3IDi9::backdrop{opacity:0;transition:opacity var(--hd-duration-fast) var(--hd-ease-standard),overlay var(--hd-duration-fast) allow-discrete,display var(--hd-duration-fast) allow-discrete}.ui-modal-3IDi9[open]::backdrop{opacity:1}@starting-style{.ui-modal-3IDi9[open]::backdrop{opacity:0}}@media (prefers-reduced-motion: reduce){.ui-modal-3IDi9::backdrop{transition:none}}.ui-modal-3IDi9:focus-visible{outline:none}.ui-modal-3IDi9:focus-visible .ui-modal__panel--qLSz{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-modal-3IDi9::backdrop{background-color:var(--hd-scrim);-webkit-backdrop-filter:blur(var(--ui-scrim-blur, 3px));backdrop-filter:blur(var(--ui-scrim-blur, 3px))}@media (max-width: 640px){.ui-modal-3IDi9,.ui-modal--sm-A7WsS,.ui-modal--lg-z99Em,.ui-modal--xl-g3d6F{max-width:none;width:100%;max-height:calc(92dvh - env(safe-area-inset-top,0px));margin:auto 0 0;margin-bottom:max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px))}.ui-modal-3IDi9:not([open]),.ui-modal-3IDi9[open]{opacity:0;translate:0 100%;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-modal-3IDi9:not([open])[open],.ui-modal-3IDi9[open][open]{opacity:1;translate:0 0}@starting-style{.ui-modal-3IDi9:not([open])[open],.ui-modal-3IDi9[open][open]{opacity:0;translate:0 100%}}}@media (max-width: 640px) and (prefers-reduced-motion: reduce){.ui-modal-3IDi9:not([open]),.ui-modal-3IDi9[open]{transition:none}}.ui-modal__panel--qLSz{display:flex;flex-direction:column;max-height:90dvh;background-color:var(--hd-bg-overlay);border:1px solid var(--hd-border);border-radius:var(--hd-radius-lg);box-shadow:var(--hd-shadow-3);overflow:hidden}@media (max-width: 640px){.ui-modal__panel--qLSz{max-height:92dvh;border-radius:var(--hd-radius-lg) var(--hd-radius-lg) 0 0;border-bottom:none}}.ui-modal__header-meWm6{display:flex;align-items:flex-start;gap:var(--hd-space-3);padding:var(--hd-space-4) var(--hd-space-5);border-bottom:1px solid var(--hd-border);flex-shrink:0}@media (max-width: 640px){.ui-modal__header-meWm6{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))}}.ui-modal__icon-df2dd{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--hd-radius-sm);font-size:24px}.ui-modal__icon--neutral-QSL7c{background-color:var(--hd-bg-raised);border:1px solid var(--hd-border);color:var(--hd-text-2)}.ui-modal__icon--danger-6V90a{background-color:var(--hd-danger-bg);border:1px solid var(--hd-danger-line);color:var(--hd-danger-fg)}.ui-modal__icon--warning-a--FX{background-color:var(--hd-warning-bg);border:1px solid var(--hd-warning-line);color:var(--hd-warning-fg)}.ui-modal__icon--success-YWxZs{background-color:var(--hd-success-bg);border:1px solid var(--hd-success-line);color:var(--hd-success-fg)}.ui-modal__icon--info-WRLah{background-color:var(--hd-info-bg);border:1px solid var(--hd-info-line);color:var(--hd-info-fg)}.ui-modal__heading-PwDS8{display:flex;flex-direction:column;gap:var(--hd-space-1);flex:1;min-width:0;padding-top:2px}.ui-modal__title-80Sh6{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-modal__description-fsCHI{font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2);margin:0;max-width:68ch}.ui-modal__close-vFPbw{flex-shrink:0;margin-top:-2px}.ui-modal__body-PDF12{padding:var(--hd-space-5);position:relative;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-modal__body-PDF12::-webkit-scrollbar{width:8px;height:8px}.ui-modal__body-PDF12::-webkit-scrollbar-track{background:transparent}.ui-modal__body-PDF12::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-modal__body-PDF12::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}@media (max-width: 640px){.ui-modal__body-PDF12{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))}.ui-modal__body-PDF12: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-modal__footer-CCCkx{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-2);justify-content:flex-end;padding:var(--hd-space-4) var(--hd-space-5);border-top:1px solid var(--hd-border);background-color:var(--hd-bg-raised);flex-shrink:0}@media (max-width: 640px){.ui-modal__footer-CCCkx{padding:var(--hd-space-3) 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));padding-bottom:max(var(--hd-space-3),env(safe-area-inset-bottom,0px) - max(env(safe-area-inset-bottom,0px),var(--ui-sheet-inset-bottom, 0px)));flex-direction:column-reverse}.ui-modal__footer-CCCkx>*{width:100%}}}

package/build/components/PageHeader/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),_=require("react"),m=require("../../helpers/class-name.helper.cjs"),a={default:{"header":"ui-header-yJwus","header__top":"ui-header__top-UK4si","header__breadcrumb":"ui-header__breadcrumb-A2j0i","header__text":"ui-header__text-HIo8U","header__eyebrow":"ui-header__eyebrow-dZ9Zc","header__titleRow":"ui-header__titleRow-KgDZj","header__title":"ui-header__title-s1giF","header__meta":"ui-header__meta-UxuaD","header__description":"ui-header__description-NXbbC","header__actions":"ui-header__actions-aShpt"}},o=({title:c,eyebrow:s,description:d,actions:l,breadcrumb:r,meta:t,children:i,as:h="h1",className:n,testId:u})=>e.jsxs("header",{className:m.cx(a.default.header,n),"data-testid":u,children:[r&&e.jsx("div",{className:a.default.header__breadcrumb,children:r}),e.jsxs("div",{className:a.default.header__top,children:[e.jsxs("div",{className:a.default.header__text,children:[s&&e.jsx("span",{className:a.default.header__eyebrow,children:s}),e.jsxs("div",{className:a.default.header__titleRow,children:[e.jsx(h,{className:a.default.header__title,children:c}),t&&e.jsx("span",{className:a.default.header__meta,children:t})]}),d&&e.jsx("p",{className:a.default.header__description,children:d})]}),l&&e.jsx("div",{className:a.default.header__actions,children:l})]}),i]}),x=_.memo(o);exports.default=x;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/PageHeader/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  /** Başlığın üstündeki küçük bağlam etiketi (\"HESABIM\", \"KATEGORİ\"). */\n  eyebrow?: string;\n  /** Bir cümlelik açıklama. 68ch ile sınırlı tutulur. */\n  description?: ReactNode;\n  /** Sağ tarafta duran eylemler. */\n  actions?: ReactNode;\n  /** Başlık satırının üstündeki kırıntı yolu. */\n  breadcrumb?: ReactNode;\n  /** Başlığın yanındaki sayaç (\"1.248 kayıt\"). */\n  meta?: ReactNode;\n  /** Başlık bloğunun altında duran ek içerik (filtre şeridi, sekmeler). */\n  children?: ReactNode;\n  /** `h1` sayfada bir kez bulunur; iç bölümler `h2` alır. */\n  as?: 'h1' | 'h2';\n  className?: string;\n  testId?: string;\n};\n\n/** Sayfa başlığı — her ekranın aynı giriş bloğu. */\nconst PageHeader: FC<Props> = ({\n  title,\n  eyebrow,\n  description,\n  actions,\n  breadcrumb,\n  meta,\n  children,\n  as: Heading = 'h1',\n  className,\n  testId,\n}) => (\n  <header className={cx(styles.header, className)} data-testid={testId}>\n    {/*\n      Yuva KENDI kutusunda: `header` bir dikey esnek kutu ve yuvanin cocugu\n      dogrudan ona dustugunde `align-items: stretch` aliyordu. `Breadcrumb`\n      zaten tam genislikte akan bir seritti, fark etmiyordu; icine bir dugme\n      konunca (bir kayit formunun \"Geri\"si) dugme baslik genisligine yayilip\n      ortalanmis metinle cikiyordu. Yuva artik icerigi kadar.\n    */}\n    {breadcrumb && <div className={styles.header__breadcrumb}>{breadcrumb}</div>}\n\n    <div className={styles.header__top}>\n      <div className={styles.header__text}>\n        {eyebrow && <span className={styles.header__eyebrow}>{eyebrow}</span>}\n\n        <div className={styles.header__titleRow}>\n          <Heading className={styles.header__title}>{title}</Heading>\n          {meta && <span className={styles.header__meta}>{meta}</span>}\n        </div>\n\n        {description && <p className={styles.header__description}>{description}</p>}\n      </div>\n\n      {actions && <div className={styles.header__actions}>{actions}</div>}\n    </div>\n\n    {children}\n  </header>\n);\n\nexport default /*#__PURE__*/ memo(PageHeader) as typeof PageHeader;\n"],"names":["PageHeader","title","eyebrow","description","actions","breadcrumb","meta","children","Heading","className","testId","jsxs","cx","styles","jsx","index"],"mappings":"0PA2BMA,EAAwB,CAAC,CAC7B,MAAAC,EACA,QAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAIC,EAAU,KACd,UAAAC,EACA,OAAAC,CACF,IACEC,OAAC,UAAO,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,OAAQJ,CAAS,EAAG,cAAaC,EAQ3D,SAAA,CAAAL,GAAcS,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAqB,SAAAR,EAAW,EAEtEM,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,YACrB,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,aACpB,SAAA,CAAAX,GAAWY,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,gBAAkB,SAAAX,EAAQ,EAE9DS,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,iBACrB,SAAA,CAAAC,EAAAA,IAACN,EAAA,CAAQ,UAAWK,EAAAA,QAAO,cAAgB,SAAAZ,EAAM,EAChDK,GAAQQ,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,aAAe,SAAAP,CAAA,CAAK,CAAA,EACvD,EAECH,GAAeW,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,oBAAsB,SAAAV,CAAA,CAAY,CAAA,EACzE,EAECC,GAAWU,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,gBAAkB,SAAAT,CAAA,CAAQ,CAAA,EAC/D,EAECG,CAAA,EACH,EAGFQ,SAAkCf,CAAU"}

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

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    title: string;
+    /** Başlığın üstündeki küçük bağlam etiketi ("HESABIM", "KATEGORİ"). */
+    eyebrow?: string;
+    /** Bir cümlelik açıklama. 68ch ile sınırlı tutulur. */
+    description?: ReactNode;
+    /** Sağ tarafta duran eylemler. */
+    actions?: ReactNode;
+    /** Başlık satırının üstündeki kırıntı yolu. */
+    breadcrumb?: ReactNode;
+    /** Başlığın yanındaki sayaç ("1.248 kayıt"). */
+    meta?: ReactNode;
+    /** Başlık bloğunun altında duran ek içerik (filtre şeridi, sekmeler). */
+    children?: ReactNode;
+    /** `h1` sayfada bir kez bulunur; iç bölümler `h2` alır. */
+    as?: 'h1' | 'h2';
+    className?: string;
+    testId?: string;
+};
+/** Sayfa başlığı — her ekranın aynı giriş bloğu. */
+declare const PageHeader: FC<Props>;
+declare const _default: typeof PageHeader;
+export default _default;

package/build/components/PageHeader/index.js

@@ -0,0 +1,34 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { memo as o } from "react";
+import { cx as N } from "../../helpers/class-name.helper.js";
+const e = {"header":"ui-header-yJwus","header__top":"ui-header__top-UK4si","header__breadcrumb":"ui-header__breadcrumb-A2j0i","header__text":"ui-header__text-HIo8U","header__eyebrow":"ui-header__eyebrow-dZ9Zc","header__titleRow":"ui-header__titleRow-KgDZj","header__title":"ui-header__title-s1giF","header__meta":"ui-header__meta-UxuaD","header__description":"ui-header__description-NXbbC","header__actions":"ui-header__actions-aShpt"};
+const p = ({
+  title: h,
+  eyebrow: d,
+  description: r,
+  actions: l,
+  breadcrumb: c,
+  meta: i,
+  children: m,
+  as: t = "h1",
+  className: _,
+  testId: n
+}) => /* @__PURE__ */ s("header", { className: N(e.header, _), "data-testid": n, children: [
+  c && /* @__PURE__ */ a("div", { className: e.header__breadcrumb, children: c }),
+  /* @__PURE__ */ s("div", { className: e.header__top, children: [
+    /* @__PURE__ */ s("div", { className: e.header__text, children: [
+      d && /* @__PURE__ */ a("span", { className: e.header__eyebrow, children: d }),
+      /* @__PURE__ */ s("div", { className: e.header__titleRow, children: [
+        /* @__PURE__ */ a(t, { className: e.header__title, children: h }),
+        i && /* @__PURE__ */ a("span", { className: e.header__meta, children: i })
+      ] }),
+      r && /* @__PURE__ */ a("p", { className: e.header__description, children: r })
+    ] }),
+    l && /* @__PURE__ */ a("div", { className: e.header__actions, children: l })
+  ] }),
+  m
+] }), g = /* @__PURE__ */ o(p);
+export {
+  g as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PageHeader/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  /** Başlığın üstündeki küçük bağlam etiketi (\"HESABIM\", \"KATEGORİ\"). */\n  eyebrow?: string;\n  /** Bir cümlelik açıklama. 68ch ile sınırlı tutulur. */\n  description?: ReactNode;\n  /** Sağ tarafta duran eylemler. */\n  actions?: ReactNode;\n  /** Başlık satırının üstündeki kırıntı yolu. */\n  breadcrumb?: ReactNode;\n  /** Başlığın yanındaki sayaç (\"1.248 kayıt\"). */\n  meta?: ReactNode;\n  /** Başlık bloğunun altında duran ek içerik (filtre şeridi, sekmeler). */\n  children?: ReactNode;\n  /** `h1` sayfada bir kez bulunur; iç bölümler `h2` alır. */\n  as?: 'h1' | 'h2';\n  className?: string;\n  testId?: string;\n};\n\n/** Sayfa başlığı — her ekranın aynı giriş bloğu. */\nconst PageHeader: FC<Props> = ({\n  title,\n  eyebrow,\n  description,\n  actions,\n  breadcrumb,\n  meta,\n  children,\n  as: Heading = 'h1',\n  className,\n  testId,\n}) => (\n  <header className={cx(styles.header, className)} data-testid={testId}>\n    {/*\n      Yuva KENDI kutusunda: `header` bir dikey esnek kutu ve yuvanin cocugu\n      dogrudan ona dustugunde `align-items: stretch` aliyordu. `Breadcrumb`\n      zaten tam genislikte akan bir seritti, fark etmiyordu; icine bir dugme\n      konunca (bir kayit formunun \"Geri\"si) dugme baslik genisligine yayilip\n      ortalanmis metinle cikiyordu. Yuva artik icerigi kadar.\n    */}\n    {breadcrumb && <div className={styles.header__breadcrumb}>{breadcrumb}</div>}\n\n    <div className={styles.header__top}>\n      <div className={styles.header__text}>\n        {eyebrow && <span className={styles.header__eyebrow}>{eyebrow}</span>}\n\n        <div className={styles.header__titleRow}>\n          <Heading className={styles.header__title}>{title}</Heading>\n          {meta && <span className={styles.header__meta}>{meta}</span>}\n        </div>\n\n        {description && <p className={styles.header__description}>{description}</p>}\n      </div>\n\n      {actions && <div className={styles.header__actions}>{actions}</div>}\n    </div>\n\n    {children}\n  </header>\n);\n\nexport default /*#__PURE__*/ memo(PageHeader) as typeof PageHeader;\n"],"names":["PageHeader","title","eyebrow","description","actions","breadcrumb","meta","children","Heading","className","testId","jsxs","cx","styles","jsx","index"],"mappings":";;;;AA2BA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAIC,IAAU;AAAA,EACd,WAAAC;AAAA,EACA,QAAAC;AACF,MACE,gBAAAC,EAAC,YAAO,WAAWC,EAAGC,EAAO,QAAQJ,CAAS,GAAG,eAAaC,GAQ3D,UAAA;AAAA,EAAAL,KAAc,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,oBAAqB,UAAAR,GAAW;AAAA,EAEtE,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,aACrB,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,cACpB,UAAA;AAAA,MAAAX,KAAW,gBAAAY,EAAC,QAAA,EAAK,WAAWD,EAAO,iBAAkB,UAAAX,GAAQ;AAAA,MAE9D,gBAAAS,EAAC,OAAA,EAAI,WAAWE,EAAO,kBACrB,UAAA;AAAA,QAAA,gBAAAC,EAACN,GAAA,EAAQ,WAAWK,EAAO,eAAgB,UAAAZ,GAAM;AAAA,QAChDK,KAAQ,gBAAAQ,EAAC,QAAA,EAAK,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAK;AAAA,MAAA,GACvD;AAAA,MAECH,KAAe,gBAAAW,EAAC,KAAA,EAAE,WAAWD,EAAO,qBAAsB,UAAAV,EAAA,CAAY;AAAA,IAAA,GACzE;AAAA,IAECC,KAAW,gBAAAU,EAAC,OAAA,EAAI,WAAWD,EAAO,iBAAkB,UAAAT,EAAA,CAAQ;AAAA,EAAA,GAC/D;AAAA,EAECG;AAAA,GACH,GAGFQ,sBAAkCf,CAAU;"}

package/build/components/PageHeader/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-header-yJwus{display:flex;flex-direction:column;gap:var(--hd-space-4)}@media (max-width: 640px){.ui-header-yJwus{gap:var(--hd-space-3)}}.ui-header__top-UK4si{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--hd-space-5);flex-wrap:wrap}.ui-header__breadcrumb-A2j0i{align-self:flex-start;max-inline-size:100%;min-inline-size:0}.ui-header__text-HIo8U{display:flex;flex-direction:column;gap:var(--hd-space-2);min-width:0;flex:1 1 auto}.ui-header__eyebrow-dZ9Zc{font-family:var(--hd-font-body);font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);letter-spacing:.045em;text-transform:uppercase;color:var(--hd-text-2)}.ui-header__titleRow-KgDZj{display:flex;align-items:baseline;gap:var(--hd-space-3);flex-wrap:wrap}.ui-header__title-s1giF{font-family:var(--hd-font-display);font-size:var(--hd-type-h2-size);font-weight:var(--hd-type-h2-weight);font-stretch:var(--hd-type-h2-stretch);line-height:var(--hd-type-h2-line-height);letter-spacing:var(--hd-type-h2-letter-spacing);color:var(--hd-text);text-wrap:balance;margin:0}.ui-header__meta-UxuaD{font-family:var(--hd-font-body);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-medium);color:var(--hd-text-2);font-variant-numeric:tabular-nums;white-space:nowrap}.ui-header__description-NXbbC{font-size:var(--hd-type-body-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2);margin:0;max-width:68ch}.ui-header__actions-aShpt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-2);flex-shrink:0}@media (max-width: 640px){.ui-header__actions-aShpt{width:100%}.ui-header__actions-aShpt>*{flex:1 1 auto}}}

package/build/components/Pagination/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"),h=require("react"),K=require("react-bootstrap-icons"),m=require("../../helpers/class-name.helper.cjs"),q=require("../../helpers/label.helper.cjs"),D=require("../../helpers/scroll.helper.cjs"),F=require("../../hooks/useAnnounce.cjs"),W=require("../../theme/context.cjs"),B=require("../../enums/ui-size.enum.cjs"),G=require("../../enums/ui-variant.enum.cjs"),I=require("../Button/index.cjs"),O=require("../IconButton/index.cjs"),M=require("../Link/index.cjs"),c={default:{"pagination":"ui-pagination-K-L20","pagination__list":"ui-pagination__list--9HqC","pagination__arrow":"ui-pagination__arrow-XIgoX","pagination__page":"ui-pagination__page-TpoJM","pagination__page--active":"ui-pagination__page--active-XHeaz","pagination__gap":"ui-pagination__gap-qoDyI"}},U=(i,n)=>{if(n<=7)return Array.from({length:n},(r,a)=>a+1);const u=new Set([1,n,i]);i-1>1&&u.add(i-1),i+1<n&&u.add(i+1);const f=[...u].sort((r,a)=>r-a),d=[];return f.forEach((r,a)=>{a>0&&r-f[a-1]>1&&d.push("gap"),d.push(r)}),d},V=({page:i,totalPages:n,label:u,previousLabel:f,nextLabel:d,buildHref:r,onPageChange:a,linkProps:l,formatAnnouncement:x,scrollTo:R,className:T,testId:$})=>{var S,g,w;const{labels:s}=W.useUi(),j=F.default(),L=h.useRef(i);h.useEffect(()=>{L.current!==i&&(L.current=i,x&&j(x(i,n)))},[i,n,x,j]);const E=h.useMemo(()=>U(i,n),[i,n]);if(n<=1)return null;const N=e=>{R==="top"&&e!==i&&D.scrollWindowToTop()},b=e=>{a&&(a(e),N(e))},p=l==null?void 0:l.onClick,C=(e,o)=>{p==null||p(e),!(e.defaultPrevented||e.button!==0)&&(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||N(o))},y=(e,o,_)=>{const A=e<1||e>n;return r&&!A?t.jsx(M.default,{href:r(e),className:c.default.pagination__arrow,"aria-label":o,...l,onClick:z=>C(z,e),children:_}):t.jsx(O.default,{className:c.default.pagination__arrow,icon:_,label:o,variant:"outline",disabled:A,onClick:()=>b(e)})};return t.jsxs("nav",{className:m.cx(c.default.pagination,T),"aria-label":q.resolveLabel("Pagination.label",u,(S=s==null?void 0:s.pagination)==null?void 0:S.label),"data-testid":$,children:[y(i-1,q.resolveLabel("Pagination.previousLabel",f,(g=s==null?void 0:s.pagination)==null?void 0:g.previous),t.jsx(K.CaretLeftFill,{"aria-hidden":!0})),t.jsx("ul",{className:c.default.pagination__list,children:E.map((e,o)=>e==="gap"?t.jsx("li",{className:c.default.pagination__gap,"aria-hidden":!0,children:"…"},`gap-${o}`):t.jsx("li",{children:r?t.jsx(M.default,{href:r(e),className:m.cx(c.default.pagination__page,e===i&&c.default["pagination__page--active"]),"aria-current":e===i?"page":void 0,...l,onClick:_=>C(_,e),children:e}):t.jsx(I.default,{variant:G.default.SECONDARY,size:B.default.SMALL,className:m.cx(c.default.pagination__page,e===i&&c.default["pagination__page--active"]),"aria-current":e===i?"page":void 0,onClick:()=>b(e),children:e})},e))}),y(i+1,q.resolveLabel("Pagination.nextLabel",d,(w=s==null?void 0:s.pagination)==null?void 0:w.next),t.jsx(K.CaretRightFill,{"aria-hidden":!0}))]})},Y=h.memo(V);exports.default=Y;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type MouseEvent, type ReactNode, memo, useEffect, useMemo, useRef } from 'react';\n\nimport { CaretLeftFill, CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { scrollWindowToTop } from '../../helpers/scroll.helper';\nimport useAnnounce from '../../hooks/useAnnounce';\nimport { useUi } from '../../theme/context';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype BaseProps = {\n  page: number;\n  totalPages: number;\n  /** Gezinme bölgesinin erişilebilir adı. */\n  label?: string;\n  /** Verilmezse `labels.pagination.previous`. */\n  previousLabel?: string;\n  /** Verilmezse `labels.pagination.next`. */\n  nextLabel?: string;\n  /** Sayfa değiştiğinde ekran okuyucuya duyurulacak metin (\"3. sayfa · 1.248 sonuç\"). */\n  formatAnnouncement?: (page: number, totalPages: number) => string;\n  /**\n   * Sayfa değiştiren bir tıklamadan sonra kaydırma. `'top'` verilirse pencere en üste alınır —\n   * çağıran tarafta kaydırma kodu yazılmaz.\n   */\n  scrollTo?: 'top';\n  className?: string;\n  testId?: string;\n};\n\ntype LinkProps = BaseProps & {\n  /** Sayfa numarasının adresini üretir. */\n  buildHref: (page: number) => string;\n  onPageChange?: never;\n  /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }` gibi). */\n  linkProps?: UiLinkExtraProps;\n};\n\ntype ButtonProps = BaseProps & {\n  /** Sayfa değişimi adres çubuğu YERİNE buraya bildirilir. */\n  onPageChange: (page: number) => void;\n  buildHref?: never;\n  linkProps?: never;\n};\n\ntype Props = LinkProps | ButtonProps;\n\n/** Kenarlarda 1 ve son sayfa her zaman gorunur; arasi kisaltilir. */\nconst buildPageList = (page: number, totalPages: number): (number | 'gap')[] => {\n  if (totalPages <= 7) return Array.from({ length: totalPages }, (_, index) => index + 1);\n\n  const pages = new Set<number>([1, totalPages, page]);\n  if (page - 1 > 1) pages.add(page - 1);\n  if (page + 1 < totalPages) pages.add(page + 1);\n\n  const sorted = [...pages].sort((left, right) => left - right);\n  const pagesWithGaps: (number | 'gap')[] = [];\n\n  sorted.forEach((value, index) => {\n    if (index > 0 && value - sorted[index - 1] > 1) pagesWithGaps.push('gap');\n    pagesWithGaps.push(value);\n  });\n\n  return pagesWithGaps;\n};\n\n/** Sayfalama. */\nconst Pagination: FC<Props> = ({\n  page,\n  totalPages,\n  label,\n  previousLabel,\n  nextLabel,\n  buildHref,\n  onPageChange,\n  linkProps,\n  formatAnnouncement,\n  scrollTo,\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const announce = useAnnounce();\n\n  /*\n   * Sayfa DEGISTIGINDE duyurulur, ilk cizimde degil: acilista \"1. sayfa\" demek, kullanicinin\n   * sormadigi bir soruyu cevaplamak ve ekran okuyucunun sayfa…\n   */\n  const previousPage = useRef(page);\n\n  useEffect(() => {\n    if (previousPage.current === page) return;\n    previousPage.current = page;\n\n    if (formatAnnouncement) announce(formatAnnouncement(page, totalPages));\n  }, [page, totalPages, formatAnnouncement, announce]);\n  const pages = useMemo(() => buildPageList(page, totalPages), [page, totalPages]);\n\n  if (totalPages <= 1) return null;\n\n  /*\n   * Sayfa GERCEKTEN degistiyse kaydirilir: etkin sayfaya basmak icerigi degistirmiyor, oyleyse\n   * gorunumu de degistirmemeli.\n   */\n  const scrollAfterChange = (target: number) => {\n    if (scrollTo === 'top' && target !== page) scrollWindowToTop();\n  };\n\n  const goTo = (target: number) => {\n    if (!onPageChange) return;\n\n    onPageChange(target);\n    scrollAfterChange(target);\n  };\n\n  const extraOnClick = linkProps?.onClick as\n    ((event: MouseEvent<HTMLAnchorElement>) => void) | undefined;\n\n  /*\n   * Yeni sekmede acan tiklamada (orta tus, Ctrl/Cmd) MEVCUT sayfa yerinde kalir; onu basa almak\n   * kullanicinin okudugu yeri elinden almak olurdu.\n   */\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>, target: number) => {\n    extraOnClick?.(event);\n\n    if (event.defaultPrevented || event.button !== 0) return;\n    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n\n    scrollAfterChange(target);\n  };\n\n  /* Baglanti kipinde oklar da BAGLANTIDIR. */\n  const renderArrow = (target: number, arrowLabel: string, icon: ReactNode) => {\n    const isDisabled = target < 1 || target > totalPages;\n\n    if (buildHref && !isDisabled)\n      return (\n        <UiLink\n          href={buildHref(target)}\n          className={styles.pagination__arrow}\n          aria-label={arrowLabel}\n          {...linkProps}\n          onClick={event => handleLinkClick(event, target)}\n        >\n          {icon}\n        </UiLink>\n      );\n\n    return (\n      <IconButton\n        className={styles.pagination__arrow}\n        icon={icon}\n        label={arrowLabel}\n        variant=\"outline\"\n        disabled={isDisabled}\n        onClick={() => goTo(target)}\n      />\n    );\n  };\n\n  return (\n    <nav\n      className={cx(styles.pagination, className)}\n      aria-label={resolveLabel('Pagination.label', label, labels?.pagination?.label)}\n      data-testid={testId}\n    >\n      {renderArrow(\n        page - 1,\n        resolveLabel('Pagination.previousLabel', previousLabel, labels?.pagination?.previous),\n        <CaretLeftFill aria-hidden />,\n      )}\n\n      <ul className={styles.pagination__list}>\n        {pages.map((value, index) =>\n          value === 'gap' ? (\n            <li key={`gap-${index}`} className={styles.pagination__gap} aria-hidden>\n              …\n            </li>\n          ) : (\n            <li key={value}>\n              {buildHref ? (\n                <UiLink\n                  href={buildHref(value)}\n                  className={cx(\n                    styles.pagination__page,\n                    value === page && styles['pagination__page--active'],\n                  )}\n                  aria-current={value === page ? 'page' : undefined}\n                  {...linkProps}\n                  onClick={event => handleLinkClick(event, value)}\n                >\n                  {value}\n                </UiLink>\n              ) : (\n                <Button\n                  variant={UIVariant.SECONDARY}\n                  size={UISize.SMALL}\n                  className={cx(\n                    styles.pagination__page,\n                    value === page && styles['pagination__page--active'],\n                  )}\n                  aria-current={value === page ? 'page' : undefined}\n                  onClick={() => goTo(value)}\n                >\n                  {value}\n                </Button>\n              )}\n            </li>\n          ),\n        )}\n      </ul>\n\n      {renderArrow(\n        page + 1,\n        resolveLabel('Pagination.nextLabel', nextLabel, labels?.pagination?.next),\n        <CaretRightFill aria-hidden />,\n      )}\n    </nav>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Pagination) as typeof Pagination;\n"],"names":["buildPageList","page","totalPages","_","index","pages","sorted","left","right","pagesWithGaps","value","Pagination","label","previousLabel","nextLabel","buildHref","onPageChange","linkProps","formatAnnouncement","scrollTo","className","testId","labels","useUi","announce","useAnnounce","previousPage","useRef","useEffect","useMemo","scrollAfterChange","target","scrollWindowToTop","goTo","extraOnClick","handleLinkClick","event","renderArrow","arrowLabel","icon","isDisabled","jsx","UiLink","styles","IconButton","jsxs","cx","resolveLabel","_a","_b","CaretLeftFill","Button","UIVariant","UISize","_c","CaretRightFill"],"mappings":"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"}

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

@@ -0,0 +1,39 @@
+import { FC } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+type BaseProps = {
+    page: number;
+    totalPages: number;
+    /** Gezinme bölgesinin erişilebilir adı. */
+    label?: string;
+    /** Verilmezse `labels.pagination.previous`. */
+    previousLabel?: string;
+    /** Verilmezse `labels.pagination.next`. */
+    nextLabel?: string;
+    /** Sayfa değiştiğinde ekran okuyucuya duyurulacak metin ("3. sayfa · 1.248 sonuç"). */
+    formatAnnouncement?: (page: number, totalPages: number) => string;
+    /**
+     * Sayfa değiştiren bir tıklamadan sonra kaydırma. `'top'` verilirse pencere en üste alınır —
+     * çağıran tarafta kaydırma kodu yazılmaz.
+     */
+    scrollTo?: 'top';
+    className?: string;
+    testId?: string;
+};
+type LinkProps = BaseProps & {
+    /** Sayfa numarasının adresini üretir. */
+    buildHref: (page: number) => string;
+    onPageChange?: never;
+    /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }` gibi). */
+    linkProps?: UiLinkExtraProps;
+};
+type ButtonProps = BaseProps & {
+    /** Sayfa değişimi adres çubuğu YERİNE buraya bildirilir. */
+    onPageChange: (page: number) => void;
+    buildHref?: never;
+    linkProps?: never;
+};
+type Props = LinkProps | ButtonProps;
+/** Sayfalama. */
+declare const Pagination: FC<Props>;
+declare const _default: typeof Pagination;
+export default _default;

package/build/components/Pagination/index.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsxs as z, jsx as c } from "react/jsx-runtime";
+import { memo as B, useRef as D, useEffect as F, useMemo as M } from "react";
+import { CaretLeftFill as W, CaretRightFill as k } from "react-bootstrap-icons";
+import { cx as _ } from "../../helpers/class-name.helper.js";
+import { resolveLabel as C } from "../../helpers/label.helper.js";
+import { scrollWindowToTop as G } from "../../helpers/scroll.helper.js";
+import V from "../../hooks/useAnnounce.js";
+import { useUi as Y } from "../../theme/context.js";
+import $ from "../../enums/ui-size.enum.js";
+import q from "../../enums/ui-variant.enum.js";
+import J from "../Button/index.js";
+import O from "../IconButton/index.js";
+import g from "../Link/index.js";
+const s = {"pagination":"ui-pagination-K-L20","pagination__list":"ui-pagination__list--9HqC","pagination__arrow":"ui-pagination__arrow-XIgoX","pagination__page":"ui-pagination__page-TpoJM","pagination__page--active":"ui-pagination__page--active-XHeaz","pagination__gap":"ui-pagination__gap-qoDyI"};
+const Q = (r, n) => {
+  if (n <= 7) return Array.from({ length: n }, (o, t) => t + 1);
+  const m = /* @__PURE__ */ new Set([1, n, r]);
+  r - 1 > 1 && m.add(r - 1), r + 1 < n && m.add(r + 1);
+  const p = [...m].sort((o, t) => o - t), f = [];
+  return p.forEach((o, t) => {
+    t > 0 && o - p[t - 1] > 1 && f.push("gap"), f.push(o);
+  }), f;
+}, X = ({
+  page: r,
+  totalPages: n,
+  label: m,
+  previousLabel: p,
+  nextLabel: f,
+  buildHref: o,
+  onPageChange: t,
+  linkProps: d,
+  formatAnnouncement: h,
+  scrollTo: E,
+  className: I,
+  testId: R
+}) => {
+  var K, S, U;
+  const { labels: a } = Y(), L = V(), N = D(r);
+  F(() => {
+    N.current !== r && (N.current = r, h && L(h(r, n)));
+  }, [r, n, h, L]);
+  const T = M(() => Q(r, n), [r, n]);
+  if (n <= 1) return null;
+  const y = (i) => {
+    E === "top" && i !== r && G();
+  }, x = (i) => {
+    t && (t(i), y(i));
+  }, l = d == null ? void 0 : d.onClick, w = (i, e) => {
+    l == null || l(i), !(i.defaultPrevented || i.button !== 0) && (i.metaKey || i.ctrlKey || i.shiftKey || i.altKey || y(e));
+  }, A = (i, e, u) => {
+    const b = i < 1 || i > n;
+    return o && !b ? /* @__PURE__ */ c(
+      g,
+      {
+        href: o(i),
+        className: s.pagination__arrow,
+        "aria-label": e,
+        ...d,
+        onClick: (j) => w(j, i),
+        children: u
+      }
+    ) : /* @__PURE__ */ c(
+      O,
+      {
+        className: s.pagination__arrow,
+        icon: u,
+        label: e,
+        variant: "outline",
+        disabled: b,
+        onClick: () => x(i)
+      }
+    );
+  };
+  return /* @__PURE__ */ z(
+    "nav",
+    {
+      className: _(s.pagination, I),
+      "aria-label": C("Pagination.label", m, (K = a == null ? void 0 : a.pagination) == null ? void 0 : K.label),
+      "data-testid": R,
+      children: [
+        A(
+          r - 1,
+          C("Pagination.previousLabel", p, (S = a == null ? void 0 : a.pagination) == null ? void 0 : S.previous),
+          /* @__PURE__ */ c(W, { "aria-hidden": !0 })
+        ),
+        /* @__PURE__ */ c("ul", { className: s.pagination__list, children: T.map(
+          (i, e) => i === "gap" ? /* @__PURE__ */ c("li", { className: s.pagination__gap, "aria-hidden": !0, children: "…" }, `gap-${e}`) : /* @__PURE__ */ c("li", { children: o ? /* @__PURE__ */ c(
+            g,
+            {
+              href: o(i),
+              className: _(
+                s.pagination__page,
+                i === r && s["pagination__page--active"]
+              ),
+              "aria-current": i === r ? "page" : void 0,
+              ...d,
+              onClick: (u) => w(u, i),
+              children: i
+            }
+          ) : /* @__PURE__ */ c(
+            J,
+            {
+              variant: q.SECONDARY,
+              size: $.SMALL,
+              className: _(
+                s.pagination__page,
+                i === r && s["pagination__page--active"]
+              ),
+              "aria-current": i === r ? "page" : void 0,
+              onClick: () => x(i),
+              children: i
+            }
+          ) }, i)
+        ) }),
+        A(
+          r + 1,
+          C("Pagination.nextLabel", f, (U = a == null ? void 0 : a.pagination) == null ? void 0 : U.next),
+          /* @__PURE__ */ c(k, { "aria-hidden": !0 })
+        )
+      ]
+    }
+  );
+}, fi = /* @__PURE__ */ B(X);
+export {
+  fi as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Pagination/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, type MouseEvent, type ReactNode, memo, useEffect, useMemo, useRef } from 'react';\n\nimport { CaretLeftFill, CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { scrollWindowToTop } from '../../helpers/scroll.helper';\nimport useAnnounce from '../../hooks/useAnnounce';\nimport { useUi } from '../../theme/context';\nimport UISize from '../../enums/ui-size.enum';\nimport UIVariant from '../../enums/ui-variant.enum';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport Button from '../Button';\nimport IconButton from '../IconButton';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype BaseProps = {\n  page: number;\n  totalPages: number;\n  /** Gezinme bölgesinin erişilebilir adı. */\n  label?: string;\n  /** Verilmezse `labels.pagination.previous`. */\n  previousLabel?: string;\n  /** Verilmezse `labels.pagination.next`. */\n  nextLabel?: string;\n  /** Sayfa değiştiğinde ekran okuyucuya duyurulacak metin (\"3. sayfa · 1.248 sonuç\"). */\n  formatAnnouncement?: (page: number, totalPages: number) => string;\n  /**\n   * Sayfa değiştiren bir tıklamadan sonra kaydırma. `'top'` verilirse pencere en üste alınır —\n   * çağıran tarafta kaydırma kodu yazılmaz.\n   */\n  scrollTo?: 'top';\n  className?: string;\n  testId?: string;\n};\n\ntype LinkProps = BaseProps & {\n  /** Sayfa numarasının adresini üretir. */\n  buildHref: (page: number) => string;\n  onPageChange?: never;\n  /** Yönlendiriciye geçirilecek ek props (`{ scroll: false }` gibi). */\n  linkProps?: UiLinkExtraProps;\n};\n\ntype ButtonProps = BaseProps & {\n  /** Sayfa değişimi adres çubuğu YERİNE buraya bildirilir. */\n  onPageChange: (page: number) => void;\n  buildHref?: never;\n  linkProps?: never;\n};\n\ntype Props = LinkProps | ButtonProps;\n\n/** Kenarlarda 1 ve son sayfa her zaman gorunur; arasi kisaltilir. */\nconst buildPageList = (page: number, totalPages: number): (number | 'gap')[] => {\n  if (totalPages <= 7) return Array.from({ length: totalPages }, (_, index) => index + 1);\n\n  const pages = new Set<number>([1, totalPages, page]);\n  if (page - 1 > 1) pages.add(page - 1);\n  if (page + 1 < totalPages) pages.add(page + 1);\n\n  const sorted = [...pages].sort((left, right) => left - right);\n  const pagesWithGaps: (number | 'gap')[] = [];\n\n  sorted.forEach((value, index) => {\n    if (index > 0 && value - sorted[index - 1] > 1) pagesWithGaps.push('gap');\n    pagesWithGaps.push(value);\n  });\n\n  return pagesWithGaps;\n};\n\n/** Sayfalama. */\nconst Pagination: FC<Props> = ({\n  page,\n  totalPages,\n  label,\n  previousLabel,\n  nextLabel,\n  buildHref,\n  onPageChange,\n  linkProps,\n  formatAnnouncement,\n  scrollTo,\n  className,\n  testId,\n}) => {\n  const { labels } = useUi();\n  const announce = useAnnounce();\n\n  /*\n   * Sayfa DEGISTIGINDE duyurulur, ilk cizimde degil: acilista \"1. sayfa\" demek, kullanicinin\n   * sormadigi bir soruyu cevaplamak ve ekran okuyucunun sayfa…\n   */\n  const previousPage = useRef(page);\n\n  useEffect(() => {\n    if (previousPage.current === page) return;\n    previousPage.current = page;\n\n    if (formatAnnouncement) announce(formatAnnouncement(page, totalPages));\n  }, [page, totalPages, formatAnnouncement, announce]);\n  const pages = useMemo(() => buildPageList(page, totalPages), [page, totalPages]);\n\n  if (totalPages <= 1) return null;\n\n  /*\n   * Sayfa GERCEKTEN degistiyse kaydirilir: etkin sayfaya basmak icerigi degistirmiyor, oyleyse\n   * gorunumu de degistirmemeli.\n   */\n  const scrollAfterChange = (target: number) => {\n    if (scrollTo === 'top' && target !== page) scrollWindowToTop();\n  };\n\n  const goTo = (target: number) => {\n    if (!onPageChange) return;\n\n    onPageChange(target);\n    scrollAfterChange(target);\n  };\n\n  const extraOnClick = linkProps?.onClick as\n    ((event: MouseEvent<HTMLAnchorElement>) => void) | undefined;\n\n  /*\n   * Yeni sekmede acan tiklamada (orta tus, Ctrl/Cmd) MEVCUT sayfa yerinde kalir; onu basa almak\n   * kullanicinin okudugu yeri elinden almak olurdu.\n   */\n  const handleLinkClick = (event: MouseEvent<HTMLAnchorElement>, target: number) => {\n    extraOnClick?.(event);\n\n    if (event.defaultPrevented || event.button !== 0) return;\n    if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;\n\n    scrollAfterChange(target);\n  };\n\n  /* Baglanti kipinde oklar da BAGLANTIDIR. */\n  const renderArrow = (target: number, arrowLabel: string, icon: ReactNode) => {\n    const isDisabled = target < 1 || target > totalPages;\n\n    if (buildHref && !isDisabled)\n      return (\n        <UiLink\n          href={buildHref(target)}\n          className={styles.pagination__arrow}\n          aria-label={arrowLabel}\n          {...linkProps}\n          onClick={event => handleLinkClick(event, target)}\n        >\n          {icon}\n        </UiLink>\n      );\n\n    return (\n      <IconButton\n        className={styles.pagination__arrow}\n        icon={icon}\n        label={arrowLabel}\n        variant=\"outline\"\n        disabled={isDisabled}\n        onClick={() => goTo(target)}\n      />\n    );\n  };\n\n  return (\n    <nav\n      className={cx(styles.pagination, className)}\n      aria-label={resolveLabel('Pagination.label', label, labels?.pagination?.label)}\n      data-testid={testId}\n    >\n      {renderArrow(\n        page - 1,\n        resolveLabel('Pagination.previousLabel', previousLabel, labels?.pagination?.previous),\n        <CaretLeftFill aria-hidden />,\n      )}\n\n      <ul className={styles.pagination__list}>\n        {pages.map((value, index) =>\n          value === 'gap' ? (\n            <li key={`gap-${index}`} className={styles.pagination__gap} aria-hidden>\n              …\n            </li>\n          ) : (\n            <li key={value}>\n              {buildHref ? (\n                <UiLink\n                  href={buildHref(value)}\n                  className={cx(\n                    styles.pagination__page,\n                    value === page && styles['pagination__page--active'],\n                  )}\n                  aria-current={value === page ? 'page' : undefined}\n                  {...linkProps}\n                  onClick={event => handleLinkClick(event, value)}\n                >\n                  {value}\n                </UiLink>\n              ) : (\n                <Button\n                  variant={UIVariant.SECONDARY}\n                  size={UISize.SMALL}\n                  className={cx(\n                    styles.pagination__page,\n                    value === page && styles['pagination__page--active'],\n                  )}\n                  aria-current={value === page ? 'page' : undefined}\n                  onClick={() => goTo(value)}\n                >\n                  {value}\n                </Button>\n              )}\n            </li>\n          ),\n        )}\n      </ul>\n\n      {renderArrow(\n        page + 1,\n        resolveLabel('Pagination.nextLabel', nextLabel, labels?.pagination?.next),\n        <CaretRightFill aria-hidden />,\n      )}\n    </nav>\n  );\n};\n\nexport default /*#__PURE__*/ memo(Pagination) as typeof Pagination;\n"],"names":["buildPageList","page","totalPages","_","index","pages","sorted","left","right","pagesWithGaps","value","Pagination","label","previousLabel","nextLabel","buildHref","onPageChange","linkProps","formatAnnouncement","scrollTo","className","testId","labels","useUi","announce","useAnnounce","previousPage","useRef","useEffect","useMemo","scrollAfterChange","target","scrollWindowToTop","goTo","extraOnClick","handleLinkClick","event","renderArrow","arrowLabel","icon","isDisabled","jsx","UiLink","styles","IconButton","jsxs","cx","resolveLabel","_a","_b","CaretLeftFill","Button","UIVariant","UISize","_c","CaretRightFill"],"mappings":"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"}

package/build/components/Pagination/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";@layer ui{.ui-pagination-K-L20{display:flex;align-items:center;gap:var(--hd-space-1);flex-wrap:wrap;row-gap:var(--hd-space-1);justify-content:center;padding-block:var(--hd-space-5)}.ui-pagination__list--9HqC{display:flex;align-items:center;gap:var(--hd-space-1);flex-wrap:wrap;row-gap:var(--hd-space-1);justify-content:center;list-style:none;margin:0;padding:0}[dir=rtl] .ui-pagination__arrow-XIgoX svg{transform:scaleX(-1)}.ui-pagination__arrow-XIgoX,.ui-pagination__page-TpoJM{position:relative}.ui-pagination__arrow-XIgoX:after,.ui-pagination__page-TpoJM:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-pagination__arrow-XIgoX,.ui-pagination__page-TpoJM{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:var(--hd-space-2);font-family:var(--hd-font-display);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--hd-text-2);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm);cursor:pointer;text-decoration:none;transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),color var(--hd-duration-fast) var(--hd-ease-standard),background-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-pagination__arrow-XIgoX:hover:not(:disabled),.ui-pagination__page-TpoJM:hover:not(:disabled){border-color:var(--hd-border-strong);color:var(--hd-text)}.ui-pagination__arrow-XIgoX:focus-visible,.ui-pagination__page-TpoJM: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-pagination__arrow-XIgoX,.ui-pagination__page-TpoJM{transition:none}}.ui-pagination-K-L20 .ui-pagination__arrow-XIgoX,.ui-pagination-K-L20 .ui-pagination__page-TpoJM{width:auto;min-width:40px;height:40px;min-height:40px;padding:0;padding-inline:var(--hd-space-2);font-family:var(--hd-font-display);font-size:var(--hd-type-small-size);font-weight:var(--hd-font-weight-semibold);font-variant-numeric:tabular-nums;letter-spacing:normal;color:var(--hd-text-2);background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-sm)}.ui-pagination-K-L20 .ui-pagination__arrow-XIgoX:hover:not(:disabled),.ui-pagination-K-L20 .ui-pagination__page-TpoJM:hover:not(:disabled){border-color:var(--hd-border-strong);background-color:var(--hd-bg-surface);color:var(--hd-text)}.ui-pagination-K-L20 .ui-pagination__arrow-XIgoX:disabled,.ui-pagination-K-L20 .ui-pagination__page-TpoJM:disabled{background-color:var(--hd-bg-raised);border-color:var(--hd-border);cursor:not-allowed;color:var(--hd-text-3)}@media (forced-colors: active){.ui-pagination-K-L20 .ui-pagination__arrow-XIgoX:disabled,.ui-pagination-K-L20 .ui-pagination__page-TpoJM:disabled{color:GrayText;border-color:GrayText}}.ui-pagination-K-L20 .ui-pagination__page--active-XHeaz{background-color:var(--hd-primary);border-color:var(--hd-primary);color:var(--hd-on-primary)}.ui-pagination-K-L20 .ui-pagination__page--active-XHeaz:hover:not(:disabled),.ui-pagination-K-L20 .ui-pagination__page--active-XHeaz:active:not(:disabled){background-color:var(--hd-primary-hover);border-color:var(--hd-primary-hover);color:var(--hd-on-primary)}.ui-pagination__gap-qoDyI{display:inline-flex;align-items:flex-end;justify-content:center;min-width:24px;height:40px;color:var(--hd-text-3);-webkit-user-select:none;user-select:none}@media (max-width: 640px){.ui-pagination-K-L20 .ui-pagination__arrow-XIgoX,.ui-pagination-K-L20 .ui-pagination__page-TpoJM,.ui-pagination__page-TpoJM{min-width:36px;padding-inline:var(--hd-space-1)}.ui-pagination__gap-qoDyI{min-width:16px}}}

package/build/components/Panel/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("react"),n=require("../../helpers/class-name.helper.cjs"),i=require("../../helpers/component.helper.cjs"),e={default:{"panel":"ui-panel-Sv-1m","panel__header":"ui-panel__header-ysexh","panel__heading":"ui-panel__heading-xLCsB","panel__icon":"ui-panel__icon--yPQT","panel__headingText":"ui-panel__headingText--XqxW","panel__title":"ui-panel__title-6-6uC","panel__description":"ui-panel__description-qXTSM","panel__actions":"ui-panel__actions-Ra-zy","panel__body":"ui-panel__body-lo5aX","panel__body--sm":"ui-panel__body--sm-6XP6W","panel__body--lg":"ui-panel__body--lg-RTK5B","panel__body--flush":"ui-panel__body--flush-iK75R","panel__footer":"ui-panel__footer-qLpR1","panel__footerInner":"ui-panel__footerInner-r6VQI","form":"ui-form-o9UqJ","form--2":"ui-form--2-HdwDc","row":"ui-row-vUGpa"}},h=({children:s,title:l,description:d,actions:c,icon:r,isFlush:m,gap:u="md",footer:o,as:_="section",className:f,bodyClassName:x,testId:p})=>a.jsxs(_,{className:n.cx(e.default.panel,f),"data-testid":p,children:[(l||c)&&a.jsxs("div",{className:e.default.panel__header,children:[a.jsxs("div",{className:e.default.panel__heading,children:[r&&a.jsx("span",{className:e.default.panel__icon,children:r}),a.jsxs("div",{className:e.default.panel__headingText,children:[l&&a.jsx("h2",{className:e.default.panel__title,children:l}),d&&a.jsx("p",{className:e.default.panel__description,children:d})]})]}),c&&a.jsx("div",{className:e.default.panel__actions,children:c})]}),a.jsx("div",{className:n.cx(e.default.panel__body,e.default[`panel__body--${u}`],m&&e.default["panel__body--flush"],x),children:s}),o&&a.jsx("div",{className:e.default.panel__footer,children:a.jsx("div",{className:e.default.panel__footerInner,children:o})})]}),j=i.named(t.memo(({children:s,columns:l=1,className:d})=>a.jsx("div",{className:n.cx(e.default.form,e.default[`form--${l}`],d),children:s})),"PanelForm"),N=i.named(t.memo(({children:s,className:l})=>a.jsx("div",{className:n.cx(e.default.row,l),children:s})),"PanelRow"),v=t.memo(h);exports.PanelForm=j;exports.PanelRow=N;exports.default=v;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Panel/index.tsx"],"sourcesContent":["import { type ElementType, type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  children: ReactNode;\n  /** Panel başlığı. */\n  title?: string;\n  /** Başlık altındaki tek satırlık açıklama. */\n  description?: ReactNode;\n  /** Başlık şeridinin sağında duran eylemler. */\n  actions?: ReactNode;\n  /** Başlık şeridindeki ikon; başlığın solunda. */\n  icon?: ReactNode;\n  /** Gövde dolgusunu kaldırır: tablo ve tam genişlikte listeler için. */\n  isFlush?: boolean;\n  /** Gövde içindeki dikey aralık. */\n  gap?: 'sm' | 'md' | 'lg';\n  /** Dipte duran eylem şeridi (form kaydet, toplam). */\n  footer?: ReactNode;\n  as?: ElementType;\n  className?: string;\n  bodyClassName?: string;\n  testId?: string;\n};\n\n/**\n * Panel — başlığı olan içerik kutusu.\n * @example <Panel title=\"Profil bilgileri\" description=\"Fatura bu bilgilerle kesilir\">…\n */\nconst Panel: FC<Props> = ({\n  children,\n  title,\n  description,\n  actions,\n  icon,\n  isFlush,\n  gap = 'md',\n  footer,\n  as: Tag = 'section',\n  className,\n  bodyClassName,\n  testId,\n}) => (\n  <Tag className={cx(styles.panel, className)} data-testid={testId}>\n    {(title || actions) && (\n      <div className={styles.panel__header}>\n        <div className={styles.panel__heading}>\n          {icon && <span className={styles.panel__icon}>{icon}</span>}\n\n          <div className={styles.panel__headingText}>\n            {title && <h2 className={styles.panel__title}>{title}</h2>}\n            {description && <p className={styles.panel__description}>{description}</p>}\n          </div>\n        </div>\n\n        {actions && <div className={styles.panel__actions}>{actions}</div>}\n      </div>\n    )}\n\n    <div\n      className={cx(\n        styles.panel__body,\n        styles[`panel__body--${gap}`],\n        isFlush && styles['panel__body--flush'],\n        bodyClassName,\n      )}\n    >\n      {children}\n    </div>\n\n    {/*\n      Dip şeridi İKİ kutu: dış bant ile iç sütun.\n\n      Bant panelin tamamını kaplamak zorunda — kendi zemini ve üst çizgisi\n      var, daraltıldığında panelin dibinde yarım bir şerit kalır. Ama şeridin\n      İÇERİĞİ, panelde bir {@link PanelForm} varsa onun sütununda bitmeli;\n      genişlik kararını taşıyan tek kutu iç olan. Ölçüldü: form 97-662 px\n      arasında dururken \"Sorgula\" düğmesi 1238 px'te, yani gönderdiği formdan\n      576 px uzakta çiziliyordu.\n    */}\n    {footer && (\n      <div className={styles.panel__footer}>\n        <div className={styles.panel__footerInner}>{footer}</div>\n      </div>\n    )}\n  </Tag>\n);\n\ntype PanelFormProps = {\n  children: ReactNode;\n  /** Sütun sayısı. `2` dar ekranda kendiliğinden tek sütuna düşer. */\n  columns?: 1 | 2;\n  className?: string;\n};\n\n/** Panel içindeki form ızgarası. */\nexport const PanelForm: FC<PanelFormProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, columns = 1, className }) => (\n    <div className={cx(styles.form, styles[`form--${columns}`], className)}>{children}</div>\n  )),\n  'PanelForm',\n);\n\ntype PanelRowProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** İki alanı yan yana koyan satır. */\nexport const PanelRow: FC<PanelRowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, className }) => (\n    <div className={cx(styles.row, className)}>{children}</div>\n  )),\n  'PanelRow',\n);\n\nexport default /*#__PURE__*/ memo(Panel) as typeof Panel;\n"],"names":["Panel","children","title","description","actions","icon","isFlush","gap","footer","Tag","className","bodyClassName","testId","jsxs","cx","styles","jsx","PanelForm","named","memo","columns","PanelRow","index"],"mappings":"0SAiCMA,EAAmB,CAAC,CACxB,SAAAC,EACA,MAAAC,EACA,YAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EACA,IAAAC,EAAM,KACN,OAAAC,EACA,GAAIC,EAAM,UACV,UAAAC,EACA,cAAAC,EACA,OAAAC,CACF,IACEC,OAACJ,GAAI,UAAWK,EAAAA,GAAGC,EAAAA,QAAO,MAAOL,CAAS,EAAG,cAAaE,EACtD,SAAA,EAAAV,GAASE,IACTS,OAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,cACrB,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,eACpB,SAAA,CAAAV,GAAQW,EAAAA,IAAC,OAAA,CAAK,UAAWD,EAAAA,QAAO,YAAc,SAAAV,EAAK,EAEpDQ,EAAAA,KAAC,MAAA,CAAI,UAAWE,EAAAA,QAAO,mBACpB,SAAA,CAAAb,GAASc,EAAAA,IAAC,KAAA,CAAG,UAAWD,EAAAA,QAAO,aAAe,SAAAb,EAAM,EACpDC,GAAea,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAO,mBAAqB,SAAAZ,CAAA,CAAY,CAAA,CAAA,CACxE,CAAA,EACF,EAECC,GAAWY,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,eAAiB,SAAAX,CAAA,CAAQ,CAAA,EAC9D,EAGFY,EAAAA,IAAC,MAAA,CACC,UAAWF,EAAAA,GACTC,EAAAA,QAAO,YACPA,EAAAA,QAAO,gBAAgBR,CAAG,EAAE,EAC5BD,GAAWS,EAAAA,QAAO,oBAAoB,EACtCJ,CAAA,EAGD,SAAAV,CAAA,CAAA,EAaFO,GACCQ,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,cACrB,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,mBAAqB,SAAAP,CAAA,CAAO,CAAA,CACrD,CAAA,EAEJ,EAWWS,EAA8CC,EAAAA,MAC3CC,OAAK,CAAC,CAAE,SAAAlB,EAAU,QAAAmB,EAAU,EAAG,UAAAV,CAAA,IAC3CM,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,KAAMA,UAAO,SAASK,CAAO,EAAE,EAAGV,CAAS,EAAI,SAAAT,CAAA,CAAS,CACnF,EACD,WACF,EAQaoB,EAA4CH,EAAAA,MACzCC,EAAAA,KAAK,CAAC,CAAE,SAAAlB,EAAU,UAAAS,KAC9BM,EAAAA,IAAC,MAAA,CAAI,UAAWF,EAAAA,GAAGC,EAAAA,QAAO,IAAKL,CAAS,EAAI,SAAAT,EAAS,CACtD,EACD,UACF,EAEAqB,SAAkCtB,CAAK"}

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

@@ -0,0 +1,43 @@
+import { ElementType, FC, ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    /** Panel başlığı. */
+    title?: string;
+    /** Başlık altındaki tek satırlık açıklama. */
+    description?: ReactNode;
+    /** Başlık şeridinin sağında duran eylemler. */
+    actions?: ReactNode;
+    /** Başlık şeridindeki ikon; başlığın solunda. */
+    icon?: ReactNode;
+    /** Gövde dolgusunu kaldırır: tablo ve tam genişlikte listeler için. */
+    isFlush?: boolean;
+    /** Gövde içindeki dikey aralık. */
+    gap?: 'sm' | 'md' | 'lg';
+    /** Dipte duran eylem şeridi (form kaydet, toplam). */
+    footer?: ReactNode;
+    as?: ElementType;
+    className?: string;
+    bodyClassName?: string;
+    testId?: string;
+};
+/**
+ * Panel — başlığı olan içerik kutusu.
+ * @example <Panel title="Profil bilgileri" description="Fatura bu bilgilerle kesilir">…
+ */
+declare const Panel: FC<Props>;
+type PanelFormProps = {
+    children: ReactNode;
+    /** Sütun sayısı. `2` dar ekranda kendiliğinden tek sütuna düşer. */
+    columns?: 1 | 2;
+    className?: string;
+};
+/** Panel içindeki form ızgarası. */
+export declare const PanelForm: FC<PanelFormProps>;
+type PanelRowProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** İki alanı yan yana koyan satır. */
+export declare const PanelRow: FC<PanelRowProps>;
+declare const _default: typeof Panel;
+export default _default;

package/build/components/Panel/index.js

@@ -0,0 +1,55 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { memo as c } from "react";
+import { cx as m } from "../../helpers/class-name.helper.js";
+import { named as _ } from "../../helpers/component.helper.js";
+const e = {"panel":"ui-panel-Sv-1m","panel__header":"ui-panel__header-ysexh","panel__heading":"ui-panel__heading-xLCsB","panel__icon":"ui-panel__icon--yPQT","panel__headingText":"ui-panel__headingText--XqxW","panel__title":"ui-panel__title-6-6uC","panel__description":"ui-panel__description-qXTSM","panel__actions":"ui-panel__actions-Ra-zy","panel__body":"ui-panel__body-lo5aX","panel__body--sm":"ui-panel__body--sm-6XP6W","panel__body--lg":"ui-panel__body--lg-RTK5B","panel__body--flush":"ui-panel__body--flush-iK75R","panel__footer":"ui-panel__footer-qLpR1","panel__footerInner":"ui-panel__footerInner-r6VQI","form":"ui-form-o9UqJ","form--2":"ui-form--2-HdwDc","row":"ui-row-vUGpa"};
+const x = ({
+  children: s,
+  title: l,
+  description: n,
+  actions: r,
+  icon: o,
+  isFlush: p,
+  gap: h = "md",
+  footer: i,
+  as: t = "section",
+  className: N,
+  bodyClassName: f,
+  testId: v
+}) => /* @__PURE__ */ d(t, { className: m(e.panel, N), "data-testid": v, children: [
+  (l || r) && /* @__PURE__ */ d("div", { className: e.panel__header, children: [
+    /* @__PURE__ */ d("div", { className: e.panel__heading, children: [
+      o && /* @__PURE__ */ a("span", { className: e.panel__icon, children: o }),
+      /* @__PURE__ */ d("div", { className: e.panel__headingText, children: [
+        l && /* @__PURE__ */ a("h2", { className: e.panel__title, children: l }),
+        n && /* @__PURE__ */ a("p", { className: e.panel__description, children: n })
+      ] })
+    ] }),
+    r && /* @__PURE__ */ a("div", { className: e.panel__actions, children: r })
+  ] }),
+  /* @__PURE__ */ a(
+    "div",
+    {
+      className: m(
+        e.panel__body,
+        e[`panel__body--${h}`],
+        p && e["panel__body--flush"],
+        f
+      ),
+      children: s
+    }
+  ),
+  i && /* @__PURE__ */ a("div", { className: e.panel__footer, children: /* @__PURE__ */ a("div", { className: e.panel__footerInner, children: i }) })
+] }), j = /* @__PURE__ */ _(
+  /* @__PURE__ */ c(({ children: s, columns: l = 1, className: n }) => /* @__PURE__ */ a("div", { className: m(e.form, e[`form--${l}`], n), children: s })),
+  "PanelForm"
+), u = /* @__PURE__ */ _(
+  /* @__PURE__ */ c(({ children: s, className: l }) => /* @__PURE__ */ a("div", { className: m(e.row, l), children: s })),
+  "PanelRow"
+), F = /* @__PURE__ */ c(x);
+export {
+  j as PanelForm,
+  u as PanelRow,
+  F as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Panel/index.tsx"],"sourcesContent":["import { type ElementType, type FC, memo, type ReactNode } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  children: ReactNode;\n  /** Panel başlığı. */\n  title?: string;\n  /** Başlık altındaki tek satırlık açıklama. */\n  description?: ReactNode;\n  /** Başlık şeridinin sağında duran eylemler. */\n  actions?: ReactNode;\n  /** Başlık şeridindeki ikon; başlığın solunda. */\n  icon?: ReactNode;\n  /** Gövde dolgusunu kaldırır: tablo ve tam genişlikte listeler için. */\n  isFlush?: boolean;\n  /** Gövde içindeki dikey aralık. */\n  gap?: 'sm' | 'md' | 'lg';\n  /** Dipte duran eylem şeridi (form kaydet, toplam). */\n  footer?: ReactNode;\n  as?: ElementType;\n  className?: string;\n  bodyClassName?: string;\n  testId?: string;\n};\n\n/**\n * Panel — başlığı olan içerik kutusu.\n * @example <Panel title=\"Profil bilgileri\" description=\"Fatura bu bilgilerle kesilir\">…\n */\nconst Panel: FC<Props> = ({\n  children,\n  title,\n  description,\n  actions,\n  icon,\n  isFlush,\n  gap = 'md',\n  footer,\n  as: Tag = 'section',\n  className,\n  bodyClassName,\n  testId,\n}) => (\n  <Tag className={cx(styles.panel, className)} data-testid={testId}>\n    {(title || actions) && (\n      <div className={styles.panel__header}>\n        <div className={styles.panel__heading}>\n          {icon && <span className={styles.panel__icon}>{icon}</span>}\n\n          <div className={styles.panel__headingText}>\n            {title && <h2 className={styles.panel__title}>{title}</h2>}\n            {description && <p className={styles.panel__description}>{description}</p>}\n          </div>\n        </div>\n\n        {actions && <div className={styles.panel__actions}>{actions}</div>}\n      </div>\n    )}\n\n    <div\n      className={cx(\n        styles.panel__body,\n        styles[`panel__body--${gap}`],\n        isFlush && styles['panel__body--flush'],\n        bodyClassName,\n      )}\n    >\n      {children}\n    </div>\n\n    {/*\n      Dip şeridi İKİ kutu: dış bant ile iç sütun.\n\n      Bant panelin tamamını kaplamak zorunda — kendi zemini ve üst çizgisi\n      var, daraltıldığında panelin dibinde yarım bir şerit kalır. Ama şeridin\n      İÇERİĞİ, panelde bir {@link PanelForm} varsa onun sütununda bitmeli;\n      genişlik kararını taşıyan tek kutu iç olan. Ölçüldü: form 97-662 px\n      arasında dururken \"Sorgula\" düğmesi 1238 px'te, yani gönderdiği formdan\n      576 px uzakta çiziliyordu.\n    */}\n    {footer && (\n      <div className={styles.panel__footer}>\n        <div className={styles.panel__footerInner}>{footer}</div>\n      </div>\n    )}\n  </Tag>\n);\n\ntype PanelFormProps = {\n  children: ReactNode;\n  /** Sütun sayısı. `2` dar ekranda kendiliğinden tek sütuna düşer. */\n  columns?: 1 | 2;\n  className?: string;\n};\n\n/** Panel içindeki form ızgarası. */\nexport const PanelForm: FC<PanelFormProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, columns = 1, className }) => (\n    <div className={cx(styles.form, styles[`form--${columns}`], className)}>{children}</div>\n  )),\n  'PanelForm',\n);\n\ntype PanelRowProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** İki alanı yan yana koyan satır. */\nexport const PanelRow: FC<PanelRowProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, className }) => (\n    <div className={cx(styles.row, className)}>{children}</div>\n  )),\n  'PanelRow',\n);\n\nexport default /*#__PURE__*/ memo(Panel) as typeof Panel;\n"],"names":["Panel","children","title","description","actions","icon","isFlush","gap","footer","Tag","className","bodyClassName","testId","jsxs","cx","styles","jsx","PanelForm","named","memo","columns","PanelRow","index"],"mappings":";;;;;AAiCA,MAAMA,IAAmB,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,QAAAC;AAAA,EACA,IAAIC,IAAM;AAAA,EACV,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AACF,MACE,gBAAAC,EAACJ,KAAI,WAAWK,EAAGC,EAAO,OAAOL,CAAS,GAAG,eAAaE,GACtD,UAAA;AAAA,GAAAV,KAASE,MACT,gBAAAS,EAAC,OAAA,EAAI,WAAWE,EAAO,eACrB,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACpB,UAAA;AAAA,MAAAV,KAAQ,gBAAAW,EAAC,QAAA,EAAK,WAAWD,EAAO,aAAc,UAAAV,GAAK;AAAA,MAEpD,gBAAAQ,EAAC,OAAA,EAAI,WAAWE,EAAO,oBACpB,UAAA;AAAA,QAAAb,KAAS,gBAAAc,EAAC,MAAA,EAAG,WAAWD,EAAO,cAAe,UAAAb,GAAM;AAAA,QACpDC,KAAe,gBAAAa,EAAC,KAAA,EAAE,WAAWD,EAAO,oBAAqB,UAAAZ,EAAA,CAAY;AAAA,MAAA,EAAA,CACxE;AAAA,IAAA,GACF;AAAA,IAECC,KAAW,gBAAAY,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAX,EAAA,CAAQ;AAAA,EAAA,GAC9D;AAAA,EAGF,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACTC,EAAO;AAAA,QACPA,EAAO,gBAAgBR,CAAG,EAAE;AAAA,QAC5BD,KAAWS,EAAO,oBAAoB;AAAA,QACtCJ;AAAA,MAAA;AAAA,MAGD,UAAAV;AAAA,IAAA;AAAA,EAAA;AAAA,EAaFO,KACC,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,eACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,oBAAqB,UAAAP,EAAA,CAAO,EAAA,CACrD;AAAA,GAEJ,GAWWS,IAA8C,gBAAAC;AAAA,EAC3C,gBAAAC,EAAK,CAAC,EAAE,UAAAlB,GAAU,SAAAmB,IAAU,GAAG,WAAAV,EAAA,MAC3C,gBAAAM,EAAC,OAAA,EAAI,WAAWF,EAAGC,EAAO,MAAMA,EAAO,SAASK,CAAO,EAAE,GAAGV,CAAS,GAAI,UAAAT,EAAA,CAAS,CACnF;AAAA,EACD;AACF,GAQaoB,IAA4C,gBAAAH;AAAA,EACzC,gBAAAC,EAAK,CAAC,EAAE,UAAAlB,GAAU,WAAAS,QAC9B,gBAAAM,EAAC,OAAA,EAAI,WAAWF,EAAGC,EAAO,KAAKL,CAAS,GAAI,UAAAT,GAAS,CACtD;AAAA,EACD;AACF,GAEAqB,sBAAkCtB,CAAK;"}

package/build/components/Panel/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-panel-Sv-1m{background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md);overflow:hidden}@media (max-width: 640px){.ui-panel-Sv-1m{border-radius:var(--hd-radius-sm)}}.ui-panel-Sv-1m{display:flex;flex-direction:column}.ui-panel__header-ysexh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-3);justify-content:space-between;padding:var(--hd-space-4) var(--hd-space-5);border-bottom:1px solid var(--hd-border);background-color:var(--hd-bg-surface)}@media (max-width: 640px){.ui-panel__header-ysexh{padding:var(--hd-space-3) var(--hd-space-4)}}.ui-panel__heading-xLCsB{display:flex;align-items:flex-start;gap:var(--hd-space-3);min-width:0}.ui-panel__icon--yPQT{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-raised);color:var(--hd-text-2);font-size:var(--hd-type-body-size)}.ui-panel__headingText--XqxW{display:flex;flex-direction:column;gap:2px;min-width:0}.ui-panel__title-6-6uC{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-panel__description-qXTSM{font-size:var(--hd-type-caption-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text-2);margin:0;max-width:68ch}.ui-panel__actions-Ra-zy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-2);flex-shrink:0}.ui-panel__body-lo5aX{display:flex;flex-direction:column;gap:var(--hd-space-4);padding:var(--hd-space-5)}@media (max-width: 640px){.ui-panel__body-lo5aX{padding:var(--hd-space-4)}}.ui-panel__body-lo5aX{flex:1}.ui-panel__body--sm-6XP6W{gap:var(--hd-space-3)}.ui-panel__body--lg-RTK5B{gap:var(--hd-space-5)}.ui-panel__body--flush-iK75R{padding:0;gap:0}.ui-panel__footer-qLpR1{padding:var(--hd-space-4) var(--hd-space-5);border-top:1px solid var(--hd-border);background-color:var(--hd-bg-raised)}@media (max-width: 640px){.ui-panel__footer-qLpR1{padding:var(--hd-space-3) var(--hd-space-4)}}.ui-panel__footerInner-r6VQI{display:flex;flex-wrap:wrap;align-items:center;gap:var(--hd-space-3);justify-content:flex-end}@media (max-width: 640px){.ui-panel__footerInner-r6VQI>*{flex:1 1 auto}}.ui-panel-Sv-1m:has(>.ui-panel__body-lo5aX .ui-form-o9UqJ) .ui-panel__footerInner-r6VQI{max-width:56ch;margin-inline-end:auto}.ui-panel-Sv-1m:has(>.ui-panel__body-lo5aX .ui-form--2-HdwDc) .ui-panel__footerInner-r6VQI{max-width:68ch}.ui-form-o9UqJ{display:grid;gap:var(--hd-space-4);max-width:56ch}.ui-form--2-HdwDc{grid-template-columns:1fr 1fr;max-width:68ch}@media (max-width: 640px){.ui-form--2-HdwDc{grid-template-columns:1fr}}.ui-row-vUGpa{display:grid;grid-template-columns:1fr 1fr;gap:var(--hd-space-4)}@media (max-width: 640px){.ui-row-vUGpa{grid-template-columns:1fr}}}

package/build/components/PasswordInput/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"),i=require("react"),o=require("react-bootstrap-icons"),w=require("../../helpers/component.helper.cjs"),a=require("../../helpers/label.helper.cjs"),x=require("../../theme/context.cjs"),h=require("../IconButton/index.cjs"),f=require("../Input/index.cjs"),r={default:{"password":"ui-password-viMea","password__field":"ui-password__field-WI1h1","password__toggle":"ui-password__toggle-O6R2a"}},q=({className:n,showLabel:l,hideLabel:d,...u})=>{const{labels:e}=x.useUi(),[t,c]=i.useState(!1),p=t?a.resolveLabel("PasswordInput.hideLabel",d,e==null?void 0:e.passwordHide):a.resolveLabel("PasswordInput.showLabel",l,e==null?void 0:e.passwordShow);return s.jsxs("span",{className:r.default.password,children:[s.jsx(f.default,{...u,className:`${r.default.password__field} ${n??""}`.trim(),type:t?"text":"password"}),s.jsx(h.default,{className:r.default.password__toggle,icon:t?s.jsx(o.EyeSlashFill,{"aria-hidden":!0}):s.jsx(o.EyeFill,{"aria-hidden":!0}),label:p,variant:"ghost",size:"sm",onClick:()=>c(m=>!m)})]})},_=i.memo(w.named(q,"PasswordInput"));exports.default=_;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/PasswordInput/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, InputHTMLAttributes, memo, useState } from 'react';\nimport { EyeFill, EyeSlashFill } from 'react-bootstrap-icons';\n\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\nimport Input from '../Input';\n\nimport styles from './index.module.scss';\n\n/* `size`: `Input`ta artik olcu adi (`sm` / `md`); yerel karakter genisligi `Input`a gecemez. */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {\n  /** Şifre gizliyken düğmenin erişilebilir adı. */\n  showLabel?: string;\n  /** Şifre görünürken düğmenin erişilebilir adı. */\n  hideLabel?: string;\n};\n\n/**\n * Şifre girdisi — yanında göz düğmesi. iki tüketici uygulamada BİREBİR AYNI dosya\n * olarak duruyordu\n */\nconst PasswordInput: FC<Props> = ({ className, showLabel, hideLabel, ...rest }) => {\n  const { labels } = useUi();\n  const [isVisible, setIsVisible] = useState(false);\n\n  const toggleLabel = isVisible\n    ? resolveLabel('PasswordInput.hideLabel', hideLabel, labels?.passwordHide)\n    : resolveLabel('PasswordInput.showLabel', showLabel, labels?.passwordShow);\n\n  return (\n    <span className={styles.password}>\n      <Input\n        {...rest}\n        className={`${styles.password__field} ${className ?? ''}`.trim()}\n        type={isVisible ? 'text' : 'password'}\n      />\n\n      <IconButton\n        className={styles.password__toggle}\n        icon={isVisible ? <EyeSlashFill aria-hidden /> : <EyeFill aria-hidden />}\n        label={toggleLabel}\n        variant=\"ghost\"\n        size=\"sm\"\n        /* `tabIndex` DUSURULMEZ: klavye kullanicisi de sifresini gorebilmeli. */\n        onClick={() => setIsVisible(current => !current)}\n      />\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(PasswordInput, 'PasswordInput'),\n) as typeof PasswordInput;\n"],"names":["PasswordInput","className","showLabel","hideLabel","rest","labels","useUi","isVisible","setIsVisible","useState","toggleLabel","resolveLabel","jsxs","styles","jsx","Input","IconButton","EyeSlashFill","EyeFill","current","index","memo","named"],"mappings":"+bAwBMA,EAA2B,CAAC,CAAE,UAAAC,EAAW,UAAAC,EAAW,UAAAC,EAAW,GAAGC,KAAW,CACjF,KAAM,CAAE,OAAAC,CAAA,EAAWC,QAAA,EACb,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAE1CC,EAAcH,EAChBI,eAAa,0BAA2BR,EAAWE,GAAA,YAAAA,EAAQ,YAAY,EACvEM,EAAAA,aAAa,0BAA2BT,EAAWG,GAAA,YAAAA,EAAQ,YAAY,EAE3E,OACEO,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,QAAO,SACtB,SAAA,CAAAC,EAAAA,IAACC,EAAAA,QAAA,CACE,GAAGX,EACJ,UAAW,GAAGS,EAAAA,QAAO,eAAe,IAAIZ,GAAa,EAAE,GAAG,KAAA,EAC1D,KAAMM,EAAY,OAAS,UAAA,CAAA,EAG7BO,EAAAA,IAACE,EAAAA,QAAA,CACC,UAAWH,EAAAA,QAAO,iBAClB,KAAMN,EAAYO,EAAAA,IAACG,EAAAA,aAAA,CAAa,cAAW,GAAC,EAAKH,EAAAA,IAACI,EAAAA,QAAA,CAAQ,cAAW,EAAA,CAAC,EACtE,MAAOR,EACP,QAAQ,QACR,KAAK,KAEL,QAAS,IAAMF,EAAaW,GAAW,CAACA,CAAO,CAAA,CAAA,CACjD,EACF,CAEJ,EAEAC,EAA6BC,EAAAA,KACbC,EAAAA,MAAMtB,EAAe,eAAe,CACpD"}

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

@@ -0,0 +1,14 @@
+import { FC, InputHTMLAttributes } from 'react';
+type Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    /** Şifre gizliyken düğmenin erişilebilir adı. */
+    showLabel?: string;
+    /** Şifre görünürken düğmenin erişilebilir adı. */
+    hideLabel?: string;
+};
+/**
+ * Şifre girdisi — yanında göz düğmesi. iki tüketici uygulamada BİREBİR AYNI dosya
+ * olarak duruyordu
+ */
+declare const PasswordInput: FC<Props>;
+declare const _default: typeof PasswordInput;
+export default _default;

package/build/components/PasswordInput/index.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { memo as u, useState as f } from "react";
+import { EyeSlashFill as w, EyeFill as h } from "react-bootstrap-icons";
+import { named as I } from "../../helpers/component.helper.js";
+import { resolveLabel as e } from "../../helpers/label.helper.js";
+import { useUi as g } from "../../theme/context.js";
+import x from "../IconButton/index.js";
+import b from "../Input/index.js";
+const t = {"password":"ui-password-viMea","password__field":"ui-password__field-WI1h1","password__toggle":"ui-password__toggle-O6R2a"};
+const y = ({ className: i, showLabel: a, hideLabel: m, ...n }) => {
+  const { labels: s } = g(), [r, p] = f(!1), d = r ? e("PasswordInput.hideLabel", m, s == null ? void 0 : s.passwordHide) : e("PasswordInput.showLabel", a, s == null ? void 0 : s.passwordShow);
+  return /* @__PURE__ */ c("span", { className: t.password, children: [
+    /* @__PURE__ */ o(
+      b,
+      {
+        ...n,
+        className: `${t.password__field} ${i ?? ""}`.trim(),
+        type: r ? "text" : "password"
+      }
+    ),
+    /* @__PURE__ */ o(
+      x,
+      {
+        className: t.password__toggle,
+        icon: r ? /* @__PURE__ */ o(w, { "aria-hidden": !0 }) : /* @__PURE__ */ o(h, { "aria-hidden": !0 }),
+        label: d,
+        variant: "ghost",
+        size: "sm",
+        onClick: () => p((l) => !l)
+      }
+    )
+  ] });
+}, V = /* @__PURE__ */ u(
+  /* @__PURE__ */ I(y, "PasswordInput")
+);
+export {
+  V as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/PasswordInput/index.tsx"],"sourcesContent":["'use client';\n\nimport { FC, InputHTMLAttributes, memo, useState } from 'react';\nimport { EyeFill, EyeSlashFill } from 'react-bootstrap-icons';\n\nimport { named } from '../../helpers/component.helper';\nimport { resolveLabel } from '../../helpers/label.helper';\nimport { useUi } from '../../theme/context';\nimport IconButton from '../IconButton';\nimport Input from '../Input';\n\nimport styles from './index.module.scss';\n\n/* `size`: `Input`ta artik olcu adi (`sm` / `md`); yerel karakter genisligi `Input`a gecemez. */\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {\n  /** Şifre gizliyken düğmenin erişilebilir adı. */\n  showLabel?: string;\n  /** Şifre görünürken düğmenin erişilebilir adı. */\n  hideLabel?: string;\n};\n\n/**\n * Şifre girdisi — yanında göz düğmesi. iki tüketici uygulamada BİREBİR AYNI dosya\n * olarak duruyordu\n */\nconst PasswordInput: FC<Props> = ({ className, showLabel, hideLabel, ...rest }) => {\n  const { labels } = useUi();\n  const [isVisible, setIsVisible] = useState(false);\n\n  const toggleLabel = isVisible\n    ? resolveLabel('PasswordInput.hideLabel', hideLabel, labels?.passwordHide)\n    : resolveLabel('PasswordInput.showLabel', showLabel, labels?.passwordShow);\n\n  return (\n    <span className={styles.password}>\n      <Input\n        {...rest}\n        className={`${styles.password__field} ${className ?? ''}`.trim()}\n        type={isVisible ? 'text' : 'password'}\n      />\n\n      <IconButton\n        className={styles.password__toggle}\n        icon={isVisible ? <EyeSlashFill aria-hidden /> : <EyeFill aria-hidden />}\n        label={toggleLabel}\n        variant=\"ghost\"\n        size=\"sm\"\n        /* `tabIndex` DUSURULMEZ: klavye kullanicisi de sifresini gorebilmeli. */\n        onClick={() => setIsVisible(current => !current)}\n      />\n    </span>\n  );\n};\n\nexport default /*#__PURE__*/ memo(\n  /*#__PURE__*/ named(PasswordInput, 'PasswordInput'),\n) as typeof PasswordInput;\n"],"names":["PasswordInput","className","showLabel","hideLabel","rest","labels","useUi","isVisible","setIsVisible","useState","toggleLabel","resolveLabel","jsxs","styles","jsx","Input","IconButton","EyeSlashFill","EyeFill","current","index","memo","named"],"mappings":";;;;;;;;;;AAwBA,MAAMA,IAA2B,CAAC,EAAE,WAAAC,GAAW,WAAAC,GAAW,WAAAC,GAAW,GAAGC,QAAW;AACjF,QAAM,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACb,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAE1CC,IAAcH,IAChBI,EAAa,2BAA2BR,GAAWE,KAAA,gBAAAA,EAAQ,YAAY,IACvEM,EAAa,2BAA2BT,GAAWG,KAAA,gBAAAA,EAAQ,YAAY;AAE3E,SACE,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAO,UACtB,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACE,GAAGX;AAAA,QACJ,WAAW,GAAGS,EAAO,eAAe,IAAIZ,KAAa,EAAE,GAAG,KAAA;AAAA,QAC1D,MAAMM,IAAY,SAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7B,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAWH,EAAO;AAAA,QAClB,MAAMN,IAAY,gBAAAO,EAACG,GAAA,EAAa,eAAW,IAAC,IAAK,gBAAAH,EAACI,GAAA,EAAQ,eAAW,GAAA,CAAC;AAAA,QACtE,OAAOR;AAAA,QACP,SAAQ;AAAA,QACR,MAAK;AAAA,QAEL,SAAS,MAAMF,EAAa,CAAAW,MAAW,CAACA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACF;AAEJ,GAEAC,IAA6B,gBAAAC;AAAA,EACb,gBAAAC,EAAMtB,GAAe,eAAe;AACpD;"}

package/build/components/PasswordInput/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-password-viMea{position:relative;display:block}.ui-password__field-WI1h1 input{padding-inline-end:var(--hd-space-12)}.ui-password__toggle-O6R2a{position:absolute;inset-inline-end:var(--hd-space-2);top:50%;transform:translateY(-50%);color:var(--hd-text-2)}.ui-password__toggle-O6R2a:hover{color:var(--hd-text)}}

package/build/components/Popover/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),r=require("react"),T=require("react-dom"),g=require("../../helpers/class-name.helper.cjs"),L=require("../../helpers/component.helper.cjs"),N=require("../../hooks/useDismissOnEscape.cjs"),P=require("../../helpers/focus.helper.cjs"),B=require("../../hooks/usePortalSurface.cjs"),I=require("../../hooks/usePositioning.cjs"),_={default:{"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"}},O=({trigger:d,children:y,label:R,side:h="bottom",align:j="start",isOpen:b,onOpenChange:l,className:k,testId:S})=>{const q=r.useId(),o=r.useRef(null),u=r.useRef(null),i=r.useRef(null),[w,D]=r.useState(!1),f=b!==void 0,n=f?b:w,m=I.default(o,u,{side:h,align:j,isOpen:n}),a=B.default(n,o,u),s=r.useCallback(e=>{f||D(e),l==null||l(e)},[f,l]);r.useEffect(()=>{if(!n)return;i.current=P.captureFocus();const e=u.current;return e&&P.focusFirstMeaningful(e),()=>{var t;(t=i.current)==null||t.call(i),i.current=null}},[n]);const F=r.useCallback(()=>s(!1),[s]);if(N.default(n,F),r.useEffect(()=>{if(!n)return;const e=t=>{var x,E;const c=t.target;(x=u.current)!=null&&x.contains(c)||(E=o.current)!=null&&E.contains(c)||s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[n,s]),!r.isValidElement(d))return null;const p=d.props,M=r.cloneElement(d,{ref:o,"aria-expanded":n,"aria-haspopup":"dialog","aria-controls":n?q:void 0,onClick:e=>{var t;(t=p.onClick)==null||t.call(p,e),s(!n)}});return v.jsxs(v.Fragment,{children:[M,n&&a.container&&T.createPortal(v.jsx("div",{ref:u,id:q,...a.attributes,role:"dialog","aria-label":R,className:g.cx(_.default.popover,_.default[`popover--${m.side}`],k),style:{...m.style,...a.style,visibility:m.isPositioned?"visible":"hidden"},"data-testid":S,onBlur:e=>{var c;const t=e.relatedTarget;t&&(e.currentTarget.contains(t)||(c=o.current)!=null&&c.contains(t)||t.closest('[role="listbox"],[role="menu"],[role="dialog"]')||s(!1))},children:y}),a.container)]})},U=r.memo(L.named(O,"Popover"));exports.default=U;
+//# sourceMappingURL=index.cjs.map