@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/avatar.d.ts

@@ -0,0 +1 @@
+export * from "./types/avatar/index";

package/dist/avatar.js

@@ -0,0 +1,74 @@
+"use client";
+
+import {
+  getInitialFontClass,
+  getInitials,
+  getShapeClasses,
+  getSizeStyle
+} from "./chunk-XUKVQO6M.js";
+import {
+  colorVariantToClassName
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/avatar/Avatar.tsx
+import { Children, cloneElement, isValidElement, useState } from "react";
+import { cn, resolveColorVariant } from "@mari-ui/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Avatar({ alt = "", icon, shape = "circle", size = "md", src, color, onError, skeleton = false, className }) {
+  const [imgError, setImgError] = useState(false);
+  if (skeleton) {
+    return /* @__PURE__ */ jsx("div", { ...skeletonBoxProps(cn(getShapeClasses(shape, size), className)), style: getSizeStyle(size) });
+  }
+  const handleImgError = () => {
+    const preventDefault = onError?.() === false;
+    if (!preventDefault) setImgError(true);
+  };
+  const hasImage = typeof src === "string" && src !== "" && !imgError;
+  const hasCustomNode = typeof src === "object" && src !== null;
+  let content;
+  if (hasImage) content = /* @__PURE__ */ jsx("img", { src, alt, onError: handleImgError, className: "h-full w-full object-cover" });
+  else if (hasCustomNode) content = src;
+  else content = icon ?? /* @__PURE__ */ jsx("span", { className: cn(getInitialFontClass(size), "font-semibold leading-none"), children: getInitials(alt) });
+  const fallbackA11y = !hasImage && !hasCustomNode && alt ? { role: "img", "aria-label": alt } : { "aria-hidden": !alt || void 0 };
+  const toneClass = color ? colorVariantToClassName(resolveColorVariant(color, "soft")) : "bg-mari-surface-alt text-mari-muted";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(getShapeClasses(shape, size), !hasImage && toneClass, "select-none", className),
+      style: getSizeStyle(size),
+      ...hasImage ? {} : fallbackA11y,
+      children: content
+    }
+  );
+}
+var GROUP_OVERLAP_CLASS = { sm: "-space-x-0.5", md: "-space-x-1", lg: "-space-x-1.5" };
+function AvatarGroup({ children, max, size = "md", shape = "circle", className, skeleton }) {
+  const items = Children.toArray(children).filter(isValidElement);
+  const visible = max !== void 0 && items.length > max ? items.slice(0, max) : items;
+  const rest = items.length - visible.length;
+  return /* @__PURE__ */ jsxs("div", { role: "group", "aria-busy": skeleton || void 0, className: cn("flex items-center [&>*]:ring-2 [&>*]:ring-mari-surface", GROUP_OVERLAP_CLASS[typeof size === "number" ? "md" : size], className), children: [
+    visible.map((item) => cloneElement(item, { size: item.props.size ?? size, shape: item.props.shape ?? shape, skeleton: item.props.skeleton ?? skeleton })),
+    rest > 0 && skeleton && /* @__PURE__ */ jsx("div", { ...skeletonBoxProps(getShapeClasses(shape, size)), style: getSizeStyle(size) }),
+    rest > 0 && !skeleton && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "img",
+        "aria-label": `${rest} ki\u015Fi daha`,
+        className: cn(getShapeClasses(shape, size), "bg-mari-surface-alt font-semibold text-mari-foreground", getInitialFontClass(size)),
+        style: getSizeStyle(size),
+        children: [
+          "+",
+          rest
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Avatar,
+  AvatarGroup
+};
+//# sourceMappingURL=avatar.js.map

package/dist/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/avatar/Avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { Children, cloneElement, isValidElement, useState } from \"react\";\nimport { cn, resolveColorVariant } from \"@mari-ui/core\";\nimport { colorVariantToClassName } from \"../lib/colorClasses\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport type { AvatarGroupProps, AvatarProps } from \"./types\";\nimport { getInitialFontClass, getInitials, getShapeClasses, getSizeStyle } from \"./utils\";\n\nexport type { AvatarProps, AvatarGroupProps };\n\n/**\n * `useState` (resim yükleme hatası takibi) kullanıyor — bu yüzden gerçekten\n * `\"use client\"` gerekiyor. Tek boyut kaynağı `size` (görsel de kutu da).\n */\nexport function Avatar({ alt = \"\", icon, shape = \"circle\", size = \"md\", src, color, onError, skeleton = false, className }: Readonly<AvatarProps>) {\n  const [imgError, setImgError] = useState(false);\n\n  if (skeleton) {\n    return <div {...skeletonBoxProps(cn(getShapeClasses(shape, size), className))} style={getSizeStyle(size)} />;\n  }\n\n  const handleImgError = () => {\n    const preventDefault = onError?.() === false;\n    if (!preventDefault) setImgError(true);\n  };\n\n  // `src=\"\"` \"görsel yok\" sayılır — boş src tarayıcıda sayfanın kendi URL'ini\n  // ister ve `onError` her zaman tetiklenmez (Faz 13.4'te gözlemlenen bug).\n  const hasImage = typeof src === \"string\" && src !== \"\" && !imgError;\n  const hasCustomNode = typeof src === \"object\" && src !== null;\n\n  let content: React.ReactNode;\n  if (hasImage) content = <img src={src} alt={alt} onError={handleImgError} className=\"h-full w-full object-cover\" />;\n  else if (hasCustomNode) content = src;\n  else content = icon ?? <span className={cn(getInitialFontClass(size), \"font-semibold leading-none\")}>{getInitials(alt)}</span>;\n\n  // Görsel yokken baş harf/ikon bir METİN değil, kişiyi temsil eden bir\n  // görseldir: ekran okuyucu \"A Y\" değil `alt`ı okusun.\n  const fallbackA11y = !hasImage && !hasCustomNode && alt ? { role: \"img\", \"aria-label\": alt } : { \"aria-hidden\": !alt || undefined };\n  const toneClass = color ? colorVariantToClassName(resolveColorVariant(color, \"soft\")) : \"bg-mari-surface-alt text-mari-muted\";\n\n  return (\n    <div\n      className={cn(getShapeClasses(shape, size), !hasImage && toneClass, \"select-none\", className)}\n      style={getSizeStyle(size)}\n      {...(hasImage ? {} : fallbackA11y)}\n    >\n      {content}\n    </div>\n  );\n}\n\n/**\n * Üst üste binen avatar yığını (ekip, katılımcılar). Her avatar yüzey renginde\n * bir halkayla ayrılır; `max`ı aşanlar tek bir \"+N\" avatarında toplanır.\n */\n// Bindirme 2/4/6px (+2px halka): daha fazlası geniş baş harflerin (\"MD\")\n// ikinci harfini bir sonraki avatarın altında bırakıyordu (\"DK\" → \"D\").\nconst GROUP_OVERLAP_CLASS = { sm: \"-space-x-0.5\", md: \"-space-x-1\", lg: \"-space-x-1.5\" } as const;\n\nexport function AvatarGroup({ children, max, size = \"md\", shape = \"circle\", className, skeleton }: Readonly<AvatarGroupProps>) {\n  const items = Children.toArray(children).filter(isValidElement) as React.ReactElement<AvatarProps>[];\n  const visible = max !== undefined && items.length > max ? items.slice(0, max) : items;\n  const rest = items.length - visible.length;\n\n  return (\n    <div role=\"group\" aria-busy={skeleton || undefined} className={cn(\"flex items-center [&>*]:ring-2 [&>*]:ring-mari-surface\", GROUP_OVERLAP_CLASS[typeof size === \"number\" ? \"md\" : size], className)}>\n      {/* Grubun iskeleti avatarlara geçer (tek prop); avatarın kendi `skeleton`u verildiyse o kazanır. */}\n      {visible.map((item) => cloneElement(item, { size: item.props.size ?? size, shape: item.props.shape ?? shape, skeleton: item.props.skeleton ?? skeleton }))}\n      {rest > 0 && skeleton && <div {...skeletonBoxProps(getShapeClasses(shape, size))} style={getSizeStyle(size)} />}\n      {rest > 0 && !skeleton && (\n        <div\n          role=\"img\"\n          aria-label={`${rest} kişi daha`}\n          className={cn(getShapeClasses(shape, size), \"bg-mari-surface-alt font-semibold text-mari-foreground\", getInitialFontClass(size))}\n          style={getSizeStyle(size)}\n        >\n          +{rest}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,SAAgB,UAAU,cAAc,gBAAgB,gBAAgB;AACxE,SAAS,IAAI,2BAA2B;AAgB7B,cAqDH,YArDG;AAJJ,SAAS,OAAO,EAAE,MAAM,IAAI,MAAM,QAAQ,UAAU,OAAO,MAAM,KAAK,OAAO,SAAS,WAAW,OAAO,UAAU,GAA0B;AACjJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,MAAI,UAAU;AACZ,WAAO,oBAAC,SAAK,GAAG,iBAAiB,GAAG,gBAAgB,OAAO,IAAI,GAAG,SAAS,CAAC,GAAG,OAAO,aAAa,IAAI,GAAG;AAAA,EAC5G;AAEA,QAAM,iBAAiB,MAAM;AAC3B,UAAM,iBAAiB,UAAU,MAAM;AACvC,QAAI,CAAC,eAAgB,aAAY,IAAI;AAAA,EACvC;AAIA,QAAM,WAAW,OAAO,QAAQ,YAAY,QAAQ,MAAM,CAAC;AAC3D,QAAM,gBAAgB,OAAO,QAAQ,YAAY,QAAQ;AAEzD,MAAI;AACJ,MAAI,SAAU,WAAU,oBAAC,SAAI,KAAU,KAAU,SAAS,gBAAgB,WAAU,8BAA6B;AAAA,WACxG,cAAe,WAAU;AAAA,MAC7B,WAAU,QAAQ,oBAAC,UAAK,WAAW,GAAG,oBAAoB,IAAI,GAAG,4BAA4B,GAAI,sBAAY,GAAG,GAAE;AAIvH,QAAM,eAAe,CAAC,YAAY,CAAC,iBAAiB,MAAM,EAAE,MAAM,OAAO,cAAc,IAAI,IAAI,EAAE,eAAe,CAAC,OAAO,OAAU;AAClI,QAAM,YAAY,QAAQ,wBAAwB,oBAAoB,OAAO,MAAM,CAAC,IAAI;AAExF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,gBAAgB,OAAO,IAAI,GAAG,CAAC,YAAY,WAAW,eAAe,SAAS;AAAA,MAC5F,OAAO,aAAa,IAAI;AAAA,MACvB,GAAI,WAAW,CAAC,IAAI;AAAA,MAEpB;AAAA;AAAA,EACH;AAEJ;AAQA,IAAM,sBAAsB,EAAE,IAAI,gBAAgB,IAAI,cAAc,IAAI,eAAe;AAEhF,SAAS,YAAY,EAAE,UAAU,KAAK,OAAO,MAAM,QAAQ,UAAU,WAAW,SAAS,GAA+B;AAC7H,QAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,OAAO,cAAc;AAC9D,QAAM,UAAU,QAAQ,UAAa,MAAM,SAAS,MAAM,MAAM,MAAM,GAAG,GAAG,IAAI;AAChF,QAAM,OAAO,MAAM,SAAS,QAAQ;AAEpC,SACE,qBAAC,SAAI,MAAK,SAAQ,aAAW,YAAY,QAAW,WAAW,GAAG,0DAA0D,oBAAoB,OAAO,SAAS,WAAW,OAAO,IAAI,GAAG,SAAS,GAE/L;AAAA,YAAQ,IAAI,CAAC,SAAS,aAAa,MAAM,EAAE,MAAM,KAAK,MAAM,QAAQ,MAAM,OAAO,KAAK,MAAM,SAAS,OAAO,UAAU,KAAK,MAAM,YAAY,SAAS,CAAC,CAAC;AAAA,IACxJ,OAAO,KAAK,YAAY,oBAAC,SAAK,GAAG,iBAAiB,gBAAgB,OAAO,IAAI,CAAC,GAAG,OAAO,aAAa,IAAI,GAAG;AAAA,IAC5G,OAAO,KAAK,CAAC,YACZ;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,GAAG,IAAI;AAAA,QACnB,WAAW,GAAG,gBAAgB,OAAO,IAAI,GAAG,0DAA0D,oBAAoB,IAAI,CAAC;AAAA,QAC/H,OAAO,aAAa,IAAI;AAAA,QACzB;AAAA;AAAA,UACG;AAAA;AAAA;AAAA,IACJ;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/badge.d.ts

@@ -0,0 +1 @@
+export * from "./types/badge/index";

package/dist/badge.js

@@ -0,0 +1,11 @@
+import {
+  Badge,
+  StatusBadge
+} from "./chunk-ZXYQ2ZPR.js";
+import "./chunk-IP2J3BWY.js";
+import "./chunk-54HHEXXD.js";
+export {
+  Badge,
+  StatusBadge
+};
+//# sourceMappingURL=badge.js.map

package/dist/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/breadcrumb.d.ts

@@ -0,0 +1 @@
+export * from "./types/breadcrumb/index";

package/dist/breadcrumb.js

@@ -0,0 +1,141 @@
+"use client";
+
+import {
+  Dropdown,
+  DropdownContent,
+  DropdownItem,
+  DropdownTrigger,
+  NewTabHint,
+  getLinkAttrs
+} from "./chunk-FNJHS5KQ.js";
+import {
+  SkeletonSlot
+} from "./chunk-DKENCYHA.js";
+import "./chunk-S66GKX2W.js";
+import "./chunk-3ABWBQCS.js";
+import "./chunk-NS7FKOFI.js";
+import "./chunk-TCYDVNSU.js";
+import {
+  touchTargetClass
+} from "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import {
+  skeletonFill
+} from "./chunk-54HHEXXD.js";
+
+// src/breadcrumb/Breadcrumb.tsx
+import { useState } from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { cn as cn2 } from "@mari-ui/core";
+
+// src/breadcrumb/utils.ts
+import { cn } from "@mari-ui/core";
+function getNavClass(className) {
+  return cn("text-sm leading-[1.375rem] text-mari-muted", className);
+}
+var listClass = "flex flex-wrap items-center gap-y-1";
+var itemClass = "flex min-w-0 items-center";
+var separatorClass = "mx-2 inline-flex items-center [&_svg]:size-3.5";
+var contentBaseClass = "inline-flex min-w-0 items-center gap-1 break-words [&_svg]:size-3.5 [&_svg]:shrink-0";
+function getInteractiveClass(isCurrent, itemClassName) {
+  return cn(
+    contentBaseClass,
+    "relative -mx-1 cursor-pointer rounded-sm px-1 transition-colors duration-200",
+    "hover:bg-mari-foreground/[0.06] hover:text-mari-foreground",
+    "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-mari-ring",
+    touchTargetClass.xs,
+    isCurrent && "text-mari-foreground",
+    itemClassName
+  );
+}
+function getStaticClass(isCurrent, itemClassName) {
+  return cn(contentBaseClass, isCurrent && "text-mari-foreground", itemClassName);
+}
+function getVisibleIndexes(count, maxItems, expanded) {
+  const all = Array.from({ length: count }, (_, i) => i);
+  if (expanded || !maxItems || count <= maxItems) return all;
+  const tail = Math.max(1, maxItems - 1);
+  return [0, null, ...all.slice(count - tail)];
+}
+function getPathsByIndex(items) {
+  const acc = [];
+  return items.map((item) => {
+    if (item.path) acc.push(item.path);
+    return [...acc];
+  });
+}
+
+// src/breadcrumb/Breadcrumb.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Breadcrumb({
+  items = [],
+  separator = "/",
+  className,
+  itemRender,
+  params = {},
+  maxItems,
+  skeleton = false,
+  "aria-label": ariaLabel = "Gezinme yolu"
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const pathsByIndex = getPathsByIndex(items);
+  const visible = getVisibleIndexes(items.length, maxItems, expanded);
+  const lastIndex = items.length - 1;
+  const renderContent = (item, index) => {
+    const isCurrent = index === lastIndex;
+    const ariaCurrent = isCurrent ? "page" : void 0;
+    if (itemRender) return itemRender(item, params, items, pathsByIndex[index] ?? []);
+    const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+      item.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex", children: item.icon }),
+      item.title
+    ] });
+    if (item.menu) {
+      return /* @__PURE__ */ jsxs(Dropdown, { className: "inline-flex self-auto", children: [
+        /* @__PURE__ */ jsxs(DropdownTrigger, { className: cn2("group", getInteractiveClass(isCurrent, item.className)), children: [
+          inner,
+          /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true", className: "transition-transform duration-200 group-aria-expanded:rotate-180" })
+        ] }),
+        /* @__PURE__ */ jsx(DropdownContent, { placement: "bottom-start", children: item.menu.items.map((sub, i) => /* @__PURE__ */ jsx(DropdownItem, { href: sub.href, target: sub.target, icon: sub.icon, onClick: sub.onClick, children: sub.title }, sub.key ?? sub.href ?? i)) })
+      ] });
+    }
+    if (item.href) {
+      return /* @__PURE__ */ jsxs("a", { href: item.href, ...getLinkAttrs(item.target), className: getInteractiveClass(isCurrent, item.className), onClick: item.onClick, "aria-current": ariaCurrent, children: [
+        inner,
+        /* @__PURE__ */ jsx(NewTabHint, { target: item.target })
+      ] });
+    }
+    if (item.onClick) {
+      return /* @__PURE__ */ jsx("button", { type: "button", className: getInteractiveClass(isCurrent, item.className), onClick: item.onClick, "aria-current": ariaCurrent, children: inner });
+    }
+    return /* @__PURE__ */ jsx("span", { className: getStaticClass(isCurrent, item.className), "aria-current": ariaCurrent, children: inner });
+  };
+  return /* @__PURE__ */ jsx("nav", { className: getNavClass(className), "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("ol", { className: listClass, children: visible.map((index, position) => {
+    const isLastShown = position === visible.length - 1;
+    const sep = !isLastShown && /* @__PURE__ */ jsx("span", { className: separatorClass, "aria-hidden": "true", children: separator });
+    if (index === null) {
+      return /* @__PURE__ */ jsxs("li", { className: itemClass, children: [
+        /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, placeholder: /* @__PURE__ */ jsx("span", { className: cn2("block h-[1lh] rounded-sm", skeletonFill(true)) }), children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: getInteractiveClass(false),
+            "aria-label": `${items.length - visible.length + 1} gizli yolu g\xF6ster`,
+            onClick: () => setExpanded(true),
+            children: "\u2026"
+          }
+        ) }),
+        sep
+      ] }, "collapsed");
+    }
+    const item = items[index];
+    if (!item) return null;
+    return /* @__PURE__ */ jsxs("li", { className: itemClass, children: [
+      /* @__PURE__ */ jsx(SkeletonSlot, { on: skeleton, className: "min-w-0", placeholder: /* @__PURE__ */ jsx("span", { className: cn2("block h-[1lh] rounded-sm", skeletonFill(true)) }), children: renderContent(item, index) }),
+      sep
+    ] }, item.path ?? item.href ?? index);
+  }) }) });
+}
+export {
+  Breadcrumb
+};
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/breadcrumb/Breadcrumb.tsx","../src/breadcrumb/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useState } from \"react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport { Dropdown, DropdownContent, DropdownItem, DropdownTrigger } from \"../dropdown\";\nimport { skeletonFill } from \"../lib/skeleton\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport { NewTabHint, getLinkAttrs } from \"../lib/linkBehavior\";\nimport type { BreadcrumbItemType, BreadcrumbProps } from \"./types\";\nimport {\n  getInteractiveClass,\n  getNavClass,\n  getPathsByIndex,\n  getStaticClass,\n  getVisibleIndexes,\n  itemClass,\n  listClass,\n  separatorClass,\n} from \"./utils\";\n\nexport type { BreadcrumbProps };\n\n/**\n * Faz 13.5 kullanıcı bulgusu (plan denetiminde de not edilmişti): son öğede\n * `aria-current=\"page\"` YOKTU — ekran okuyucu kullanıcıları hiyerarşideki\n * geçerli konumu bilemiyordu. Yapı da düz `<span>` sarmalayıcılardan\n * ant.design'ın gerçek Breadcrumb'ıyla (DOM incelemesi, ant.design/\n * components/breadcrumb) aynı semantik `<nav><ol><li>` listesine çevrildi;\n * ayırıcı artık `aria-hidden` (ekran okuyucu her öğe arasında \"/\" okumasın\n * diye). Ayrıca `onClick` VAR ama `href` YOK olan öğeler eskiden `<span\n * role=\"none\">` idi — tıklanabilirdi ama klavyeyle ASLA erişilemiyordu\n * (AutoComplete/Rate/Switch/Tooltip'te bulunanlarla aynı sınıf gerçek bug);\n * artık gerçek bir `<button>`.\n *\n * Faz 15.5: ikon, öğe başına açılır menü (`menu`, Dropdown ile), `maxItems`\n * katlama (\"…\" düğmesi), satır kırılması (375px'te yatay taşma yok), dokunma\n * hedefi, son öğe ön plan renginde ve `skeleton`.\n */\nexport function Breadcrumb({\n  items = [],\n  separator = \"/\",\n  className,\n  itemRender,\n  params = {},\n  maxItems,\n  skeleton = false,\n  \"aria-label\": ariaLabel = \"Gezinme yolu\",\n}: Readonly<BreadcrumbProps>) {\n  const [expanded, setExpanded] = useState(false);\n  const pathsByIndex = getPathsByIndex(items);\n  const visible = getVisibleIndexes(items.length, maxItems, expanded);\n  const lastIndex = items.length - 1;\n\n  const renderContent = (item: BreadcrumbItemType, index: number) => {\n    const isCurrent = index === lastIndex;\n    const ariaCurrent = isCurrent ? (\"page\" as const) : undefined;\n    if (itemRender) return itemRender(item, params, items, pathsByIndex[index] ?? []);\n\n    const inner = (\n      <>\n        {item.icon && <span aria-hidden=\"true\" className=\"inline-flex\">{item.icon}</span>}\n        {item.title}\n      </>\n    );\n\n    if (item.menu) {\n      return (\n        <Dropdown className=\"inline-flex self-auto\">\n          <DropdownTrigger className={cn(\"group\", getInteractiveClass(isCurrent, item.className))}>\n            {inner}\n            <ChevronDownIcon aria-hidden=\"true\" className=\"transition-transform duration-200 group-aria-expanded:rotate-180\" />\n          </DropdownTrigger>\n          <DropdownContent placement=\"bottom-start\">\n            {item.menu.items.map((sub, i) => (\n              <DropdownItem key={sub.key ?? sub.href ?? i} href={sub.href} target={sub.target} icon={sub.icon} onClick={sub.onClick}>\n                {sub.title}\n              </DropdownItem>\n            ))}\n          </DropdownContent>\n        </Dropdown>\n      );\n    }\n    if (item.href) {\n      return (\n        <a href={item.href} {...getLinkAttrs(item.target)} className={getInteractiveClass(isCurrent, item.className)} onClick={item.onClick} aria-current={ariaCurrent}>\n          {inner}\n          <NewTabHint target={item.target} />\n        </a>\n      );\n    }\n    if (item.onClick) {\n      return (\n        <button type=\"button\" className={getInteractiveClass(isCurrent, item.className)} onClick={item.onClick} aria-current={ariaCurrent}>\n          {inner}\n        </button>\n      );\n    }\n    return (\n      <span className={getStaticClass(isCurrent, item.className)} aria-current={ariaCurrent}>\n        {inner}\n      </span>\n    );\n  };\n\n  return (\n    <nav className={getNavClass(className)} aria-label={ariaLabel}>\n      <ol className={listClass}>\n        {visible.map((index, position) => {\n          const isLastShown = position === visible.length - 1;\n          const sep = !isLastShown && (\n            <span className={separatorClass} aria-hidden=\"true\">\n              {separator}\n            </span>\n          );\n\n          if (index === null) {\n            return (\n              <li key=\"collapsed\" className={itemClass}>\n                <SkeletonSlot on={skeleton} placeholder={<span className={cn(\"block h-[1lh] rounded-sm\", skeletonFill(true))} />}>\n                  <button\n                    type=\"button\"\n                    className={getInteractiveClass(false)}\n                    aria-label={`${items.length - visible.length + 1} gizli yolu göster`}\n                    onClick={() => setExpanded(true)}\n                  >\n                    …\n                  </button>\n                </SkeletonSlot>\n                {sep}\n              </li>\n            );\n          }\n\n          const item = items[index];\n          if (!item) return null;\n          return (\n            <li key={item.path ?? item.href ?? index} className={itemClass}>\n              <SkeletonSlot on={skeleton} className=\"min-w-0\" placeholder={<span className={cn(\"block h-[1lh] rounded-sm\", skeletonFill(true))} />}>\n                {renderContent(item, index)}\n              </SkeletonSlot>\n              {sep}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n}\n","import { cn } from \"@mari-ui/core\";\nimport { touchTargetClass } from \"../lib/sizeClasses\";\n\n/**\n * Faz 15.5 — yapı ant.design Breadcrumb'dan (ölçüldü): 14px / 22px satır,\n * öğeler arası 8px ayırıcı boşluğu, bağlantılar soluk, son öğe (geçerli sayfa)\n * ön plan renginde; bağlantı hover'da 4px yarıçaplı hafif bir zemin alır\n * (`px-1 -mx-1`: zemin metnin iki yanına taşar, hizalama bozulmaz). Uzun\n * yollar alt satıra kırılır (`flex-wrap`), yatay taşma olmaz.\n */\nexport function getNavClass(className?: string): string {\n  return cn(\"text-sm leading-[1.375rem] text-mari-muted\", className);\n}\n\nexport const listClass = \"flex flex-wrap items-center gap-y-1\";\n\nexport const itemClass = \"flex min-w-0 items-center\";\n\nexport const separatorClass = \"mx-2 inline-flex items-center [&_svg]:size-3.5\";\n\n/** Metin + ikon kutusu; bağlantı olmayan öğeler (span) de aynı kutuyu kullanır ki hizalar tutsun. */\nconst contentBaseClass = \"inline-flex min-w-0 items-center gap-1 break-words [&_svg]:size-3.5 [&_svg]:shrink-0\";\n\n/** Etkileşimli öğeler (link, button, menü tetikleyicisi): hover zemini + odak halkası + dokunma hedefi. */\nexport function getInteractiveClass(isCurrent: boolean, itemClassName?: string): string {\n  return cn(\n    contentBaseClass,\n    \"relative -mx-1 cursor-pointer rounded-sm px-1 transition-colors duration-200\",\n    \"hover:bg-mari-foreground/[0.06] hover:text-mari-foreground\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-mari-ring\",\n    touchTargetClass.xs,\n    isCurrent && \"text-mari-foreground\",\n    itemClassName\n  );\n}\n\n/** Etkileşimsiz öğe (href/onClick yok) — genelde geçerli sayfa. */\nexport function getStaticClass(isCurrent: boolean, itemClassName?: string): string {\n  return cn(contentBaseClass, isCurrent && \"text-mari-foreground\", itemClassName);\n}\n\n/**\n * `maxItems` aşılınca görünecek öğelerin indeksleri; `null` katlanmış\n * aralığın yerini (\"…\" düğmesi) işaretler. İlk öğe + son `maxItems - 1` öğe.\n */\nexport function getVisibleIndexes(count: number, maxItems: number | undefined, expanded: boolean): (number | null)[] {\n  const all = Array.from({ length: count }, (_, i) => i);\n  if (expanded || !maxItems || count <= maxItems) return all;\n  const tail = Math.max(1, maxItems - 1);\n  return [0, null, ...all.slice(count - tail)];\n}\n\n/** Her öğe için `itemRender`a verilen birikimli `path` listesi (katlanan öğeler de sayılır). */\nexport function getPathsByIndex(items: { path?: string }[]): string[][] {\n  const acc: string[] = [];\n  return items.map((item) => {\n    if (item.path) acc.push(item.path);\n    return [...acc];\n  });\n}\n"],"mappings":"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","names":["cn","cn"]}

package/dist/button.d.ts

@@ -0,0 +1 @@
+export * from "./types/button/index";

package/dist/button.js

@@ -0,0 +1,10 @@
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import "./chunk-54HHEXXD.js";
+export {
+  Button
+};
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/calendar.d.ts

@@ -0,0 +1 @@
+export * from "./types/calendar/index";

package/dist/calendar.js

@@ -0,0 +1,208 @@
+"use client";
+
+import {
+  Select
+} from "./chunk-IO4346TF.js";
+import "./chunk-ZLPAXPDI.js";
+import {
+  Segmented
+} from "./chunk-LEOIKO7C.js";
+import {
+  CellGrid,
+  DayGrid,
+  addMonths,
+  isSameDay,
+  isSameMonth,
+  isWithin,
+  monthNames,
+  startOfDay
+} from "./chunk-CYLXW66E.js";
+import "./chunk-YZ7MDC6B.js";
+import "./chunk-KSPM2Z3T.js";
+import "./chunk-DUCIAQGR.js";
+import "./chunk-LBQMEHK6.js";
+import "./chunk-3ABWBQCS.js";
+import "./chunk-NS7FKOFI.js";
+import "./chunk-TCYDVNSU.js";
+import {
+  Button
+} from "./chunk-2IEXY3OZ.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/calendar/Calendar.tsx
+import { useState } from "react";
+import { cn, useControllableState } from "@mari-ui/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var YEAR_SPAN = 10;
+function yearOptions(year, range) {
+  const from = range ? range[0].getFullYear() : year - YEAR_SPAN;
+  const to = range ? range[1].getFullYear() : year + YEAR_SPAN;
+  return Array.from({ length: to - from + 1 }, (_, i) => ({ value: from + i, label: String(from + i) }));
+}
+function Calendar({
+  value,
+  defaultValue,
+  onChange,
+  onSelect,
+  onPanelChange,
+  mode: modeProp,
+  defaultMode = "month",
+  fullscreen = true,
+  disabledDate,
+  validRange,
+  cellRender,
+  weekStart = 1,
+  showWeek = false,
+  locale,
+  "aria-label": ariaLabel = "Takvim",
+  className,
+  skeleton = false
+}) {
+  const [selected, setSelected] = useControllableState({ value, defaultValue: defaultValue ?? null });
+  const [mode, setMode] = useControllableState({ value: modeProp, defaultValue: defaultMode });
+  const [view, setView] = useState(() => selected ?? startOfDay(/* @__PURE__ */ new Date()));
+  const [lastValue, setLastValue] = useState(selected);
+  if (selected !== lastValue) {
+    setLastValue(selected);
+    if (selected && !isSameMonth(selected, view)) setView(selected);
+  }
+  const today = startOfDay(/* @__PURE__ */ new Date());
+  const isDisabled = disabledChecker(validRange, disabledDate);
+  const long = monthNames(locale, "long");
+  const navigate = (next, nextMode = mode) => {
+    setView(next);
+    onPanelChange?.(next, nextMode);
+  };
+  const choose = (date, source) => {
+    if (isDisabled(date)) return;
+    setSelected(date);
+    onChange?.(date);
+    onSelect?.(date, { source });
+    if (!isSameMonth(date, view)) navigate(date);
+  };
+  const header = /* @__PURE__ */ jsx(
+    CalendarHeader,
+    {
+      fullscreen,
+      mode,
+      view,
+      locale,
+      validRange,
+      onNavigate: navigate,
+      onModeChange: (m) => {
+        setMode(m);
+        onPanelChange?.(view, m);
+      },
+      onToday: () => choose(today, "today"),
+      todayDisabled: isDisabled(today),
+      skeleton
+    }
+  );
+  const body = mode === "month" ? /* @__PURE__ */ jsx(
+    DayGrid,
+    {
+      view,
+      focused: selected && isSameMonth(selected, view) ? selected : view,
+      onFocusChange: (d) => {
+        if (!isSameMonth(d, view)) navigate(d);
+        else setView(d);
+      },
+      isSelected: (d) => isSameDay(d, selected),
+      isDisabled,
+      onSelect: (d) => choose(d, "date"),
+      weekStart,
+      locale,
+      showWeek,
+      variant: fullscreen ? "full" : "compact",
+      label: `${long[view.getMonth()]} ${view.getFullYear()}`,
+      cellRender: adaptDayRender(cellRender),
+      skeleton
+    }
+  ) : /* @__PURE__ */ jsx(YearBody, { view, selected, today, fullscreen, locale, validRange, cellRender: skeleton ? void 0 : cellRender, onNavigate: navigate, onPick: (d) => choose(d, "month"), skeleton });
+  return /* @__PURE__ */ jsxs("section", { "aria-label": ariaLabel, "aria-busy": skeleton || void 0, className: cn("text-mari-foreground", !fullscreen && "w-full max-w-80 pointer-coarse:max-w-[21rem] rounded-lg border border-mari-border bg-mari-surface", className), children: [
+    header,
+    /* @__PURE__ */ jsx("div", { className: cn(!fullscreen && "p-2"), children: body })
+  ] });
+}
+function disabledChecker(validRange, disabledDate) {
+  return (d) => (validRange ? !isWithin(d, validRange[0], validRange[1]) : false) || !!disabledDate?.(d);
+}
+function adaptDayRender(cellRender) {
+  if (!cellRender) return void 0;
+  return (info) => cellRender(info.date, { type: "date", selected: info.selected, today: info.today, disabled: info.disabled, outside: info.outside });
+}
+var startOfMonthOf = (d) => new Date(d.getFullYear(), d.getMonth(), 1);
+function CalendarHeader({ fullscreen, mode, view, locale, validRange, onNavigate, onModeChange, onToday, todayDisabled, skeleton }) {
+  const long = monthNames(locale, "long");
+  const short = monthNames(locale, "short");
+  const keepDay = (y, m) => new Date(y, m, Math.min(view.getDate(), 28));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-end gap-2", fullscreen ? "pb-3" : "border-b border-mari-border p-2"), children: [
+    fullscreen && /* @__PURE__ */ jsx("h2", { "aria-live": "polite", className: "mr-auto text-lg font-semibold text-mari-foreground", children: /* @__PURE__ */ jsx("span", { ...skeleton ? skeletonBoxProps("rounded-sm") : {}, children: mode === "month" ? `${long[view.getMonth()]} ${view.getFullYear()}` : view.getFullYear() }) }),
+    /* @__PURE__ */ jsx(Select, { skeleton, size: "sm", "aria-label": "Y\u0131l", options: yearOptions(view.getFullYear(), validRange), value: view.getFullYear(), onChange: (y) => onNavigate(keepDay(Number(y), view.getMonth())), className: "w-24" }),
+    mode === "month" && /* @__PURE__ */ jsx(
+      Select,
+      {
+        skeleton,
+        size: "sm",
+        "aria-label": "Ay",
+        options: long.map((m, i) => ({ value: i, label: fullscreen ? m : short[i] })),
+        value: view.getMonth(),
+        onChange: (m) => onNavigate(keepDay(view.getFullYear(), Number(m))),
+        className: fullscreen ? "w-32" : "w-24"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Segmented,
+      {
+        skeleton,
+        size: "sm",
+        "aria-label": "G\xF6r\xFCn\xFCm",
+        options: [
+          { value: "month", label: "Ay" },
+          { value: "year", label: "Y\u0131l" }
+        ],
+        value: mode,
+        onChange: (m) => onModeChange(m)
+      }
+    ),
+    fullscreen && /* @__PURE__ */ jsx(Button, { skeleton, size: "sm", variant: "outline", color: "neutral", onClick: onToday, disabled: todayDisabled, children: "Bug\xFCn" })
+  ] });
+}
+function YearBody({ view, selected, today, fullscreen, locale, validRange, cellRender, onNavigate, onPick, skeleton }) {
+  const long = monthNames(locale, "long");
+  const short = monthNames(locale, "short");
+  const year = view.getFullYear();
+  const info = (first) => ({ type: "month", selected: isSameMonth(first, selected), today: isSameMonth(first, today), disabled: false, outside: false });
+  return /* @__PURE__ */ jsx(
+    CellGrid,
+    {
+      variant: fullscreen ? "full" : "compact",
+      label: `${year} aylar\u0131`,
+      cells: long.map((m, i) => {
+        const first = new Date(year, i, 1);
+        return {
+          key: String(i),
+          label: fullscreen ? m : short[i],
+          fullLabel: `${m} ${year}`,
+          selected: isSameMonth(first, selected),
+          current: isSameMonth(first, today),
+          disabled: validRange ? !isWithin(first, startOfMonthOf(validRange[0]), validRange[1]) : false
+        };
+      }),
+      focusedIndex: view.getMonth(),
+      onFocusIndex: (i) => onNavigate(addMonths(view, i - view.getMonth())),
+      onPage: (d) => onNavigate(addMonths(view, d * 12)),
+      onSelect: (i) => onPick(new Date(year, i, 1)),
+      cellRender: cellRender ? (i) => cellRender(new Date(year, i, 1), info(new Date(year, i, 1))) : void 0,
+      skeleton
+    }
+  );
+}
+export {
+  Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/calendar/Calendar.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useState } from \"react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { Button } from \"../button\";\nimport { addMonths, isSameDay, isSameMonth, isWithin, monthNames, startOfDay } from \"../lib/date\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { Segmented } from \"../segmented\";\nimport { Select } from \"../select\";\nimport { CellGrid } from \"./_components/CellGrid\";\nimport { DayGrid, type DayCellInfo } from \"./_components/DayGrid\";\nimport type { CalendarMode, CalendarProps } from \"./types\";\n\nexport type { CalendarProps };\n\nconst YEAR_SPAN = 10;\n\nfunction yearOptions(year: number, range?: [Date, Date]) {\n  const from = range ? range[0].getFullYear() : year - YEAR_SPAN;\n  const to = range ? range[1].getFullYear() : year + YEAR_SPAN;\n  return Array.from({ length: to - from + 1 }, (_, i) => ({ value: from + i, label: String(from + i) }));\n}\n\n/**\n * Faz 16.5 — yapı ant.design Calendar'dan: başlıkta yıl + ay seçici ve\n * Ay/Yıl modu; `fullscreen` (varsayılan) büyük hücreler ve `cellRender`\n * içeriği (etkinlik takvimi), `fullscreen={false}` kompakt kart. Gün\n * ızgarası DatePicker ile ortak (APG date grid, klavye).\n */\nexport function Calendar({\n  value,\n  defaultValue,\n  onChange,\n  onSelect,\n  onPanelChange,\n  mode: modeProp,\n  defaultMode = \"month\",\n  fullscreen = true,\n  disabledDate,\n  validRange,\n  cellRender,\n  weekStart = 1,\n  showWeek = false,\n  locale,\n  \"aria-label\": ariaLabel = \"Takvim\",\n  className,\n  skeleton = false,\n}: Readonly<CalendarProps>) {\n  const [selected, setSelected] = useControllableState<Date | null>({ value, defaultValue: defaultValue ?? null });\n  const [mode, setMode] = useControllableState<CalendarMode>({ value: modeProp, defaultValue: defaultMode });\n  const [view, setView] = useState(() => selected ?? startOfDay(new Date()));\n  // Kontrollü değer dışarıdan değişince görünen dönem de oraya gitsin.\n  const [lastValue, setLastValue] = useState(selected);\n  if (selected !== lastValue) {\n    setLastValue(selected);\n    if (selected && !isSameMonth(selected, view)) setView(selected);\n  }\n\n  const today = startOfDay(new Date());\n  const isDisabled = disabledChecker(validRange, disabledDate);\n  const long = monthNames(locale, \"long\");\n\n  /** Gezinme (yıl/ay seçici, ay dışına klavye) değeri de taşır — ant.design davranışı. */\n  const navigate = (next: Date, nextMode: CalendarMode = mode) => {\n    setView(next);\n    onPanelChange?.(next, nextMode);\n  };\n\n  const choose = (date: Date, source: \"date\" | \"month\" | \"year\" | \"today\") => {\n    if (isDisabled(date)) return;\n    setSelected(date);\n    onChange?.(date);\n    onSelect?.(date, { source });\n    if (!isSameMonth(date, view)) navigate(date);\n  };\n\n  const header = (\n    <CalendarHeader\n      fullscreen={fullscreen}\n      mode={mode}\n      view={view}\n      locale={locale}\n      validRange={validRange}\n      onNavigate={navigate}\n      onModeChange={(m) => {\n        setMode(m);\n        onPanelChange?.(view, m);\n      }}\n      onToday={() => choose(today, \"today\")}\n      todayDisabled={isDisabled(today)}\n      skeleton={skeleton}\n    />\n  );\n\n  const body =\n    mode === \"month\" ? (\n      <DayGrid\n        view={view}\n        focused={selected && isSameMonth(selected, view) ? selected : view}\n        onFocusChange={(d) => {\n          if (!isSameMonth(d, view)) navigate(d);\n          else setView(d);\n        }}\n        isSelected={(d) => isSameDay(d, selected)}\n        isDisabled={isDisabled}\n        onSelect={(d) => choose(d, \"date\")}\n        weekStart={weekStart}\n        locale={locale}\n        showWeek={showWeek}\n        variant={fullscreen ? \"full\" : \"compact\"}\n        label={`${long[view.getMonth()]} ${view.getFullYear()}`}\n        cellRender={adaptDayRender(cellRender)}\n        skeleton={skeleton}\n      />\n    ) : (\n      <YearBody view={view} selected={selected} today={today} fullscreen={fullscreen} locale={locale} validRange={validRange} cellRender={skeleton ? undefined : cellRender} onNavigate={navigate} onPick={(d) => choose(d, \"month\")} skeleton={skeleton} />\n    );\n\n  return (\n    <section aria-label={ariaLabel} aria-busy={skeleton || undefined} className={cn(\"text-mari-foreground\", !fullscreen && \"w-full max-w-80 pointer-coarse:max-w-[21rem] rounded-lg border border-mari-border bg-mari-surface\", className)}>\n      {header}\n      <div className={cn(!fullscreen && \"p-2\")}>{body}</div>\n    </section>\n  );\n}\n\n/** `validRange` dışı ya da `disabledDate` → devre dışı. */\nfunction disabledChecker(validRange: CalendarProps[\"validRange\"], disabledDate: CalendarProps[\"disabledDate\"]) {\n  return (d: Date) => (validRange ? !isWithin(d, validRange[0], validRange[1]) : false) || !!disabledDate?.(d);\n}\n\nfunction adaptDayRender(cellRender: CalendarProps[\"cellRender\"]): ((info: DayCellInfo) => React.ReactNode) | undefined {\n  if (!cellRender) return undefined;\n  return (info) => cellRender(info.date, { type: \"date\", selected: info.selected, today: info.today, disabled: info.disabled, outside: info.outside });\n}\n\nconst startOfMonthOf = (d: Date) => new Date(d.getFullYear(), d.getMonth(), 1);\n\ninterface HeaderProps {\n  fullscreen: boolean;\n  mode: CalendarMode;\n  view: Date;\n  locale?: string;\n  validRange?: [Date, Date];\n  onNavigate: (date: Date) => void;\n  onModeChange: (mode: CalendarMode) => void;\n  onToday: () => void;\n  todayDisabled: boolean;\n  skeleton: boolean;\n}\n\n/** Başlık: (tam ekranda) dönem adı, yıl ve ay seçicileri, Ay/Yıl modu, Bugün. */\nfunction CalendarHeader({ fullscreen, mode, view, locale, validRange, onNavigate, onModeChange, onToday, todayDisabled, skeleton }: Readonly<HeaderProps>) {\n  const long = monthNames(locale, \"long\");\n  const short = monthNames(locale, \"short\");\n  const keepDay = (y: number, m: number) => new Date(y, m, Math.min(view.getDate(), 28));\n  return (\n    <div className={cn(\"flex flex-wrap items-center justify-end gap-2\", fullscreen ? \"pb-3\" : \"border-b border-mari-border p-2\")}>\n      {fullscreen && (\n        <h2 aria-live=\"polite\" className=\"mr-auto text-lg font-semibold text-mari-foreground\">\n          <span {...(skeleton ? skeletonBoxProps(\"rounded-sm\") : {})}>{mode === \"month\" ? `${long[view.getMonth()]} ${view.getFullYear()}` : view.getFullYear()}</span>\n        </h2>\n      )}\n      <Select skeleton={skeleton} size=\"sm\" aria-label=\"Yıl\" options={yearOptions(view.getFullYear(), validRange)} value={view.getFullYear()} onChange={(y) => onNavigate(keepDay(Number(y), view.getMonth()))} className=\"w-24\" />\n      {mode === \"month\" && (\n        <Select\n          skeleton={skeleton}\n          size=\"sm\"\n          aria-label=\"Ay\"\n          options={long.map((m, i) => ({ value: i, label: fullscreen ? m : short[i] }))}\n          value={view.getMonth()}\n          onChange={(m) => onNavigate(keepDay(view.getFullYear(), Number(m)))}\n          className={fullscreen ? \"w-32\" : \"w-24\"}\n        />\n      )}\n      <Segmented\n        skeleton={skeleton}\n        size=\"sm\"\n        aria-label=\"Görünüm\"\n        options={[\n          { value: \"month\", label: \"Ay\" },\n          { value: \"year\", label: \"Yıl\" },\n        ]}\n        value={mode}\n        onChange={(m) => onModeChange(m as CalendarMode)}\n      />\n      {fullscreen && (\n        <Button skeleton={skeleton} size=\"sm\" variant=\"outline\" color=\"neutral\" onClick={onToday} disabled={todayDisabled}>\n          Bugün\n        </Button>\n      )}\n    </div>\n  );\n}\n\ninterface YearBodyProps {\n  view: Date;\n  selected: Date | null;\n  today: Date;\n  fullscreen: boolean;\n  locale?: string;\n  validRange?: [Date, Date];\n  cellRender?: Exclude<CalendarProps[\"cellRender\"], undefined>;\n  onNavigate: (date: Date) => void;\n  onPick: (date: Date) => void;\n  skeleton: boolean;\n}\n\n/** Yıl modu: 12 ay (3×4 ızgara). */\nfunction YearBody({ view, selected, today, fullscreen, locale, validRange, cellRender, onNavigate, onPick, skeleton }: Readonly<YearBodyProps>) {\n  const long = monthNames(locale, \"long\");\n  const short = monthNames(locale, \"short\");\n  const year = view.getFullYear();\n  const info = (first: Date) => ({ type: \"month\" as const, selected: isSameMonth(first, selected), today: isSameMonth(first, today), disabled: false, outside: false });\n  return (\n    <CellGrid\n      variant={fullscreen ? \"full\" : \"compact\"}\n      label={`${year} ayları`}\n      cells={long.map((m, i) => {\n        const first = new Date(year, i, 1);\n        return {\n          key: String(i),\n          label: fullscreen ? m : short[i],\n          fullLabel: `${m} ${year}`,\n          selected: isSameMonth(first, selected),\n          current: isSameMonth(first, today),\n          disabled: validRange ? !isWithin(first, startOfMonthOf(validRange[0]), validRange[1]) : false,\n        };\n      })}\n      focusedIndex={view.getMonth()}\n      onFocusIndex={(i) => onNavigate(addMonths(view, i - view.getMonth()))}\n      onPage={(d) => onNavigate(addMonths(view, d * 12))}\n      onSelect={(i) => onPick(new Date(year, i, 1))}\n      cellRender={cellRender ? (i) => cellRender(new Date(year, i, 1), info(new Date(year, i, 1))) : undefined}\n      skeleton={skeleton}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/card.d.ts

@@ -0,0 +1 @@
+export * from "./types/card/index";