@handijit/ui 0.0.0-stage → 2.0.0

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

@@ -0,0 +1,51 @@
+import { ElementType, FC, ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+type CardProps = {
+    children: ReactNode;
+    /** Kartın tamamı bir hedefe götürüyorsa hover geri bildirimi açılır. */
+    isInteractive?: boolean;
+    /** Semantik etiket: liste öğesi kartları `article` olmalı. */
+    as?: ElementType;
+    className?: string;
+    testId?: string;
+};
+/**
+ * Kart — medya + gövde + eylem şeridi.
+ * @example <Card as="article" isInteractive> <CardMedia href="/urun/x" ratio={1}>…
+ */
+declare const Card: FC<CardProps>;
+/** Görselin çerçeveyi NASIL doldurduğu. */
+export type CardMediaFit = 'cover' | 'contain' | 'inset';
+type CardMediaProps = {
+    children: ReactNode;
+    /** Genişlik / yükseklik oranı. */
+    ratio?: number;
+    /** Medya alanı tıklanabilirse: görsel bağlantının içine alınır. */
+    href?: string;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    /** Görsel çerçeveyi nasıl doldurur — bkz. */
+    fit?: CardMediaFit;
+    /** @deprecated `fit` kullanın: `isContained` → `fit="contain"`, `isContained={false}` →… */
+    isContained?: boolean;
+    className?: string;
+};
+/** Kartın görsel alanı. */
+export declare const CardMedia: FC<CardMediaProps>;
+type CardOverlayProps = {
+    children: ReactNode;
+    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    className?: string;
+};
+/** Görselin üzerine binen katman: rozetler ve hızlı eylemler. */
+export declare const CardOverlay: FC<CardOverlayProps>;
+type CardSectionProps = {
+    children: ReactNode;
+    className?: string;
+};
+/** Kartın metin gövdesi: başlık, açıklama, üstyazı. */
+export declare const CardBody: FC<CardSectionProps>;
+/** Eylem şeridi — tutar, düğmeler. */
+export declare const CardFooter: FC<CardSectionProps>;
+declare const _default: typeof Card;
+export default _default;

package/build/components/Card/index.js

@@ -0,0 +1,58 @@
+import { jsx as o } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { cx as d } from "../../helpers/class-name.helper.js";
+import { named as i } from "../../helpers/component.helper.js";
+import f from "../Link/index.js";
+const r = {"card":"ui-card-CaHUG","card--interactive":"ui-card--interactive-C1pXZ","media__frame":"ui-media__frame-eBv-s","media":"ui-media-eggk5","media__link":"ui-media__link-ujyVV","media__frame--cover":"ui-media__frame--cover-ddl29","media__frame--contain":"ui-media__frame--contain-5gosS","media__frame--inset":"ui-media__frame--inset-oVQIn","overlay":"ui-overlay-AVMTX","overlay--top-left":"ui-overlay--top-left-td1xA","overlay--top-right":"ui-overlay--top-right-GqD9H","overlay--bottom-left":"ui-overlay--bottom-left-T5Quw","overlay--bottom-right":"ui-overlay--bottom-right-za3z3","body":"ui-body-DyI-6","footer":"ui-footer-2WNCZ"};
+const p = ({ children: a, isInteractive: e, as: t = "div", className: m, testId: c }) => /* @__PURE__ */ o(
+  t,
+  {
+    className: d(r.card, e && r["card--interactive"], m),
+    "data-testid": c,
+    children: a
+  }
+), y = (a, e) => a ?? (e === !1 ? "cover" : "contain"), b = /* @__PURE__ */ i(
+  /* @__PURE__ */ s(({ children: a, ratio: e = 1, href: t, linkProps: m, fit: c, isContained: l, className: v }) => {
+    const n = /* @__PURE__ */ o(
+      "span",
+      {
+        className: d(r.media__frame, r[`media__frame--${y(c, l)}`]),
+        style: { aspectRatio: e },
+        children: a
+      }
+    );
+    return /* @__PURE__ */ o("div", { className: d(r.media, v), children: t ? (
+      // `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı zaten sekme
+      // sırasında.
+      /* @__PURE__ */ o(
+        f,
+        {
+          href: t,
+          className: r.media__link,
+          tabIndex: -1,
+          "aria-hidden": !0,
+          ...m,
+          children: n
+        }
+      )
+    ) : n });
+  }),
+  "CardMedia"
+), h = /* @__PURE__ */ i(
+  /* @__PURE__ */ s(({ children: a, position: e = "top-left", className: t }) => /* @__PURE__ */ o("div", { className: d(r.overlay, r[`overlay--${e}`], t), children: a })),
+  "CardOverlay"
+), k = /* @__PURE__ */ i(
+  /* @__PURE__ */ s(({ children: a, className: e }) => /* @__PURE__ */ o("div", { className: d(r.body, e), children: a })),
+  "CardBody"
+), B = /* @__PURE__ */ i(
+  /* @__PURE__ */ s(({ children: a, className: e }) => /* @__PURE__ */ o("div", { className: d(r.footer, e), children: a })),
+  "CardFooter"
+), M = /* @__PURE__ */ s(p);
+export {
+  k as CardBody,
+  B as CardFooter,
+  b as CardMedia,
+  h as CardOverlay,
+  M as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Card/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';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\ntype CardProps = {\n  children: ReactNode;\n  /** Kartın tamamı bir hedefe götürüyorsa hover geri bildirimi açılır. */\n  isInteractive?: boolean;\n  /** Semantik etiket: liste öğesi kartları `article` olmalı. */\n  as?: ElementType;\n  className?: string;\n  testId?: string;\n};\n\n/**\n * Kart — medya + gövde + eylem şeridi.\n * @example <Card as=\"article\" isInteractive> <CardMedia href=\"/urun/x\" ratio={1}>…\n */\nconst Card: FC<CardProps> = ({ children, isInteractive, as: Tag = 'div', className, testId }) => (\n  <Tag\n    className={cx(styles.card, isInteractive && styles['card--interactive'], className)}\n    data-testid={testId}\n  >\n    {children}\n  </Tag>\n);\n\n/** Görselin çerçeveyi NASIL doldurduğu. */\nexport type CardMediaFit = 'cover' | 'contain' | 'inset';\n\ntype CardMediaProps = {\n  children: ReactNode;\n  /** Genişlik / yükseklik oranı. */\n  ratio?: number;\n  /** Medya alanı tıklanabilirse: görsel bağlantının içine alınır. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  /** Görsel çerçeveyi nasıl doldurur — bkz. */\n  fit?: CardMediaFit;\n  /** @deprecated `fit` kullanın: `isContained` → `fit=\"contain\"`, `isContained={false}` →… */\n  isContained?: boolean;\n  className?: string;\n};\n\n/** `fit` ile eski `isContained` arasındaki köprü. */\nconst resolveFit = (\n  fit: CardMediaFit | undefined,\n  isContained: boolean | undefined,\n): CardMediaFit => fit ?? (isContained === false ? 'cover' : 'contain');\n\n/** Kartın görsel alanı. */\nexport const CardMedia: FC<CardMediaProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, ratio = 1, href, linkProps, fit, isContained, className }) => {\n    const content = (\n      <span\n        className={cx(styles.media__frame, styles[`media__frame--${resolveFit(fit, isContained)}`])}\n        style={{ aspectRatio: ratio }}\n      >\n        {children}\n      </span>\n    );\n\n    return (\n      <div className={cx(styles.media, className)}>\n        {href ? (\n          // `tabIndex={-1}` + `aria-hidden`: aynı hedefe giden başlık bağlantısı zaten sekme\n          // sırasında.\n          <UiLink\n            href={href}\n            className={styles.media__link}\n            tabIndex={-1}\n            aria-hidden\n            {...linkProps}\n          >\n            {content}\n          </UiLink>\n        ) : (\n          content\n        )}\n      </div>\n    );\n  }),\n  'CardMedia',\n);\n\ntype CardOverlayProps = {\n  children: ReactNode;\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  className?: string;\n};\n\n/** Görselin üzerine binen katman: rozetler ve hızlı eylemler. */\nexport const CardOverlay: FC<CardOverlayProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, position = 'top-left', className }) => (\n    <div className={cx(styles.overlay, styles[`overlay--${position}`], className)}>{children}</div>\n  )),\n  'CardOverlay',\n);\n\ntype CardSectionProps = {\n  children: ReactNode;\n  className?: string;\n};\n\n/** Kartın metin gövdesi: başlık, açıklama, üstyazı. */\nexport const CardBody: FC<CardSectionProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, className }) => (\n    <div className={cx(styles.body, className)}>{children}</div>\n  )),\n  'CardBody',\n);\n\n/** Eylem şeridi — tutar, düğmeler. */\nexport const CardFooter: FC<CardSectionProps> = /*#__PURE__*/ named(\n  /*#__PURE__*/ memo(({ children, className }) => (\n    <div className={cx(styles.footer, className)}>{children}</div>\n  )),\n  'CardFooter',\n);\n\nexport default /*#__PURE__*/ memo(Card) as typeof Card;\n"],"names":["Card","children","isInteractive","Tag","className","testId","jsx","cx","styles","resolveFit","fit","isContained","CardMedia","named","memo","ratio","href","linkProps","content","UiLink","CardOverlay","position","CardBody","CardFooter","index"],"mappings":";;;;;;AAuBA,MAAMA,IAAsB,CAAC,EAAE,UAAAC,GAAU,eAAAC,GAAe,IAAIC,IAAM,OAAO,WAAAC,GAAW,QAAAC,EAAA,MAClF,gBAAAC;AAAA,EAACH;AAAA,EAAA;AAAA,IACC,WAAWI,EAAGC,EAAO,MAAMN,KAAiBM,EAAO,mBAAmB,GAAGJ,CAAS;AAAA,IAClF,eAAaC;AAAA,IAEZ,UAAAJ;AAAA,EAAA;AACH,GAsBIQ,IAAa,CACjBC,GACAC,MACiBD,MAAQC,MAAgB,KAAQ,UAAU,YAGhDC,IAA8C,gBAAAC;AAAA,EAC3C,gBAAAC,EAAK,CAAC,EAAE,UAAAb,GAAU,OAAAc,IAAQ,GAAG,MAAAC,GAAM,WAAAC,GAAW,KAAAP,GAAK,aAAAC,GAAa,WAAAP,QAAgB;AAC5F,UAAMc,IACJ,gBAAAZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,EAAGC,EAAO,cAAcA,EAAO,iBAAiBC,EAAWC,GAAKC,CAAW,CAAC,EAAE,CAAC;AAAA,QAC1F,OAAO,EAAE,aAAaI,EAAA;AAAA,QAErB,UAAAd;AAAA,MAAA;AAAA,IAAA;AAIL,6BACG,OAAA,EAAI,WAAWM,EAAGC,EAAO,OAAOJ,CAAS,GACvC,UAAAY;AAAA;AAAA;AAAA,MAGC,gBAAAV;AAAA,QAACa;AAAA,QAAA;AAAA,UACC,MAAAH;AAAA,UACA,WAAWR,EAAO;AAAA,UAClB,UAAU;AAAA,UACV,eAAW;AAAA,UACV,GAAGS;AAAA,UAEH,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,QAGHA,GAEJ;AAAA,EAEJ,CAAC;AAAA,EACD;AACF,GASaE,IAAkD,gBAAAP;AAAA,EAC/C,gBAAAC,EAAK,CAAC,EAAE,UAAAb,GAAU,UAAAoB,IAAW,YAAY,WAAAjB,EAAA,MACrD,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,SAASA,EAAO,YAAYa,CAAQ,EAAE,GAAGjB,CAAS,GAAI,UAAAH,EAAA,CAAS,CAC1F;AAAA,EACD;AACF,GAQaqB,IAA+C,gBAAAT;AAAA,EAC5C,gBAAAC,EAAK,CAAC,EAAE,UAAAb,GAAU,WAAAG,QAC9B,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,MAAMJ,CAAS,GAAI,UAAAH,GAAS,CACvD;AAAA,EACD;AACF,GAGasB,IAAiD,gBAAAV;AAAA,EAC9C,gBAAAC,EAAK,CAAC,EAAE,UAAAb,GAAU,WAAAG,QAC9B,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,QAAQJ,CAAS,GAAI,UAAAH,GAAS,CACzD;AAAA,EACD;AACF,GAEAuB,sBAAkCxB,CAAI;"}

package/build/components/Card/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-card-CaHUG{background-color:var(--hd-bg-surface);border:1px solid var(--hd-border);border-radius:var(--hd-radius-md)}@media (max-width: 640px){.ui-card-CaHUG{border-radius:var(--hd-radius-sm)}}.ui-card-CaHUG{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%}.ui-card--interactive-C1pXZ{transition:border-color var(--hd-duration-fast) var(--hd-ease-standard),box-shadow var(--hd-duration-fast) var(--hd-ease-standard),transform var(--hd-duration-fast) var(--hd-ease-standard)}.ui-card--interactive-C1pXZ:hover{border-color:var(--hd-border-strong);box-shadow:var(--hd-shadow-2);transform:translateY(-2px)}.ui-card--interactive-C1pXZ:active{transform:translateY(0);box-shadow:var(--hd-shadow-1)}.ui-card--interactive-C1pXZ:hover .ui-media__frame-eBv-s>img{transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.ui-card--interactive-C1pXZ{transition:none}.ui-card--interactive-C1pXZ:hover,.ui-card--interactive-C1pXZ:active{transform:none}.ui-card--interactive-C1pXZ:hover .ui-media__frame-eBv-s>img{transform:none}}.ui-media-eggk5{position:relative}.ui-media__link-ujyVV{display:block}.ui-media__frame-eBv-s{display:block;position:relative;width:100%;overflow:hidden}.ui-media__frame-eBv-s>img{width:100%;height:100%;transition:transform var(--hd-duration-slow) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-media__frame-eBv-s>img{transition:none}}.ui-media__frame--cover-ddl29>img{object-fit:cover}.ui-media__frame--contain-5gosS,.ui-media__frame--inset-oVQIn{padding:var(--hd-space-4)}.ui-media__frame--contain-5gosS>img,.ui-media__frame--inset-oVQIn>img{object-fit:contain}.ui-media__frame--inset-oVQIn{display:flex;align-items:center;justify-content:center}.ui-media__frame--inset-oVQIn>img{width:85%;height:85%}.ui-overlay-AVMTX{position:absolute;z-index:var(--hd-z-sticky);display:flex;flex-direction:column;gap:var(--hd-space-1);pointer-events:none}.ui-overlay-AVMTX>button,.ui-overlay-AVMTX>a{pointer-events:auto}.ui-overlay--top-left-td1xA{top:var(--hd-space-3);inset-inline-start:var(--hd-space-3);align-items:flex-start}.ui-overlay--top-right-GqD9H{top:var(--hd-space-3);inset-inline-end:var(--hd-space-3);align-items:flex-end}.ui-overlay--bottom-left-T5Quw{bottom:var(--hd-space-3);inset-inline-start:var(--hd-space-3);align-items:flex-start}.ui-overlay--bottom-right-za3z3{bottom:var(--hd-space-3);inset-inline-end:var(--hd-space-3);align-items:flex-end}.ui-body-DyI-6{display:flex;flex-direction:column;gap:var(--hd-space-2);padding:var(--hd-space-4) var(--hd-space-4) var(--hd-space-3);flex:1;min-width:0}.ui-footer-2WNCZ{display:flex;flex-direction:column;gap:var(--hd-space-2);padding:var(--hd-space-3) var(--hd-space-4) var(--hd-space-4);border-top:1px solid var(--hd-border);margin-top:auto}}

package/build/components/Carousel/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"),r=require("react"),b=require("react-bootstrap-icons"),p=require("../../helpers/class-name.helper.cjs"),F=require("../../helpers/component.helper.cjs"),x=require("../IconButton/index.cjs"),s={default:{"carousel":"ui-carousel-GJXkW","carousel__controls":"ui-carousel__controls-hm5ij","carousel__arrowIcon":"ui-carousel__arrowIcon-adFey","carousel__track":"ui-carousel__track-mAux5","carousel__dots":"ui-carousel__dots-iU8RJ","carousel__dot":"ui-carousel__dot-JTLCB","carousel__dot--active":"ui-carousel__dot--active-riNMm"}},I=({children:d,label:f,previousLabel:S,nextLabel:C,formatDotLabel:m,itemWidth:j,itemMinWidth:g,className:k,testId:w})=>{const l=r.useRef(null),[y,N]=r.useState(!1),[q,B]=r.useState(!1),[h,M]=r.useState(0),[u,R]=r.useState(1),[i,z]=r.useState(!1),n=r.useCallback(()=>{const t=l.current;if(!t)return;const{scrollLeft:e,scrollWidth:o,clientWidth:c}=t;N(e>1),B(e+c<o-1),M(c>0?Math.round(e/c):0),R(c>0?Math.max(1,Math.ceil(o/c)):1),z(o>c&&t.querySelector("a, button, input, select, textarea, [tabindex]")===null)},[]);r.useEffect(()=>{const t=l.current;if(!t)return;n(),t.addEventListener("scroll",n,{passive:!0});const e=typeof ResizeObserver>"u"?null:new ResizeObserver(n);return e==null||e.observe(t),()=>{t.removeEventListener("scroll",n),e==null||e.disconnect()}},[n,d]);const _=()=>{var t;return typeof window<"u"&&((t=window.matchMedia)!=null&&t.call(window,"(prefers-reduced-motion: reduce)").matches)?"auto":"smooth"},v=t=>{var e;return(e=l.current)==null?void 0:e.scrollBy({left:t*l.current.clientWidth,behavior:_()})};return a.jsxs("section",{className:p.cx(s.default.carousel,k),"aria-label":f,"data-testid":w,children:[a.jsxs("div",{className:s.default.carousel__controls,children:[a.jsx(x.default,{icon:a.jsx(b.CaretLeftFill,{"aria-hidden":!0,className:s.default.carousel__arrowIcon}),label:S,variant:"outline",size:"sm",disabled:!y,onClick:()=>v(-1)}),a.jsx(x.default,{icon:a.jsx(b.CaretRightFill,{"aria-hidden":!0,className:s.default.carousel__arrowIcon}),label:C,variant:"outline",size:"sm",disabled:!q,onClick:()=>v(1)})]}),a.jsx("div",{ref:l,className:s.default.carousel__track,style:{"--ui-carousel-item-default":`${j??g??240}px`},tabIndex:i?0:void 0,role:i?"group":void 0,"aria-label":i?f:void 0,children:d}),m&&u>1&&a.jsx("div",{className:s.default.carousel__dots,children:Array.from({length:u},(t,e)=>a.jsx("button",{type:"button",className:p.cx(s.default.carousel__dot,e===h&&s.default["carousel__dot--active"]),"aria-label":m(e+1,u),"aria-current":e===h?"true":void 0,onClick:()=>{var o;return(o=l.current)==null?void 0:o.scrollTo({left:e*l.current.clientWidth,behavior:_()})}},e))})]})},P=r.memo(F.named(I,"Carousel"));exports.default=P;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Carousel/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { CaretLeftFill, CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  children: ReactNode;\n  /** Şeridin erişilebilir adı (\"Öne çıkan ürünler\"). */\n  label: string;\n  /** Önceki/sonraki düğmelerinin erişilebilir adları. */\n  previousLabel: string;\n  nextLabel: string;\n  /** Sayfa göstergesinin ad üreticisi (`index` 1 tabanlı). */\n  formatDotLabel?: (index: number, total: number) => string;\n  /** Bir kartın genişliği. Şerit her kartı bu genişlikte çizer. */\n  itemWidth?: number;\n  /**\n   * @deprecated `itemWidth` kullanın. Ad bir ASGARİ genişlik vaat ediyordu ama şerit artık\n   * kartları…\n   */\n  itemMinWidth?: number;\n  className?: string;\n  testId?: string;\n};\n\n/** Kaydırılabilir şerit (carousel). */\nconst Carousel: FC<Props> = ({\n  children,\n  label,\n  previousLabel,\n  nextLabel,\n  formatDotLabel,\n  itemWidth,\n  itemMinWidth,\n  className,\n  testId,\n}) => {\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollBack, setCanScrollBack] = useState(false);\n  const [canScrollForward, setCanScrollForward] = useState(false);\n  const [page, setPage] = useState(0);\n  /*\n   * Sayfa SAYISI da olculur: cocuk sayisindan hesaplamak, kac kartin yan yana sigdigini bilmeyi\n   * gerektiriyor ve o sey yalnizca yerlesimden okunur.\n   */\n  const [pageCount, setPageCount] = useState(1);\n  const [needsTabStop, setNeedsTabStop] = useState(false);\n\n  /* DURUM SERIDIN KENDISINDEN OKUNUR, sayilmaz. */\n  const measure = useCallback(() => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = track;\n    /* 1 px tolerans: alt piksel yuvarlama yuzunden uctaki dugme hicbir zaman pasiflesmiyordu. */\n    setCanScrollBack(scrollLeft > 1);\n    setCanScrollForward(scrollLeft + clientWidth < scrollWidth - 1);\n    setPage(clientWidth > 0 ? Math.round(scrollLeft / clientWidth) : 0);\n    setPageCount(clientWidth > 0 ? Math.max(1, Math.ceil(scrollWidth / clientWidth)) : 1);\n\n    /* Odaklanabilir cocugu olan bir seride ek bir Tab duragi gereksiz. */\n    setNeedsTabStop(\n      scrollWidth > clientWidth &&\n        track.querySelector('a, button, input, select, textarea, [tabindex]') === null,\n    );\n  }, []);\n\n  useEffect(() => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    measure();\n    track.addEventListener('scroll', measure, { passive: true });\n\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(track);\n\n    return () => {\n      track.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [measure, children]);\n\n  /*\n   * Bir GORUNUM genisligi kaydirir: sabit bir kart sayisi, farkli genislikteki kartlarda serit\n   * ortasinda duruyordu.\n   */\n  /*\n   * ⚠ HAREKET TERCİHİ JS TARAFINDA OKUNUR. `index.module.scss` içinde `@include reduced-motion {\n   * scroll-behavior: auto }` vardı ama JS'in…\n   */\n  const scrollBehavior = (): ScrollBehavior =>\n    typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n      ? 'auto'\n      : 'smooth';\n\n  const scrollByPage = (direction: 1 | -1) =>\n    trackRef.current?.scrollBy({\n      left: direction * trackRef.current.clientWidth,\n      behavior: scrollBehavior(),\n    });\n\n  return (\n    <section className={cx(styles.carousel, className)} aria-label={label} data-testid={testId}>\n      <div className={styles.carousel__controls}>\n        <IconButton\n          icon={<CaretLeftFill aria-hidden className={styles.carousel__arrowIcon} />}\n          label={previousLabel}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!canScrollBack}\n          onClick={() => scrollByPage(-1)}\n        />\n        <IconButton\n          icon={<CaretRightFill aria-hidden className={styles.carousel__arrowIcon} />}\n          label={nextLabel}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!canScrollForward}\n          onClick={() => scrollByPage(1)}\n        />\n      </div>\n\n      <div\n        ref={trackRef}\n        className={styles.carousel__track}\n        /*\n         * ⚠ Sutun genisligi SABIT, `1fr` DEGIL: `minmax(item, 1fr)` yalnizca serit DOLMADIGINDA\n         * devreye giriyor ve kartlari gerdiriyordu\n         */\n        style={\n          {\n            '--ui-carousel-item-default': `${itemWidth ?? itemMinWidth ?? 240}px`,\n          } as React.CSSProperties\n        }\n        /*\n         * Yalnizca odaklanabilir cocugu OLMAYAN bir seride durak: aksi halde klavye kullanicisi\n         * hicbir sey yapmayan bir durak geciyordu.\n         */\n        tabIndex={needsTabStop ? 0 : undefined}\n        role={needsTabStop ? 'group' : undefined}\n        aria-label={needsTabStop ? label : undefined}\n      >\n        {children}\n      </div>\n\n      {formatDotLabel && pageCount > 1 && (\n        <div className={styles.carousel__dots}>\n          {Array.from({ length: pageCount }, (_, index) => (\n            <button\n              key={index}\n              type=\"button\"\n              className={cx(\n                styles.carousel__dot,\n                index === page && styles['carousel__dot--active'],\n              )}\n              /*\n               * Nokta ADSIZ birakilamaz: ekran okuyucuda \"dugme\" diye okunuyor ve kullanici nereye\n               * gittigini bilmiyordu.\n               */\n              aria-label={formatDotLabel(index + 1, pageCount)}\n              aria-current={index === page ? 'true' : undefined}\n              onClick={() =>\n                trackRef.current?.scrollTo({\n                  left: index * trackRef.current.clientWidth,\n                  behavior: scrollBehavior(),\n                })\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Carousel, 'Carousel')) as typeof Carousel;\n"],"names":["Carousel","children","label","previousLabel","nextLabel","formatDotLabel","itemWidth","itemMinWidth","className","testId","trackRef","useRef","canScrollBack","setCanScrollBack","useState","canScrollForward","setCanScrollForward","page","setPage","pageCount","setPageCount","needsTabStop","setNeedsTabStop","measure","useCallback","track","scrollLeft","scrollWidth","clientWidth","useEffect","observer","scrollBehavior","_a","scrollByPage","direction","jsxs","cx","styles","jsx","IconButton","CaretLeftFill","CaretRightFill","_","index","memo","named"],"mappings":"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"}

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

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    /** Şeridin erişilebilir adı ("Öne çıkan ürünler"). */
+    label: string;
+    /** Önceki/sonraki düğmelerinin erişilebilir adları. */
+    previousLabel: string;
+    nextLabel: string;
+    /** Sayfa göstergesinin ad üreticisi (`index` 1 tabanlı). */
+    formatDotLabel?: (index: number, total: number) => string;
+    /** Bir kartın genişliği. Şerit her kartı bu genişlikte çizer. */
+    itemWidth?: number;
+    /**
+     * @deprecated `itemWidth` kullanın. Ad bir ASGARİ genişlik vaat ediyordu ama şerit artık
+     * kartları…
+     */
+    itemMinWidth?: number;
+    className?: string;
+    testId?: string;
+};
+/** Kaydırılabilir şerit (carousel). */
+declare const Carousel: FC<Props>;
+declare const _default: typeof Carousel;
+export default _default;

package/build/components/Carousel/index.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsxs as b, jsx as a } from "react/jsx-runtime";
+import { memo as W, useRef as E, useState as n, useCallback as L, useEffect as P } from "react";
+import { CaretLeftFill as T, CaretRightFill as j } from "react-bootstrap-icons";
+import { cx as _ } from "../../helpers/class-name.helper.js";
+import { named as O } from "../../helpers/component.helper.js";
+import C from "../IconButton/index.js";
+const r = {"carousel":"ui-carousel-GJXkW","carousel__controls":"ui-carousel__controls-hm5ij","carousel__arrowIcon":"ui-carousel__arrowIcon-adFey","carousel__track":"ui-carousel__track-mAux5","carousel__dots":"ui-carousel__dots-iU8RJ","carousel__dot":"ui-carousel__dot-JTLCB","carousel__dot--active":"ui-carousel__dot--active-riNMm"};
+const q = ({
+  children: d,
+  label: m,
+  previousLabel: k,
+  nextLabel: w,
+  formatDotLabel: f,
+  itemWidth: y,
+  itemMinWidth: g,
+  className: N,
+  testId: S
+}) => {
+  const o = E(null), [x, B] = n(!1), [R, z] = n(!1), [p, F] = n(0), [i, I] = n(1), [u, M] = n(!1), c = L(() => {
+    const t = o.current;
+    if (!t) return;
+    const { scrollLeft: e, scrollWidth: s, clientWidth: l } = t;
+    B(e > 1), z(e + l < s - 1), F(l > 0 ? Math.round(e / l) : 0), I(l > 0 ? Math.max(1, Math.ceil(s / l)) : 1), M(
+      s > l && t.querySelector("a, button, input, select, textarea, [tabindex]") === null
+    );
+  }, []);
+  P(() => {
+    const t = o.current;
+    if (!t) return;
+    c(), t.addEventListener("scroll", c, { passive: !0 });
+    const e = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+    return e == null || e.observe(t), () => {
+      t.removeEventListener("scroll", c), e == null || e.disconnect();
+    };
+  }, [c, d]);
+  const h = () => {
+    var t;
+    return typeof window < "u" && ((t = window.matchMedia) != null && t.call(window, "(prefers-reduced-motion: reduce)").matches) ? "auto" : "smooth";
+  }, v = (t) => {
+    var e;
+    return (e = o.current) == null ? void 0 : e.scrollBy({
+      left: t * o.current.clientWidth,
+      behavior: h()
+    });
+  };
+  return /* @__PURE__ */ b("section", { className: _(r.carousel, N), "aria-label": m, "data-testid": S, children: [
+    /* @__PURE__ */ b("div", { className: r.carousel__controls, children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          icon: /* @__PURE__ */ a(T, { "aria-hidden": !0, className: r.carousel__arrowIcon }),
+          label: k,
+          variant: "outline",
+          size: "sm",
+          disabled: !x,
+          onClick: () => v(-1)
+        }
+      ),
+      /* @__PURE__ */ a(
+        C,
+        {
+          icon: /* @__PURE__ */ a(j, { "aria-hidden": !0, className: r.carousel__arrowIcon }),
+          label: w,
+          variant: "outline",
+          size: "sm",
+          disabled: !R,
+          onClick: () => v(1)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ref: o,
+        className: r.carousel__track,
+        style: {
+          "--ui-carousel-item-default": `${y ?? g ?? 240}px`
+        },
+        tabIndex: u ? 0 : void 0,
+        role: u ? "group" : void 0,
+        "aria-label": u ? m : void 0,
+        children: d
+      }
+    ),
+    f && i > 1 && /* @__PURE__ */ a("div", { className: r.carousel__dots, children: Array.from({ length: i }, (t, e) => /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: _(
+          r.carousel__dot,
+          e === p && r["carousel__dot--active"]
+        ),
+        "aria-label": f(e + 1, i),
+        "aria-current": e === p ? "true" : void 0,
+        onClick: () => {
+          var s;
+          return (s = o.current) == null ? void 0 : s.scrollTo({
+            left: e * o.current.clientWidth,
+            behavior: h()
+          });
+        }
+      },
+      e
+    )) })
+  ] });
+}, U = /* @__PURE__ */ W(/* @__PURE__ */ O(q, "Carousel"));
+export {
+  U as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Carousel/index.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, memo, type ReactNode, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { CaretLeftFill, CaretRightFill } from 'react-bootstrap-icons';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport IconButton from '../IconButton';\n\nimport styles from './index.module.scss';\n\ntype Props = {\n  children: ReactNode;\n  /** Şeridin erişilebilir adı (\"Öne çıkan ürünler\"). */\n  label: string;\n  /** Önceki/sonraki düğmelerinin erişilebilir adları. */\n  previousLabel: string;\n  nextLabel: string;\n  /** Sayfa göstergesinin ad üreticisi (`index` 1 tabanlı). */\n  formatDotLabel?: (index: number, total: number) => string;\n  /** Bir kartın genişliği. Şerit her kartı bu genişlikte çizer. */\n  itemWidth?: number;\n  /**\n   * @deprecated `itemWidth` kullanın. Ad bir ASGARİ genişlik vaat ediyordu ama şerit artık\n   * kartları…\n   */\n  itemMinWidth?: number;\n  className?: string;\n  testId?: string;\n};\n\n/** Kaydırılabilir şerit (carousel). */\nconst Carousel: FC<Props> = ({\n  children,\n  label,\n  previousLabel,\n  nextLabel,\n  formatDotLabel,\n  itemWidth,\n  itemMinWidth,\n  className,\n  testId,\n}) => {\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  const [canScrollBack, setCanScrollBack] = useState(false);\n  const [canScrollForward, setCanScrollForward] = useState(false);\n  const [page, setPage] = useState(0);\n  /*\n   * Sayfa SAYISI da olculur: cocuk sayisindan hesaplamak, kac kartin yan yana sigdigini bilmeyi\n   * gerektiriyor ve o sey yalnizca yerlesimden okunur.\n   */\n  const [pageCount, setPageCount] = useState(1);\n  const [needsTabStop, setNeedsTabStop] = useState(false);\n\n  /* DURUM SERIDIN KENDISINDEN OKUNUR, sayilmaz. */\n  const measure = useCallback(() => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    const { scrollLeft, scrollWidth, clientWidth } = track;\n    /* 1 px tolerans: alt piksel yuvarlama yuzunden uctaki dugme hicbir zaman pasiflesmiyordu. */\n    setCanScrollBack(scrollLeft > 1);\n    setCanScrollForward(scrollLeft + clientWidth < scrollWidth - 1);\n    setPage(clientWidth > 0 ? Math.round(scrollLeft / clientWidth) : 0);\n    setPageCount(clientWidth > 0 ? Math.max(1, Math.ceil(scrollWidth / clientWidth)) : 1);\n\n    /* Odaklanabilir cocugu olan bir seride ek bir Tab duragi gereksiz. */\n    setNeedsTabStop(\n      scrollWidth > clientWidth &&\n        track.querySelector('a, button, input, select, textarea, [tabindex]') === null,\n    );\n  }, []);\n\n  useEffect(() => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    measure();\n    track.addEventListener('scroll', measure, { passive: true });\n\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measure);\n    observer?.observe(track);\n\n    return () => {\n      track.removeEventListener('scroll', measure);\n      observer?.disconnect();\n    };\n  }, [measure, children]);\n\n  /*\n   * Bir GORUNUM genisligi kaydirir: sabit bir kart sayisi, farkli genislikteki kartlarda serit\n   * ortasinda duruyordu.\n   */\n  /*\n   * ⚠ HAREKET TERCİHİ JS TARAFINDA OKUNUR. `index.module.scss` içinde `@include reduced-motion {\n   * scroll-behavior: auto }` vardı ama JS'in…\n   */\n  const scrollBehavior = (): ScrollBehavior =>\n    typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches\n      ? 'auto'\n      : 'smooth';\n\n  const scrollByPage = (direction: 1 | -1) =>\n    trackRef.current?.scrollBy({\n      left: direction * trackRef.current.clientWidth,\n      behavior: scrollBehavior(),\n    });\n\n  return (\n    <section className={cx(styles.carousel, className)} aria-label={label} data-testid={testId}>\n      <div className={styles.carousel__controls}>\n        <IconButton\n          icon={<CaretLeftFill aria-hidden className={styles.carousel__arrowIcon} />}\n          label={previousLabel}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!canScrollBack}\n          onClick={() => scrollByPage(-1)}\n        />\n        <IconButton\n          icon={<CaretRightFill aria-hidden className={styles.carousel__arrowIcon} />}\n          label={nextLabel}\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!canScrollForward}\n          onClick={() => scrollByPage(1)}\n        />\n      </div>\n\n      <div\n        ref={trackRef}\n        className={styles.carousel__track}\n        /*\n         * ⚠ Sutun genisligi SABIT, `1fr` DEGIL: `minmax(item, 1fr)` yalnizca serit DOLMADIGINDA\n         * devreye giriyor ve kartlari gerdiriyordu\n         */\n        style={\n          {\n            '--ui-carousel-item-default': `${itemWidth ?? itemMinWidth ?? 240}px`,\n          } as React.CSSProperties\n        }\n        /*\n         * Yalnizca odaklanabilir cocugu OLMAYAN bir seride durak: aksi halde klavye kullanicisi\n         * hicbir sey yapmayan bir durak geciyordu.\n         */\n        tabIndex={needsTabStop ? 0 : undefined}\n        role={needsTabStop ? 'group' : undefined}\n        aria-label={needsTabStop ? label : undefined}\n      >\n        {children}\n      </div>\n\n      {formatDotLabel && pageCount > 1 && (\n        <div className={styles.carousel__dots}>\n          {Array.from({ length: pageCount }, (_, index) => (\n            <button\n              key={index}\n              type=\"button\"\n              className={cx(\n                styles.carousel__dot,\n                index === page && styles['carousel__dot--active'],\n              )}\n              /*\n               * Nokta ADSIZ birakilamaz: ekran okuyucuda \"dugme\" diye okunuyor ve kullanici nereye\n               * gittigini bilmiyordu.\n               */\n              aria-label={formatDotLabel(index + 1, pageCount)}\n              aria-current={index === page ? 'true' : undefined}\n              onClick={() =>\n                trackRef.current?.scrollTo({\n                  left: index * trackRef.current.clientWidth,\n                  behavior: scrollBehavior(),\n                })\n              }\n            />\n          ))}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Carousel, 'Carousel')) as typeof Carousel;\n"],"names":["Carousel","children","label","previousLabel","nextLabel","formatDotLabel","itemWidth","itemMinWidth","className","testId","trackRef","useRef","canScrollBack","setCanScrollBack","useState","canScrollForward","setCanScrollForward","page","setPage","pageCount","setPageCount","needsTabStop","setNeedsTabStop","measure","useCallback","track","scrollLeft","scrollWidth","clientWidth","useEffect","observer","scrollBehavior","_a","scrollByPage","direction","jsxs","cx","styles","jsx","IconButton","CaretLeftFill","CaretRightFill","_","index","memo","named"],"mappings":"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"}

package/build/components/Carousel/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-carousel-GJXkW{position:relative}.ui-carousel__controls-hm5ij{display:flex;align-items:center;gap:var(--hd-space-1);justify-content:flex-end;margin-bottom:var(--hd-space-2)}[dir=rtl] .ui-carousel__arrowIcon-adFey{transform:scaleX(-1)}.ui-carousel__track-mAux5{display:grid;grid-auto-flow:column;grid-auto-columns:var(--ui-carousel-item, var(--ui-carousel-item-default, 240px));justify-content:start;gap:var(--hd-space-4);position:relative;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-block:var(--hd-space-1);scrollbar-width:thin;scrollbar-color:var(--hd-border-strong) transparent}.ui-carousel__track-mAux5::-webkit-scrollbar{width:8px;height:8px}.ui-carousel__track-mAux5::-webkit-scrollbar-track{background:transparent}.ui-carousel__track-mAux5::-webkit-scrollbar-thumb{background-color:var(--hd-border-strong);border-radius:var(--hd-radius-pill);border:2px solid transparent;background-clip:content-box}.ui-carousel__track-mAux5::-webkit-scrollbar-thumb:hover{background-color:var(--hd-text-3)}.ui-carousel__track-mAux5:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, -2px)}.ui-carousel__track-mAux5>*{scroll-snap-align:start}@media (prefers-reduced-motion: reduce){.ui-carousel__track-mAux5{scroll-behavior:auto}}.ui-carousel__dots-iU8RJ{display:flex;align-items:center;gap:var(--hd-space-1);justify-content:center;margin-top:var(--hd-space-3)}.ui-carousel__dot-JTLCB{position:relative}.ui-carousel__dot-JTLCB:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-carousel__dot-JTLCB{width:8px;height:8px;padding:0;border:none;border-radius:var(--hd-radius-pill);background-color:var(--hd-border-strong);cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),width var(--hd-duration-fast) var(--hd-ease-standard)}.ui-carousel__dot--active-riNMm{width:20px;background-color:var(--hd-primary)}.ui-carousel__dot-JTLCB: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-carousel__dot-JTLCB{transition:none}}@media (forced-colors: active){.ui-carousel__dot-JTLCB{background-color:ButtonBorder}.ui-carousel__dot--active-riNMm{background-color:Highlight;forced-color-adjust:none}}}

package/build/components/Checkbox/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"),l=require("react"),h=require("../../helpers/class-name.helper.cjs"),m=require("../../helpers/component.helper.cjs"),c={default:{"checkbox":"ui-checkbox-FaFCj","checkbox__input":"ui-checkbox__input-nTHne","checkbox__body":"ui-checkbox__body-VAEW2","checkbox__label":"ui-checkbox__label-sSNZY","checkbox__hint":"ui-checkbox__hint-ish-J"}},_=l.forwardRef(({label:r,hint:s,className:o,id:i,testId:u,...t},b)=>{const x=l.useId(),a=i??x,d=`${a}-label`,n=`${a}-hint`;return e.jsxs("label",{className:h.cx(c.default.checkbox,o),"data-testid":u,children:[e.jsx("input",{ref:b,type:"checkbox",id:a,className:c.default.checkbox__input,"aria-labelledby":d,"aria-describedby":s?n:t["aria-describedby"],...t}),e.jsxs("span",{className:c.default.checkbox__body,children:[e.jsx("span",{id:d,className:c.default.checkbox__label,children:r}),s&&e.jsx("span",{id:n,className:c.default.checkbox__hint,children:s})]})]})}),p=l.memo(m.named(_,"Checkbox"));exports.default=p;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type InputHTMLAttributes, memo, type ReactNode, useId } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {\n  label: ReactNode;\n  /** Etiketin altındaki açıklama; `aria-describedby` ile bağlanır. */\n  hint?: string;\n  testId?: string;\n};\n\n/** Onay kutusu. */\nconst Checkbox = /*#__PURE__*/ forwardRef<HTMLInputElement, Props>(\n  ({ label, hint, className, id, testId, ...rest }, ref) => {\n    /* ⚠ İpucu ADA değil AÇIKLAMAYA bağlanır — gerekçe `Switch`te yazılı. */\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const labelId = `${baseId}-label`;\n    const hintId = `${baseId}-hint`;\n\n    return (\n      <label className={cx(styles.checkbox, className)} data-testid={testId}>\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          id={baseId}\n          className={styles.checkbox__input}\n          aria-labelledby={labelId}\n          aria-describedby={hint ? hintId : rest['aria-describedby']}\n          {...rest}\n        />\n        <span className={styles.checkbox__body}>\n          <span id={labelId} className={styles.checkbox__label}>\n            {label}\n          </span>\n          {hint && (\n            <span id={hintId} className={styles.checkbox__hint}>\n              {hint}\n            </span>\n          )}\n        </span>\n      </label>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Checkbox, 'Checkbox')) as typeof Checkbox;\n"],"names":["Checkbox","forwardRef","label","hint","className","id","testId","rest","ref","generatedId","useId","baseId","labelId","hintId","jsxs","cx","styles","jsx","index","memo","named"],"mappings":"uTAgBMA,EAAyBC,EAAAA,WAC7B,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,UAAAC,EAAW,GAAAC,EAAI,OAAAC,EAAQ,GAAGC,CAAA,EAAQC,IAAQ,CAExD,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAASN,GAAMI,EACfG,EAAU,GAAGD,CAAM,SACnBE,EAAS,GAAGF,CAAM,QAExB,OACEG,OAAC,SAAM,UAAWC,EAAAA,GAAGC,EAAAA,QAAO,SAAUZ,CAAS,EAAG,cAAaE,EAC7D,SAAA,CAAAW,EAAAA,IAAC,QAAA,CACC,IAAAT,EACA,KAAK,WACL,GAAIG,EACJ,UAAWK,EAAAA,QAAO,gBAClB,kBAAiBJ,EACjB,mBAAkBT,EAAOU,EAASN,EAAK,kBAAkB,EACxD,GAAGA,CAAA,CAAA,EAENO,EAAAA,KAAC,OAAA,CAAK,UAAWE,EAAAA,QAAO,eACtB,SAAA,CAAAC,MAAC,QAAK,GAAIL,EAAS,UAAWI,EAAAA,QAAO,gBAClC,SAAAd,EACH,EACCC,SACE,OAAA,CAAK,GAAIU,EAAQ,UAAWG,UAAO,eACjC,SAAAb,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,CAEJ,CACF,EAEAe,EAA6BC,OAAmBC,EAAAA,MAAMpB,EAAU,UAAU,CAAC"}

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

@@ -0,0 +1,10 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
+/** Onay kutusu. */
+declare const Checkbox: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: ReactNode;
+    /** Etiketin altındaki açıklama; `aria-describedby` ile bağlanır. */
+    hint?: string;
+    testId?: string;
+} & import('react').RefAttributes<HTMLInputElement>>;
+declare const _default: typeof Checkbox;
+export default _default;

package/build/components/Checkbox/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { memo as x, forwardRef as p, useId as f } from "react";
+import { cx as k } from "../../helpers/class-name.helper.js";
+import { named as _ } from "../../helpers/component.helper.js";
+const e = {"checkbox":"ui-checkbox-FaFCj","checkbox__input":"ui-checkbox__input-nTHne","checkbox__body":"ui-checkbox__body-VAEW2","checkbox__label":"ui-checkbox__label-sSNZY","checkbox__hint":"ui-checkbox__hint-ish-J"};
+const u = /* @__PURE__ */ p(
+  ({ label: l, hint: c, className: t, id: n, testId: b, ...o }, m) => {
+    const h = f(), a = n ?? h, d = `${a}-label`, r = `${a}-hint`;
+    return /* @__PURE__ */ i("label", { className: k(e.checkbox, t), "data-testid": b, children: [
+      /* @__PURE__ */ s(
+        "input",
+        {
+          ref: m,
+          type: "checkbox",
+          id: a,
+          className: e.checkbox__input,
+          "aria-labelledby": d,
+          "aria-describedby": c ? r : o["aria-describedby"],
+          ...o
+        }
+      ),
+      /* @__PURE__ */ i("span", { className: e.checkbox__body, children: [
+        /* @__PURE__ */ s("span", { id: d, className: e.checkbox__label, children: l }),
+        c && /* @__PURE__ */ s("span", { id: r, className: e.checkbox__hint, children: c })
+      ] })
+    ] });
+  }
+), $ = /* @__PURE__ */ x(/* @__PURE__ */ _(u, "Checkbox"));
+export {
+  $ as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Checkbox/index.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type InputHTMLAttributes, memo, type ReactNode, useId } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\n\nimport styles from './index.module.scss';\n\ntype Props = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {\n  label: ReactNode;\n  /** Etiketin altındaki açıklama; `aria-describedby` ile bağlanır. */\n  hint?: string;\n  testId?: string;\n};\n\n/** Onay kutusu. */\nconst Checkbox = /*#__PURE__*/ forwardRef<HTMLInputElement, Props>(\n  ({ label, hint, className, id, testId, ...rest }, ref) => {\n    /* ⚠ İpucu ADA değil AÇIKLAMAYA bağlanır — gerekçe `Switch`te yazılı. */\n    const generatedId = useId();\n    const baseId = id ?? generatedId;\n    const labelId = `${baseId}-label`;\n    const hintId = `${baseId}-hint`;\n\n    return (\n      <label className={cx(styles.checkbox, className)} data-testid={testId}>\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          id={baseId}\n          className={styles.checkbox__input}\n          aria-labelledby={labelId}\n          aria-describedby={hint ? hintId : rest['aria-describedby']}\n          {...rest}\n        />\n        <span className={styles.checkbox__body}>\n          <span id={labelId} className={styles.checkbox__label}>\n            {label}\n          </span>\n          {hint && (\n            <span id={hintId} className={styles.checkbox__hint}>\n              {hint}\n            </span>\n          )}\n        </span>\n      </label>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Checkbox, 'Checkbox')) as typeof Checkbox;\n"],"names":["Checkbox","forwardRef","label","hint","className","id","testId","rest","ref","generatedId","useId","baseId","labelId","hintId","jsxs","cx","styles","jsx","index","memo","named"],"mappings":";;;;;;AAgBA,MAAMA,IAAyB,gBAAAC;AAAA,EAC7B,CAAC,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,IAAAC,GAAI,QAAAC,GAAQ,GAAGC,EAAA,GAAQC,MAAQ;AAExD,UAAMC,IAAcC,EAAA,GACdC,IAASN,KAAMI,GACfG,IAAU,GAAGD,CAAM,UACnBE,IAAS,GAAGF,CAAM;AAExB,WACE,gBAAAG,EAAC,WAAM,WAAWC,EAAGC,EAAO,UAAUZ,CAAS,GAAG,eAAaE,GAC7D,UAAA;AAAA,MAAA,gBAAAW;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAT;AAAA,UACA,MAAK;AAAA,UACL,IAAIG;AAAA,UACJ,WAAWK,EAAO;AAAA,UAClB,mBAAiBJ;AAAA,UACjB,oBAAkBT,IAAOU,IAASN,EAAK,kBAAkB;AAAA,UACxD,GAAGA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEN,gBAAAO,EAAC,QAAA,EAAK,WAAWE,EAAO,gBACtB,UAAA;AAAA,QAAA,gBAAAC,EAAC,UAAK,IAAIL,GAAS,WAAWI,EAAO,iBAClC,UAAAd,GACH;AAAA,QACCC,uBACE,QAAA,EAAK,IAAIU,GAAQ,WAAWG,EAAO,gBACjC,UAAAb,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,EAEJ;AACF,GAEAe,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAMpB,GAAU,UAAU,CAAC;"}

package/build/components/Checkbox/style.css

@@ -0,0 +1 @@
+@layer ui{.ui-checkbox-FaFCj{display:flex;align-items:flex-start;gap:var(--hd-space-3);cursor:pointer}.ui-checkbox__input-nTHne{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-grid;place-content:center;flex-shrink:0;width:18px;height:18px;margin:0;border:1.5px solid var(--hd-text-3);border-radius:var(--hd-radius-xs);background-color:var(--hd-bg-surface);cursor:pointer;transition:background-color var(--hd-duration-fast) var(--hd-ease-standard),border-color var(--hd-duration-fast) var(--hd-ease-standard)}.ui-checkbox__input-nTHne:before{content:"";width:10px;height:10px;background-color:var(--hd-on-primary);scale:0;transition:scale var(--hd-duration-fast) var(--hd-ease-standard);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}.ui-checkbox__input-nTHne:hover:not(:disabled){border-color:var(--hd-text-2)}.ui-checkbox__input-nTHne:checked,.ui-checkbox__input-nTHne:indeterminate{background-color:var(--hd-primary);border-color:var(--hd-primary)}.ui-checkbox__input-nTHne:checked:before,.ui-checkbox__input-nTHne:indeterminate:before{scale:1}.ui-checkbox__input-nTHne:checked:hover:not(:disabled),.ui-checkbox__input-nTHne:indeterminate:hover:not(:disabled){background-color:var(--hd-primary-hover);border-color:var(--hd-primary-hover)}.ui-checkbox__input-nTHne:indeterminate:before{clip-path:inset(40% 5%)}.ui-checkbox__input-nTHne:disabled{background-color:var(--hd-bg-disabled);border-color:var(--hd-border-strong);cursor:not-allowed}.ui-checkbox__input-nTHne:checked:disabled,.ui-checkbox__input-nTHne:indeterminate:disabled{background-color:var(--hd-text-disabled);border-color:transparent}.ui-checkbox__input-nTHne:checked:disabled:before,.ui-checkbox__input-nTHne:indeterminate:disabled:before{background-color:var(--hd-bg-surface)}@media (prefers-reduced-motion: reduce){.ui-checkbox__input-nTHne{transition:none}.ui-checkbox__input-nTHne:before{transition:none}}@media (forced-colors: active){.ui-checkbox__input-nTHne{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ui-checkbox__input-nTHne:before{display:none}}.ui-checkbox__input-nTHne{margin-top:2px}.ui-checkbox__input-nTHne:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-checkbox__body-VAEW2{display:flex;flex-direction:column;gap:var(--hd-space-1);flex:1;min-width:0}.ui-checkbox__label-sSNZY{font-size:var(--hd-type-small-size);line-height:var(--hd-type-body-line-height);color:var(--hd-text)}.ui-checkbox__hint-ish-J{font-size:var(--hd-type-caption-size);color:var(--hd-text-2);line-height:var(--hd-type-body-line-height)}}

package/build/components/Chip/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("react"),q=require("@handijit/utils"),b=require("../../helpers/class-name.helper.cjs"),v=require("../../helpers/component.helper.cjs"),g=require("../Link/index.cjs"),a={default:{"chip":"ui-chip--NLgU","chip__icon":"ui-chip__icon-IjjSb","chip__count":"ui-chip__count-MBGO3","chip__label":"ui-chip__label-cT4hw","chip--sm":"ui-chip--sm-60H-S","chip--md":"ui-chip--md--yAlm","chip--iconOnly":"ui-chip--iconOnly-5LT1h","chip--selected":"ui-chip--selected-FdpCr"}},C=h.forwardRef(({children:s,icon:i,endIcon:r,count:n,isSelected:t,size:m="md",label:c,href:l,linkProps:f,className:_,type:x="button",role:u,testId:d,...j},N)=>{const o=b.cx(a.default.chip,a.default[`chip--${m}`],t&&a.default["chip--selected"],!s&&a.default["chip--iconOnly"],_),p=e.jsxs(e.Fragment,{children:[i&&e.jsx("span",{className:a.default.chip__icon,"aria-hidden":!0,children:i}),s&&e.jsx("span",{className:a.default.chip__label,children:s}),q.isDefined(n)&&e.jsx("span",{className:a.default.chip__count,children:n}),r&&e.jsx("span",{className:a.default.chip__icon,"aria-hidden":!0,children:r})]});return l?e.jsx(g.default,{href:l,className:o,"aria-label":s?void 0:c,"aria-current":t?"page":void 0,"data-testid":d,...f,children:p}):e.jsx("button",{ref:N,type:x,role:u,className:o,"aria-label":s?void 0:c,"data-testid":d,...u==="radio"?{"aria-checked":!!t}:{"aria-pressed":!!t},...j,children:p})}),y=h.memo(v.named(C,"Chip"));exports.default=y;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, forwardRef, memo, type ReactNode } from 'react';\n\nimport { isDefined } from '@handijit/utils';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\nexport type ChipSize = 'sm' | 'md';\n\ntype Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  /** Görünen metin. */\n  children?: ReactNode;\n  /** Metnin solundaki ikon. */\n  icon?: ReactNode;\n  /** Metnin sağındaki ikon (ok, çarpı). */\n  endIcon?: ReactNode;\n  /** Sağda gösterilen sonuç adedi. */\n  count?: number;\n  isSelected?: boolean;\n  size?: ChipSize;\n  /** Erişilebilir ad. */\n  label?: string;\n  /** Verilirse çip bir bağlantı olarak çizilir. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  /** Grup içindeki ARIA rolü. */\n  role?: 'radio';\n  testId?: string;\n};\n\n/** Çip — seçilebilir etiket. */\nconst Chip = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      children,\n      icon,\n      endIcon,\n      count,\n      isSelected,\n      size = 'md',\n      label,\n      href,\n      linkProps,\n      className,\n      type = 'button',\n      role,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classNames = cx(\n      styles.chip,\n      styles[`chip--${size}`],\n      isSelected && styles['chip--selected'],\n      !children && styles['chip--iconOnly'],\n      className,\n    );\n\n    const content = (\n      <>\n        {icon && (\n          <span className={styles.chip__icon} aria-hidden>\n            {icon}\n          </span>\n        )}\n        {children && <span className={styles.chip__label}>{children}</span>}\n        {isDefined(count) && <span className={styles.chip__count}>{count}</span>}\n        {endIcon && (\n          <span className={styles.chip__icon} aria-hidden>\n            {endIcon}\n          </span>\n        )}\n      </>\n    );\n\n    if (href)\n      return (\n        <UiLink\n          href={href}\n          className={classNames}\n          aria-label={children ? undefined : label}\n          aria-current={isSelected ? 'page' : undefined}\n          data-testid={testId}\n          {...linkProps}\n        >\n          {content}\n        </UiLink>\n      );\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        role={role}\n        className={classNames}\n        aria-label={children ? undefined : label}\n        data-testid={testId}\n        // Tek seçimli grupta radyo semantiği, aksi halde basılı düğme.\n        {...(role === 'radio'\n          ? { 'aria-checked': Boolean(isSelected) }\n          : { 'aria-pressed': Boolean(isSelected) })}\n        {...rest}\n      >\n        {content}\n      </button>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Chip, 'Chip')) as typeof Chip;\n"],"names":["Chip","forwardRef","children","icon","endIcon","count","isSelected","size","label","href","linkProps","className","type","role","testId","rest","ref","classNames","cx","styles","content","jsxs","Fragment","jsx","isDefined","UiLink","memo","named"],"mappings":"sWAoCMA,EAAqBC,EAAAA,WACzB,CACE,CACE,SAAAC,EACA,KAAAC,EACA,QAAAC,EACA,MAAAC,EACA,WAAAC,EACA,KAAAC,EAAO,KACP,MAAAC,EACA,KAAAC,EACA,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,SACP,KAAAC,EACA,OAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAaC,EAAAA,GACjBC,EAAAA,QAAO,KACPA,EAAAA,QAAO,SAASZ,CAAI,EAAE,EACtBD,GAAca,EAAAA,QAAO,gBAAgB,EACrC,CAACjB,GAAYiB,EAAAA,QAAO,gBAAgB,EACpCR,CAAA,EAGIS,EACJC,EAAAA,KAAAC,EAAAA,SAAA,CACG,SAAA,CAAAnB,SACE,OAAA,CAAK,UAAWgB,EAAAA,QAAO,WAAY,cAAW,GAC5C,SAAAhB,CAAA,CACH,EAEDD,GAAYqB,EAAAA,IAAC,OAAA,CAAK,UAAWJ,UAAO,YAAc,SAAAjB,EAAS,EAC3DsB,EAAAA,UAAUnB,CAAK,GAAKkB,EAAAA,IAAC,QAAK,UAAWJ,EAAAA,QAAO,YAAc,SAAAd,EAAM,EAChED,SACE,OAAA,CAAK,UAAWe,EAAAA,QAAO,WAAY,cAAW,GAC5C,SAAAf,CAAA,CACH,CAAA,EAEJ,EAGF,OAAIK,EAEAc,EAAAA,IAACE,EAAAA,QAAA,CACC,KAAAhB,EACA,UAAWQ,EACX,aAAYf,EAAW,OAAYM,EACnC,eAAcF,EAAa,OAAS,OACpC,cAAaQ,EACZ,GAAGJ,EAEH,SAAAU,CAAA,CAAA,EAKLG,EAAAA,IAAC,SAAA,CACC,IAAAP,EACA,KAAAJ,EACA,KAAAC,EACA,UAAWI,EACX,aAAYf,EAAW,OAAYM,EACnC,cAAaM,EAEZ,GAAID,IAAS,QACV,CAAE,eAAgB,EAAQP,CAAU,EACpC,CAAE,eAAgB,EAAQA,CAAU,EACvC,GAAGS,EAEH,SAAAK,CAAA,CAAA,CAGP,CACF,EAEApB,EAA6B0B,OAAmBC,EAAAA,MAAM3B,EAAM,MAAM,CAAC"}

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

@@ -0,0 +1,27 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { UiLinkExtraProps } from '../../types/link.type';
+export type ChipSize = 'sm' | 'md';
+/** Çip — seçilebilir etiket. */
+declare const Chip: import('react').ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    /** Görünen metin. */
+    children?: ReactNode;
+    /** Metnin solundaki ikon. */
+    icon?: ReactNode;
+    /** Metnin sağındaki ikon (ok, çarpı). */
+    endIcon?: ReactNode;
+    /** Sağda gösterilen sonuç adedi. */
+    count?: number;
+    isSelected?: boolean;
+    size?: ChipSize;
+    /** Erişilebilir ad. */
+    label?: string;
+    /** Verilirse çip bir bağlantı olarak çizilir. */
+    href?: string;
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: UiLinkExtraProps;
+    /** Grup içindeki ARIA rolü. */
+    role?: "radio";
+    testId?: string;
+} & import('react').RefAttributes<HTMLButtonElement>>;
+declare const _default: typeof Chip;
+export default _default;

package/build/components/Chip/index.js

@@ -0,0 +1,67 @@
+import { jsxs as x, Fragment as v, jsx as i } from "react/jsx-runtime";
+import { memo as C, forwardRef as g } from "react";
+import { isDefined as j } from "@handijit/utils";
+import { cx as k } from "../../helpers/class-name.helper.js";
+import { named as y } from "../../helpers/component.helper.js";
+import B from "../Link/index.js";
+const a = {"chip":"ui-chip--NLgU","chip__icon":"ui-chip__icon-IjjSb","chip__count":"ui-chip__count-MBGO3","chip__label":"ui-chip__label-cT4hw","chip--sm":"ui-chip--sm-60H-S","chip--md":"ui-chip--md--yAlm","chip--iconOnly":"ui-chip--iconOnly-5LT1h","chip--selected":"ui-chip--selected-FdpCr"};
+const $ = /* @__PURE__ */ g(
+  ({
+    children: r,
+    icon: s,
+    endIcon: t,
+    count: e,
+    isSelected: o,
+    size: l = "md",
+    label: m,
+    href: n,
+    linkProps: f,
+    className: u,
+    type: _ = "button",
+    role: c,
+    testId: p,
+    ...N
+  }, b) => {
+    const d = k(
+      a.chip,
+      a[`chip--${l}`],
+      o && a["chip--selected"],
+      !r && a["chip--iconOnly"],
+      u
+    ), h = /* @__PURE__ */ x(v, { children: [
+      s && /* @__PURE__ */ i("span", { className: a.chip__icon, "aria-hidden": !0, children: s }),
+      r && /* @__PURE__ */ i("span", { className: a.chip__label, children: r }),
+      j(e) && /* @__PURE__ */ i("span", { className: a.chip__count, children: e }),
+      t && /* @__PURE__ */ i("span", { className: a.chip__icon, "aria-hidden": !0, children: t })
+    ] });
+    return n ? /* @__PURE__ */ i(
+      B,
+      {
+        href: n,
+        className: d,
+        "aria-label": r ? void 0 : m,
+        "aria-current": o ? "page" : void 0,
+        "data-testid": p,
+        ...f,
+        children: h
+      }
+    ) : /* @__PURE__ */ i(
+      "button",
+      {
+        ref: b,
+        type: _,
+        role: c,
+        className: d,
+        "aria-label": r ? void 0 : m,
+        "data-testid": p,
+        ...c === "radio" ? { "aria-checked": !!o } : { "aria-pressed": !!o },
+        ...N,
+        children: h
+      }
+    );
+  }
+), q = /* @__PURE__ */ C(/* @__PURE__ */ y($, "Chip"));
+export {
+  q as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Chip/index.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, forwardRef, memo, type ReactNode } from 'react';\n\nimport { isDefined } from '@handijit/utils';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport { named } from '../../helpers/component.helper';\nimport type { UiLinkExtraProps } from '../../types/link.type';\nimport UiLink from '../Link';\n\nimport styles from './index.module.scss';\n\nexport type ChipSize = 'sm' | 'md';\n\ntype Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {\n  /** Görünen metin. */\n  children?: ReactNode;\n  /** Metnin solundaki ikon. */\n  icon?: ReactNode;\n  /** Metnin sağındaki ikon (ok, çarpı). */\n  endIcon?: ReactNode;\n  /** Sağda gösterilen sonuç adedi. */\n  count?: number;\n  isSelected?: boolean;\n  size?: ChipSize;\n  /** Erişilebilir ad. */\n  label?: string;\n  /** Verilirse çip bir bağlantı olarak çizilir. */\n  href?: string;\n  /** Yönlendiriciye geçirilecek ek props. */\n  linkProps?: UiLinkExtraProps;\n  /** Grup içindeki ARIA rolü. */\n  role?: 'radio';\n  testId?: string;\n};\n\n/** Çip — seçilebilir etiket. */\nconst Chip = /*#__PURE__*/ forwardRef<HTMLButtonElement, Props>(\n  (\n    {\n      children,\n      icon,\n      endIcon,\n      count,\n      isSelected,\n      size = 'md',\n      label,\n      href,\n      linkProps,\n      className,\n      type = 'button',\n      role,\n      testId,\n      ...rest\n    },\n    ref,\n  ) => {\n    const classNames = cx(\n      styles.chip,\n      styles[`chip--${size}`],\n      isSelected && styles['chip--selected'],\n      !children && styles['chip--iconOnly'],\n      className,\n    );\n\n    const content = (\n      <>\n        {icon && (\n          <span className={styles.chip__icon} aria-hidden>\n            {icon}\n          </span>\n        )}\n        {children && <span className={styles.chip__label}>{children}</span>}\n        {isDefined(count) && <span className={styles.chip__count}>{count}</span>}\n        {endIcon && (\n          <span className={styles.chip__icon} aria-hidden>\n            {endIcon}\n          </span>\n        )}\n      </>\n    );\n\n    if (href)\n      return (\n        <UiLink\n          href={href}\n          className={classNames}\n          aria-label={children ? undefined : label}\n          aria-current={isSelected ? 'page' : undefined}\n          data-testid={testId}\n          {...linkProps}\n        >\n          {content}\n        </UiLink>\n      );\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        role={role}\n        className={classNames}\n        aria-label={children ? undefined : label}\n        data-testid={testId}\n        // Tek seçimli grupta radyo semantiği, aksi halde basılı düğme.\n        {...(role === 'radio'\n          ? { 'aria-checked': Boolean(isSelected) }\n          : { 'aria-pressed': Boolean(isSelected) })}\n        {...rest}\n      >\n        {content}\n      </button>\n    );\n  },\n);\n\nexport default /*#__PURE__*/ memo(/*#__PURE__*/ named(Chip, 'Chip')) as typeof Chip;\n"],"names":["Chip","forwardRef","children","icon","endIcon","count","isSelected","size","label","href","linkProps","className","type","role","testId","rest","ref","classNames","cx","styles","content","jsxs","Fragment","jsx","isDefined","UiLink","Chip$1","memo","named"],"mappings":";;;;;;;AAoCA,MAAMA,IAAqB,gBAAAC;AAAA,EACzB,CACE;AAAA,IACE,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAaC;AAAA,MACjBC,EAAO;AAAA,MACPA,EAAO,SAASZ,CAAI,EAAE;AAAA,MACtBD,KAAca,EAAO,gBAAgB;AAAA,MACrC,CAACjB,KAAYiB,EAAO,gBAAgB;AAAA,MACpCR;AAAA,IAAA,GAGIS,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,MAAAnB,uBACE,QAAA,EAAK,WAAWgB,EAAO,YAAY,eAAW,IAC5C,UAAAhB,EAAA,CACH;AAAA,MAEDD,KAAY,gBAAAqB,EAAC,QAAA,EAAK,WAAWJ,EAAO,aAAc,UAAAjB,GAAS;AAAA,MAC3DsB,EAAUnB,CAAK,KAAK,gBAAAkB,EAAC,UAAK,WAAWJ,EAAO,aAAc,UAAAd,GAAM;AAAA,MAChED,uBACE,QAAA,EAAK,WAAWe,EAAO,YAAY,eAAW,IAC5C,UAAAf,EAAA,CACH;AAAA,IAAA,GAEJ;AAGF,WAAIK,IAEA,gBAAAc;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAAhB;AAAA,QACA,WAAWQ;AAAA,QACX,cAAYf,IAAW,SAAYM;AAAA,QACnC,gBAAcF,IAAa,SAAS;AAAA,QACpC,eAAaQ;AAAA,QACZ,GAAGJ;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA,IAKL,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAP;AAAA,QACA,MAAAJ;AAAA,QACA,MAAAC;AAAA,QACA,WAAWI;AAAA,QACX,cAAYf,IAAW,SAAYM;AAAA,QACnC,eAAaM;AAAA,QAEZ,GAAID,MAAS,UACV,EAAE,gBAAgB,EAAQP,EAAU,IACpC,EAAE,gBAAgB,EAAQA,EAAU;AAAA,QACvC,GAAGS;AAAA,QAEH,UAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF,GAEAM,IAA6B,gBAAAC,EAAmB,gBAAAC,EAAM5B,GAAM,MAAM,CAAC;"}

package/build/components/Chip/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";@layer ui{.ui-chip--NLgU{position:relative}.ui-chip--NLgU:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.ui-chip--NLgU{display:inline-flex;align-items:center;justify-content:center;gap:var(--hd-space-2);background-color:var(--ui-chip-bg, var(--hd-bg-surface));border:1px solid var(--ui-chip-line, var(--hd-border));border-radius:var(--ui-chip-radius, var(--hd-radius-sm));color:var(--ui-chip-fg, var(--hd-text-2));font-family:var(--hd-font-body);font-weight:var(--ui-chip-weight, var(--hd-font-weight-medium));line-height:1;white-space:nowrap;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-chip--NLgU:focus-visible{outline:var(--ui-ring-width, 2px) solid var(--hd-focus);outline-offset:var(--ui-ring-offset, 2px)}.ui-chip--NLgU:hover:not(:disabled){border-color:var(--hd-border-strong);color:var(--hd-text)}.ui-chip--NLgU: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-chip--NLgU:disabled{color:GrayText;border-color:GrayText}}.ui-chip--NLgU:disabled .ui-chip__icon-IjjSb,.ui-chip--NLgU:disabled .ui-chip__count-MBGO3{color:var(--hd-text-3)}@media (forced-colors: active){.ui-chip--NLgU:disabled .ui-chip__icon-IjjSb,.ui-chip--NLgU:disabled .ui-chip__count-MBGO3{color:GrayText}}@media (prefers-reduced-motion: reduce){.ui-chip--NLgU{transition:none}}.ui-chip__icon-IjjSb{display:inline-flex;align-items:center;flex-shrink:0;font-size:.92em;color:var(--hd-text-2);transition:color var(--hd-duration-fast) var(--hd-ease-standard)}@media (prefers-reduced-motion: reduce){.ui-chip__icon-IjjSb{transition:none}}.ui-chip__label-cT4hw{overflow:hidden;text-overflow:ellipsis}.ui-chip__count-MBGO3{font-size:var(--hd-type-caption-size);font-weight:var(--hd-font-weight-semibold);color:var(--hd-text-3);font-variant-numeric:tabular-nums;flex-shrink:0}.ui-chip--sm-60H-S{font-size:var(--hd-type-caption-size);padding:var(--hd-space-2) var(--hd-space-3);min-height:32px}.ui-chip--md--yAlm{font-size:var(--hd-type-small-size);padding:var(--hd-space-2) var(--hd-space-4);min-height:40px}.ui-chip--iconOnly-5LT1h{gap:0}.ui-chip--iconOnly-5LT1h.ui-chip--sm-60H-S{width:32px;padding:0}.ui-chip--iconOnly-5LT1h.ui-chip--md--yAlm{width:40px;padding:0}.ui-chip--iconOnly-5LT1h .ui-chip__icon-IjjSb{font-size:1em}.ui-chip--selected-FdpCr{border-color:var(--ui-chip-selected-line, var(--hd-primary));color:var(--ui-chip-selected-fg, var(--hd-primary-text));background-color:var(--ui-chip-selected-bg, var(--hd-primary-soft));font-weight:var(--ui-chip-selected-weight, var(--hd-font-weight-semibold))}.ui-chip--selected-FdpCr .ui-chip__icon-IjjSb,.ui-chip--selected-FdpCr .ui-chip__count-MBGO3{color:var(--ui-chip-selected-fg, var(--hd-primary-text))}.ui-chip--selected-FdpCr:hover:not(:disabled){border-color:var(--ui-chip-selected-line, var(--hd-primary-hover));color:var(--ui-chip-selected-fg, var(--hd-primary-text));background-color:var(--ui-chip-selected-bg, var(--hd-primary-soft-hover))}.ui-chip--selected-FdpCr:disabled{border-color:var(--hd-text-3)}}

package/build/components/ChipGroup/index.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react/jsx-runtime"),h=require("react"),D=require("../../helpers/class-name.helper.cjs"),q=require("../Chip/index.cjs"),o={default:{"group":"ui-group-0tnVf","group--scrollable":"ui-group--scrollable-PMu6V"}},S=({options:a,label:v,size:b="md",isScrollable:g,className:x,...l})=>{var t;const n=h.useRef(null),p=e=>l.isMultiple?l.value.includes(e):l.value===e,m=e=>{if(l.isMultiple){const r=l.value.includes(e)?l.value.filter(u=>u!==e):[...l.value,e];l.onChange(r);return}l.onChange(l.value===e?null:e)},M=e=>{var s,c;if(l.isMultiple)return;const r=e.key==="ArrowRight"||e.key==="ArrowDown"?1:e.key==="ArrowLeft"||e.key==="ArrowUp"?-1:0;if(r===0)return;e.preventDefault();const u=a.filter(d=>!d.isDisabled);if(u.length===0)return;const w=u.findIndex(d=>d.value===l.value),i=u[(w+r+u.length)%u.length];l.onChange(i.value),(c=(s=n.current)==null?void 0:s.querySelector(`[data-chip-value="${i.value}"]`))==null||c.focus()},y=l.isMultiple?null:l.value??((t=a.find(e=>!e.isDisabled))==null?void 0:t.value)??null;return f.jsx("div",{ref:n,className:D.cx(o.default.group,g&&o.default["group--scrollable"],x),role:l.isMultiple?"group":"radiogroup","aria-label":v,onKeyDown:M,children:a.map(e=>f.jsx(q.default,{size:b,icon:e.icon,count:e.count,isSelected:p(e.value),disabled:e.isDisabled,role:l.isMultiple?void 0:"radio",tabIndex:l.isMultiple||e.value===y?0:-1,"data-chip-value":e.value,onClick:()=>m(e.value),children:e.label},e.value))})},k=h.memo(S);exports.default=k;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/ChipGroup/index.tsx"],"sourcesContent":["'use client';\n\nimport { type KeyboardEvent, memo, type ReactNode, useRef } from 'react';\n\nimport { cx } from '../../helpers/class-name.helper';\nimport Chip, { type ChipSize } from '../Chip';\n\nimport styles from './index.module.scss';\n\nexport type ChipOption<T extends string = string> = {\n  value: T;\n  label: string;\n  icon?: ReactNode;\n  count?: number;\n  isDisabled?: boolean;\n};\n\ntype BaseProps<T extends string> = {\n  options: ChipOption<T>[];\n  /** Grubun erişilebilir adı (\"Sıralama\", \"Kalite\"). */\n  label: string;\n  size?: ChipSize;\n  /** Taşan çipleri alta sarmak yerine yatay kaydırır (mobil filtre şeridi). */\n  isScrollable?: boolean;\n  className?: string;\n};\n\ntype SingleProps<T extends string> = BaseProps<T> & {\n  isMultiple?: false;\n  value: T | null;\n  /** Seçili çipe tekrar basılırsa `null` gelir — seçim geri alınabilir. */\n  onChange: (value: T | null) => void;\n};\n\ntype MultipleProps<T extends string> = BaseProps<T> & {\n  isMultiple: true;\n  value: T[];\n  onChange: (value: T[]) => void;\n};\n\ntype Props<T extends string> = SingleProps<T> | MultipleProps<T>;\n\n/** Çip grubu — açılır liste yerine tek dokunuşla seçim. */\nconst ChipGroup = <T extends string>({\n  options,\n  label,\n  size = 'md',\n  isScrollable,\n  className,\n  ...selection\n}: Props<T>) => {\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const isSelected = (value: T) =>\n    selection.isMultiple ? selection.value.includes(value) : selection.value === value;\n\n  const handleSelect = (value: T) => {\n    if (selection.isMultiple) {\n      const next = selection.value.includes(value)\n        ? selection.value.filter(item => item !== value)\n        : [...selection.value, value];\n      selection.onChange(next);\n      return;\n    }\n\n    // Seçili çipe tekrar basmak seçimi kaldırır: \"hepsi\" seçeneği olmayan filtrelerde kullanıcının\n    // geri dönebileceği tek yol bu.\n    selection.onChange(selection.value === value ? null : value);\n  };\n\n  /** Ok tuşlarıyla gezinme; başta/sonda döner (yalnızca tek seçimde). */\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (selection.isMultiple) return;\n\n    const offset =\n      event.key === 'ArrowRight' || event.key === 'ArrowDown'\n        ? 1\n        : event.key === 'ArrowLeft' || event.key === 'ArrowUp'\n          ? -1\n          : 0;\n    if (offset === 0) return;\n\n    event.preventDefault();\n\n    const enabled = options.filter(option => !option.isDisabled);\n    if (enabled.length === 0) return;\n\n    const currentIndex = enabled.findIndex(option => option.value === selection.value);\n    const next = enabled[(currentIndex + offset + enabled.length) % enabled.length];\n\n    selection.onChange(next.value);\n    listRef.current?.querySelector<HTMLButtonElement>(`[data-chip-value=\"${next.value}\"]`)?.focus();\n  };\n\n  // Roving tabindex: seçili çip tabbable; hiçbiri seçili değilse ilki.\n  const tabbableValue = selection.isMultiple\n    ? null\n    : (selection.value ?? options.find(option => !option.isDisabled)?.value ?? null);\n\n  return (\n    <div\n      ref={listRef}\n      className={cx(styles.group, isScrollable && styles['group--scrollable'], className)}\n      role={selection.isMultiple ? 'group' : 'radiogroup'}\n      aria-label={label}\n      onKeyDown={handleKeyDown}\n    >\n      {options.map(option => (\n        <Chip\n          key={option.value}\n          size={size}\n          icon={option.icon}\n          count={option.count}\n          isSelected={isSelected(option.value)}\n          disabled={option.isDisabled}\n          role={selection.isMultiple ? undefined : 'radio'}\n          tabIndex={selection.isMultiple || option.value === tabbableValue ? 0 : -1}\n          data-chip-value={option.value}\n          onClick={() => handleSelect(option.value)}\n        >\n          {option.label}\n        </Chip>\n      ))}\n    </div>\n  );\n};\n\nexport default /*#__PURE__*/ memo(ChipGroup) as typeof ChipGroup;\n"],"names":["ChipGroup","options","label","size","isScrollable","className","selection","listRef","useRef","isSelected","value","handleSelect","next","item","handleKeyDown","event","offset","enabled","option","currentIndex","_b","_a","tabbableValue","jsx","cx","styles","Chip","index"],"mappings":"sSA0CMA,EAAY,CAAmB,CACnC,QAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,KACP,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAgB,OACd,MAAMC,EAAUC,EAAAA,OAAuB,IAAI,EAErCC,EAAcC,GAClBJ,EAAU,WAAaA,EAAU,MAAM,SAASI,CAAK,EAAIJ,EAAU,QAAUI,EAEzEC,EAAgBD,GAAa,CACjC,GAAIJ,EAAU,WAAY,CACxB,MAAMM,EAAON,EAAU,MAAM,SAASI,CAAK,EACvCJ,EAAU,MAAM,OAAOO,GAAQA,IAASH,CAAK,EAC7C,CAAC,GAAGJ,EAAU,MAAOI,CAAK,EAC9BJ,EAAU,SAASM,CAAI,EACvB,MACF,CAIAN,EAAU,SAASA,EAAU,QAAUI,EAAQ,KAAOA,CAAK,CAC7D,EAGMI,EAAiBC,GAAyC,SAC9D,GAAIT,EAAU,WAAY,OAE1B,MAAMU,EACJD,EAAM,MAAQ,cAAgBA,EAAM,MAAQ,YACxC,EACAA,EAAM,MAAQ,aAAeA,EAAM,MAAQ,UACzC,GACA,EACR,GAAIC,IAAW,EAAG,OAElBD,EAAM,eAAA,EAEN,MAAME,EAAUhB,EAAQ,OAAOiB,GAAU,CAACA,EAAO,UAAU,EAC3D,GAAID,EAAQ,SAAW,EAAG,OAE1B,MAAME,EAAeF,EAAQ,aAAoBC,EAAO,QAAUZ,EAAU,KAAK,EAC3EM,EAAOK,GAASE,EAAeH,EAASC,EAAQ,QAAUA,EAAQ,MAAM,EAE9EX,EAAU,SAASM,EAAK,KAAK,GAC7BQ,GAAAC,EAAAd,EAAQ,UAAR,YAAAc,EAAiB,cAAiC,qBAAqBT,EAAK,KAAK,QAAjF,MAAAQ,EAAwF,OAC1F,EAGME,EAAgBhB,EAAU,WAC5B,KACCA,EAAU,SAASe,EAAApB,EAAQ,KAAKiB,GAAU,CAACA,EAAO,UAAU,IAAzC,YAAAG,EAA4C,QAAS,KAE7E,OACEE,EAAAA,IAAC,MAAA,CACC,IAAKhB,EACL,UAAWiB,EAAAA,GAAGC,EAAAA,QAAO,MAAOrB,GAAgBqB,UAAO,mBAAmB,EAAGpB,CAAS,EAClF,KAAMC,EAAU,WAAa,QAAU,aACvC,aAAYJ,EACZ,UAAWY,EAEV,SAAAb,EAAQ,IAAIiB,GACXK,EAAAA,IAACG,EAAAA,QAAA,CAEC,KAAAvB,EACA,KAAMe,EAAO,KACb,MAAOA,EAAO,MACd,WAAYT,EAAWS,EAAO,KAAK,EACnC,SAAUA,EAAO,WACjB,KAAMZ,EAAU,WAAa,OAAY,QACzC,SAAUA,EAAU,YAAcY,EAAO,QAAUI,EAAgB,EAAI,GACvE,kBAAiBJ,EAAO,MACxB,QAAS,IAAMP,EAAaO,EAAO,KAAK,EAEvC,SAAAA,EAAO,KAAA,EAXHA,EAAO,KAAA,CAaf,CAAA,CAAA,CAGP,EAEAS,SAAkC3B,CAAS"}