@mari-ui/components 0.1.1 → 0.2.0

package/dist/input-number.js

@@ -1,11 +1,11 @@
 import {
   InputNumber
-} from "./chunk-LZHERDNB.js";
-import "./chunk-DUCIAQGR.js";
-import "./chunk-LBQMEHK6.js";
-import "./chunk-FFXRFQSU.js";
-import "./chunk-IP2J3BWY.js";
-import "./chunk-54HHEXXD.js";
+} from "./chunk-CXIWRNSP.js";
+import "./chunk-NENNFQEY.js";
+import "./chunk-NPFMPRII.js";
+import "./chunk-POBOJBNJ.js";
+import "./chunk-6AMBZXZJ.js";
+import "./chunk-VKN374SD.js";
 export {
   InputNumber
 };

package/dist/input.js

@@ -3,15 +3,15 @@ import {
   OtpInput,
   SearchInput,
   Textarea
-} from "./chunk-P7Z5BREP.js";
-import "./chunk-YZ7MDC6B.js";
+} from "./chunk-L6DBWUAB.js";
+import "./chunk-LNL4TCGL.js";
 import "./chunk-KSPM2Z3T.js";
-import "./chunk-DUCIAQGR.js";
-import "./chunk-LBQMEHK6.js";
-import "./chunk-TCYDVNSU.js";
-import "./chunk-FFXRFQSU.js";
-import "./chunk-IP2J3BWY.js";
-import "./chunk-54HHEXXD.js";
+import "./chunk-NENNFQEY.js";
+import "./chunk-NPFMPRII.js";
+import "./chunk-MT4VH7QV.js";
+import "./chunk-POBOJBNJ.js";
+import "./chunk-6AMBZXZJ.js";
+import "./chunk-VKN374SD.js";
 export {
   Input,
   OtpInput,

package/dist/list.js

@@ -2,28 +2,28 @@
 
 import {
   Loading
-} from "./chunk-47FHUOLT.js";
+} from "./chunk-BLFY5UAL.js";
 import {
   Pagination
-} from "./chunk-TXRQCHOR.js";
+} from "./chunk-ZAR3SCPV.js";
 import {
   InfiniteScrollFooter
-} from "./chunk-BDV4GOEN.js";
+} from "./chunk-5GILG5AK.js";
 import {
   Empty
-} from "./chunk-LBXIPDAB.js";
+} from "./chunk-JXD5DW6E.js";
 import {
   ContentSkeleton
-} from "./chunk-V7KDUUV6.js";
+} from "./chunk-RMNV2CE2.js";
 import {
   SkeletonBlock
-} from "./chunk-NPM7IDYV.js";
-import "./chunk-XUKVQO6M.js";
-import "./chunk-DKENCYHA.js";
-import "./chunk-2IEXY3OZ.js";
-import "./chunk-FFXRFQSU.js";
-import "./chunk-IP2J3BWY.js";
-import "./chunk-54HHEXXD.js";
+} from "./chunk-TSFAAREV.js";
+import "./chunk-6CSUVVFG.js";
+import "./chunk-MXGY2ENX.js";
+import "./chunk-CVKAGR3D.js";
+import "./chunk-POBOJBNJ.js";
+import "./chunk-6AMBZXZJ.js";
+import "./chunk-VKN374SD.js";
 
 // src/list/List.tsx
 import React, { createContext, useContext } from "react";

package/dist/list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/list/List.tsx","../src/list/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { createContext, useContext } from \"react\";\nimport { cn, useControllableState, type Size } from \"@mari-ui/core\";\nimport { ContentSkeleton } from \"../lib/ContentSkeleton\";\nimport { InfiniteScrollFooter } from \"../lib/infiniteScroll\";\nimport { Empty } from \"../empty\";\nimport { Loading } from \"../loading\";\nimport { Pagination } from \"../pagination\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { ListItemLayout, ListItemMetaProps, ListItemProps, ListPagination, ListProps } from \"./types\";\nimport { getPageSlice, gridClassName, resolveRowKey } from \"./utils\";\n\nexport type { ListProps, ListItemProps, ListItemMetaProps };\n\ninterface ListContextValue {\n  size: Size;\n  bordered: boolean;\n  itemLayout: ListItemLayout;\n  grid: boolean;\n  skeleton: boolean;\n}\n\nconst ListContext = createContext<ListContextValue>({ size: \"md\", bordered: false, itemLayout: \"horizontal\", grid: false, skeleton: false });\n\n/** ant.design ölçüleri: sm 8/16, md 12/24, lg 16/24px (çerçevesizde yatay dolgu yok). */\nconst PAD_Y: Record<Size, string> = { sm: \"py-2\", md: \"py-3\", lg: \"py-4\" };\nconst PAD_X: Record<Size, string> = { sm: \"px-4\", md: \"px-6\", lg: \"px-6\" };\n\nfunction rowPadding({ size, bordered }: Pick<ListContextValue, \"size\" | \"bordered\">): string {\n  return cn(PAD_Y[size], bordered && PAD_X[size]);\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction PlaceholderRow({ layout }: Readonly<{ layout: ListItemLayout }>) {\n  if (layout === \"vertical\") {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <SkeletonBlock active width=\"2rem\" height=\"2rem\" radius=\"full\" />\n          <SkeletonBlock active width=\"35%\" height=\"1rem\" radius=\"sm\" />\n        </div>\n        <SkeletonBlock active width=\"100%\" height=\"0.75rem\" radius=\"sm\" />\n        <SkeletonBlock active width=\"80%\" height=\"0.75rem\" radius=\"sm\" />\n      </div>\n    );\n  }\n  // Satır kutuları `ListItemMeta` ile aynı (20px başlık + 2px + 20px açıklama) →\n  // veri gelince tipik bir satır aynı yükseklikte kalır.\n  return (\n    <div className=\"flex items-start gap-4\">\n      <SkeletonBlock active width=\"2rem\" height=\"2rem\" radius=\"full\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <div className=\"flex h-5 items-center\">\n          <SkeletonBlock active width=\"40%\" height=\"0.875rem\" radius=\"sm\" />\n        </div>\n        <div className=\"flex h-5 items-center\">\n          <SkeletonBlock active width=\"70%\" height=\"0.75rem\" radius=\"sm\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst CELL_PLACEHOLDER = <SkeletonBlock active height=\"7rem\" radius=\"lg\" />;\n\n/** Veri henüz yokken (ilk yükleme) satır ya da hücre biçiminde yer tutucular. */\nfunction Placeholders({ count, ctx, gridClass }: Readonly<{ count: number; ctx: ListContextValue; gridClass?: string }>) {\n  const rows = Array.from({ length: count }, (_, i) => i);\n  return (\n    <div aria-hidden data-skeleton=\"\" className={gridClass ?? \"divide-y divide-mari-border\"}>\n      {rows.map((i) => (\n        <div key={i} className={gridClass ? undefined : rowPadding(ctx)}>\n          {gridClass ? CELL_PLACEHOLDER : <PlaceholderRow layout={ctx.itemLayout} />}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Başlık/alt bilgi gibi serbest bölge: kenarlığı görünür kalır, içeriği iskelete döner. */\nfunction Region({ skeleton, className, children }: Readonly<{ skeleton: boolean; className?: string; children: React.ReactNode }>) {\n  return (\n    <div className={className}>\n      <ContentSkeleton on={skeleton} fallback={<SkeletonBlock active width=\"30%\" height=\"0.875rem\" radius=\"sm\" />}>\n        {children}\n      </ContentSkeleton>\n    </div>\n  );\n}\n\nfunction usePagedData<T>(data: T[], config: ListPagination | undefined) {\n  const [page, setPage] = useControllableState<number>({ value: config?.currentPage, defaultValue: config?.defaultPage ?? 1 });\n  const [pageSize, setPageSize] = useControllableState<number>({ value: config?.pageSize, defaultValue: config?.defaultPageSize ?? DEFAULT_PAGE_SIZE });\n  // Sayfalamasız ilk yüklemede 3 yer tutucu satır; sayfalıda sayfa boyu (en çok 10).\n  if (!config) return { items: data, offset: 0, page, pageSize: 3, setPage, setPageSize, total: data.length };\n  // Sunucu tarafı: `dataSource` zaten o sayfa.\n  if (config.totalItems !== undefined) return { items: data, offset: (page - 1) * pageSize, page, pageSize, setPage, setPageSize, total: config.totalItems };\n  const slice = getPageSlice(data, page, pageSize);\n  return { items: slice.items, offset: slice.offset, page: slice.page, pageSize, setPage, setPageSize, total: data.length };\n}\n\nfunction ListPager({\n  config,\n  paged,\n  placement,\n  skeleton,\n  className,\n}: Readonly<{\n  config: ListPagination;\n  paged: ReturnType<typeof usePagedData>;\n  placement: \"top\" | \"bottom\";\n  skeleton: boolean;\n  className?: string;\n}>) {\n  const position = config.position ?? \"bottom\";\n  if (paged.total === 0 || (position !== placement && position !== \"both\")) return null;\n  return (\n    <div className={className}>\n      <Pagination\n        align=\"end\"\n        {...config}\n        skeleton={skeleton}\n        totalItems={paged.total}\n        currentPage={paged.page}\n        pageSize={paged.pageSize}\n        showSizeChanger={config.showSizeChanger ?? Boolean(config.onPageSizeChange)}\n        onPageChange={(p, s) => {\n          paged.setPage(p);\n          config.onPageChange?.(p, s);\n        }}\n        onPageSizeChange={(s, p) => {\n          paged.setPageSize(s);\n          config.onPageSizeChange?.(s, p);\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * Faz 16.3 — yapı ant.design List'ten (header/footer, `ListItemMeta` avatar +\n * başlık + açıklama, ayırıcılı eylemler, `extra`, yatay/dikey düzen, ızgara,\n * sayfalama, \"daha fazla yükle\"), görünüm kendi token'larımızdan.\n *\n * Semantik: `<ul>` + `<li>`; eylemler kendi `<ul>`sunda. `skeleton`: her satır\n * kendi içeriğini ölçüp kendi şeklinde iskelet çizer (ayırıcılar görünür kalır);\n * veri yoksa sayfa boyu kadar genel satır. `loading`: mevcut satırlar yerinde\n * soluklaşır (Loading sarmalama).\n *\n * React Native karşılığı henüz yok (bkz. `@mari-ui/native` README) — prop\n * sözleşmesi (`dataSource`/`renderItem`/`rowKey`/`header`/`footer`/`empty`)\n * FlatList'e birebir taşınabilecek şekilde seçildi.\n */\nexport function List<T>({\n  dataSource,\n  renderItem,\n  rowKey,\n  children,\n  header,\n  footer,\n  bordered = false,\n  split = true,\n  size = \"md\",\n  itemLayout = \"horizontal\",\n  grid,\n  pagination,\n  loadMore,\n  infinite,\n  loading = false,\n  empty,\n  className,\n  skeleton = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: Readonly<ListProps<T>>) {\n  const data = dataSource ?? [];\n  const config = pagination || undefined;\n  const paged = usePagedData(data, config);\n  const ctx: ListContextValue = { size, bordered, itemLayout, grid: Boolean(grid), skeleton };\n  const gridClass = grid ? gridClassName(grid) : undefined;\n  const showSplit = split && !grid;\n\n  const rendered =\n    renderItem && dataSource\n      ? paged.items.map((item, i) => (\n          <React.Fragment key={resolveRowKey(item, paged.offset + i, rowKey)}>{renderItem(item, paged.offset + i)}</React.Fragment>\n        ))\n      : children;\n  const hasItems = React.Children.count(rendered) > 0;\n\n  let body: React.ReactNode;\n  if (hasItems) {\n    body = (\n      <ul\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={cn(gridClass, showSplit && \"divide-y divide-mari-border\", grid && bordered && rowPadding(ctx))}\n      >\n        {rendered}\n      </ul>\n    );\n  } else if (skeleton) {\n    body = <Placeholders count={Math.min(paged.pageSize, 10)} ctx={ctx} gridClass={gridClass && cn(gridClass, bordered && rowPadding(ctx))} />;\n  } else {\n    body = <div className={rowPadding(ctx)}>{empty ?? <Empty size=\"sm\" title=\"Kayıt yok\" />}</div>;\n  }\n\n  const pager = (placement: \"top\" | \"bottom\") =>\n    config && (\n      <ListPager\n        config={config}\n        paged={paged}\n        placement={placement}\n        skeleton={skeleton}\n        className={cn(rowPadding(ctx), showSplit && (placement === \"top\" ? \"border-b border-mari-border\" : \"border-t border-mari-border\"))}\n      />\n    );\n\n  return (\n    <ListContext.Provider value={ctx}>\n      <div\n        aria-busy={skeleton || loading || undefined}\n        className={cn(\"text-sm text-mari-foreground\", bordered && \"overflow-hidden rounded-lg border border-mari-border bg-mari-surface\", className)}\n      >\n        {header && (\n          <Region skeleton={skeleton} className={cn(rowPadding(ctx), \"font-medium\", split && \"border-b border-mari-border\")}>\n            {header}\n          </Region>\n        )}\n        {pager(\"top\")}\n        <Loading spinning={loading}>{body}</Loading>\n        {infinite && !skeleton && hasItems && <InfiniteScrollFooter options={infinite} className={cn(showSplit && \"border-t border-mari-border\")} />}\n        {loadMore && (\n          <Region skeleton={skeleton} className={cn(\"flex justify-center\", PAD_Y[size], showSplit && \"border-t border-mari-border\")}>\n            {loadMore}\n          </Region>\n        )}\n        {pager(\"bottom\")}\n        {footer && (\n          <Region skeleton={skeleton} className={cn(rowPadding(ctx), \"text-mari-muted\", split && \"border-t border-mari-border\")}>\n            {footer}\n          </Region>\n        )}\n      </div>\n    </ListContext.Provider>\n  );\n}\n\nfunction ItemActions({ actions, className }: Readonly<{ actions: React.ReactNode[]; className?: string }>) {\n  return (\n    <ul className={cn(\"flex shrink-0 flex-wrap items-center text-mari-muted\", className)}>\n      {actions.map((action, i) => (\n        <li\n          // Eylemler sabit, sıralanmaz.\n          key={i}\n          className={cn(\n            \"relative flex items-center px-2 first:pl-0 last:pr-0\",\n            \"not-last:after:absolute not-last:after:top-1/2 not-last:after:right-0 not-last:after:h-3.5 not-last:after:w-px not-last:after:-translate-y-1/2 not-last:after:bg-mari-border\"\n          )}\n        >\n          {action}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ItemLayout({ ctx, children, actions, extra }: Pick<ListItemProps, \"children\" | \"actions\" | \"extra\"> & { ctx: ListContextValue }) {\n  const actionList = actions && actions.length > 0 ? actions : undefined;\n  if (ctx.itemLayout === \"vertical\") {\n    return (\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:gap-6\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-4\">\n          {children}\n          {actionList && <ItemActions actions={actionList} />}\n        </div>\n        {extra && <div className=\"order-first shrink-0 sm:order-last\">{extra}</div>}\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-6 gap-y-2\">\n      <div className=\"flex min-w-0 flex-1 basis-56 items-center gap-4\">{children}</div>\n      {actionList && <ItemActions actions={actionList} className=\"ml-auto\" />}\n      {extra && <div className=\"shrink-0\">{extra}</div>}\n    </div>\n  );\n}\n\n/** Tek satır / ızgara hücresi. `List`in içinde kullanılır. */\nexport function ListItem({ children, actions, extra, className, ...rest }: Readonly<ListItemProps>) {\n  const ctx = useContext(ListContext);\n\n  if (ctx.grid) {\n    return (\n      <li className={cn(\"min-w-0\", className)} {...rest}>\n        <ContentSkeleton on={ctx.skeleton} fallback={CELL_PLACEHOLDER}>\n          {children}\n        </ContentSkeleton>\n      </li>\n    );\n  }\n\n  return (\n    <li className={cn(rowPadding(ctx), className)} {...rest}>\n      <ContentSkeleton on={ctx.skeleton} fallback={<PlaceholderRow layout={ctx.itemLayout} />}>\n        <ItemLayout ctx={ctx} actions={actions} extra={extra}>\n          {children}\n        </ItemLayout>\n      </ContentSkeleton>\n    </li>\n  );\n}\n\n/** Avatar + başlık + açıklama bloğu. */\nexport function ListItemMeta({ avatar, title, description, className }: Readonly<ListItemMetaProps>) {\n  const { itemLayout } = useContext(ListContext);\n  const vertical = itemLayout === \"vertical\";\n  return (\n    <div className={cn(\"flex min-w-0 flex-1 items-start gap-4\", className)}>\n      {avatar && <div className=\"flex shrink-0\">{avatar}</div>}\n      {/* Boşluksuz uzun metin (e-posta, URL) dar ekranda yandaki öğenin altına taşmasın. */}\n      <div className=\"min-w-0 flex-1 break-words\">\n        {title && <div className={cn(\"font-medium text-mari-foreground\", vertical ? \"text-base\" : \"leading-5\", description && (vertical ? \"mb-1\" : \"mb-0.5\"))}>{title}</div>}\n        {description && <div className=\"leading-5 text-mari-muted\">{description}</div>}\n      </div>\n    </div>\n  );\n}\n","import type React from \"react\";\nimport type { Size } from \"@mari-ui/core\";\nimport type { ListBreakpoint, ListGrid, ListGridColumns, ListProps } from \"./types\";\n\n/** `rowKey` → alan/fonksiyon; yoksa `key`/`id` alanı, o da yoksa sıra numarası. */\nexport function resolveRowKey<T>(item: T, index: number, rowKey: ListProps<T>[\"rowKey\"]): React.Key {\n  if (typeof rowKey === \"function\") return rowKey(item, index);\n  if (rowKey !== undefined) return String(item[rowKey]);\n  if (item && typeof item === \"object\") {\n    const record = item as Record<string, unknown>;\n    for (const field of [\"key\", \"id\"]) {\n      const value = record[field];\n      if (typeof value === \"string\" || typeof value === \"number\") return value;\n    }\n  }\n  return index;\n}\n\n/** İstemci tarafı sayfalama: 1 tabanlı `page`, kayıt aralığı dışına taşarsa son sayfa. */\nexport function getPageSlice<T>(data: T[], page: number, pageSize: number): { items: T[]; page: number; offset: number } {\n  const totalPages = Math.max(1, Math.ceil(data.length / pageSize));\n  const safePage = Math.min(Math.max(1, page), totalPages);\n  const offset = (safePage - 1) * pageSize;\n  return { items: data.slice(offset, offset + pageSize), page: safePage, offset };\n}\n\n// Tailwind derleme zamanında tarar — her sınıf literal.\nconst COLUMNS: Record<ListBreakpoint, Record<ListGridColumns, string>> = {\n  base: { 1: \"grid-cols-1\", 2: \"grid-cols-2\", 3: \"grid-cols-3\", 4: \"grid-cols-4\", 5: \"grid-cols-5\", 6: \"grid-cols-6\" },\n  sm: { 1: \"sm:grid-cols-1\", 2: \"sm:grid-cols-2\", 3: \"sm:grid-cols-3\", 4: \"sm:grid-cols-4\", 5: \"sm:grid-cols-5\", 6: \"sm:grid-cols-6\" },\n  md: { 1: \"md:grid-cols-1\", 2: \"md:grid-cols-2\", 3: \"md:grid-cols-3\", 4: \"md:grid-cols-4\", 5: \"md:grid-cols-5\", 6: \"md:grid-cols-6\" },\n  lg: { 1: \"lg:grid-cols-1\", 2: \"lg:grid-cols-2\", 3: \"lg:grid-cols-3\", 4: \"lg:grid-cols-4\", 5: \"lg:grid-cols-5\", 6: \"lg:grid-cols-6\" },\n  xl: { 1: \"xl:grid-cols-1\", 2: \"xl:grid-cols-2\", 3: \"xl:grid-cols-3\", 4: \"xl:grid-cols-4\", 5: \"xl:grid-cols-5\", 6: \"xl:grid-cols-6\" },\n};\n\nconst GAP: Record<Size, string> = { sm: \"gap-2\", md: \"gap-4\", lg: \"gap-6\" };\n\nconst BREAKPOINTS: ListBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n/**\n * Izgara sınıfları. Tek sayı verilse de mobilde tek sütuna düşmez — tüketici\n * mobil düzeni istiyorsa nesne biçimini kullanır (ant `grid.xs` gibi).\n */\nexport function gridClassName(grid: ListGrid): string {\n  const columns = typeof grid.columns === \"number\" ? { base: grid.columns } : grid.columns;\n  const classes = BREAKPOINTS.flatMap((bp) => {\n    const count = columns[bp];\n    return count ? [COLUMNS[bp][count]] : [];\n  });\n  if (columns.base === undefined) classes.unshift(COLUMNS.base[1]);\n  return [\"grid\", GAP[grid.gap ?? \"md\"], ...classes].join(\" \");\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/list/List.tsx","../src/list/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { createContext, useContext } from \"react\";\nimport { cn, useControllableState, type Size } from \"@mari-ui/core\";\nimport { ContentSkeleton } from \"../lib/ContentSkeleton\";\nimport { InfiniteScrollFooter } from \"../lib/infiniteScroll\";\nimport { Empty } from \"../empty\";\nimport { Loading } from \"../loading\";\nimport { Pagination } from \"../pagination\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { ListItemLayout, ListItemMetaProps, ListItemProps, ListPagination, ListProps } from \"./types\";\nimport { getPageSlice, gridClassName, resolveRowKey } from \"./utils\";\n\nexport type { ListProps, ListItemProps, ListItemMetaProps };\n\ninterface ListContextValue {\n  size: Size;\n  bordered: boolean;\n  itemLayout: ListItemLayout;\n  grid: boolean;\n  skeleton: boolean;\n}\n\nconst ListContext = createContext<ListContextValue>({ size: \"md\", bordered: false, itemLayout: \"horizontal\", grid: false, skeleton: false });\n\n/*\n * ant.design ölçüleri: sm 8/16, md 12/24, lg 16/24px (çerçevesizde yatay dolgu yok).\n */\nconst PAD_Y: Record<Size, string> = { sm: \"py-2\", md: \"py-3\", lg: \"py-4\" };\nconst PAD_X: Record<Size, string> = { sm: \"px-4\", md: \"px-6\", lg: \"px-6\" };\n\nfunction rowPadding({ size, bordered }: Pick<ListContextValue, \"size\" | \"bordered\">): string {\n  return cn(PAD_Y[size], bordered && PAD_X[size]);\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\nfunction PlaceholderRow({ layout }: Readonly<{ layout: ListItemLayout }>) {\n  if (layout === \"vertical\") {\n    return (\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-center gap-4\">\n          <SkeletonBlock active width=\"2rem\" height=\"2rem\" radius=\"full\" />\n          <SkeletonBlock active width=\"35%\" height=\"1rem\" radius=\"sm\" />\n        </div>\n        <SkeletonBlock active width=\"100%\" height=\"0.75rem\" radius=\"sm\" />\n        <SkeletonBlock active width=\"80%\" height=\"0.75rem\" radius=\"sm\" />\n      </div>\n    );\n  }\n  // Satır kutuları `ListItemMeta` ile aynı (20px başlık + 2px + 20px açıklama) →\n  // veri gelince tipik bir satır aynı yükseklikte kalır.\n  return (\n    <div className=\"flex items-start gap-4\">\n      <SkeletonBlock active width=\"2rem\" height=\"2rem\" radius=\"full\" />\n      <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n        <div className=\"flex h-5 items-center\">\n          <SkeletonBlock active width=\"40%\" height=\"0.875rem\" radius=\"sm\" />\n        </div>\n        <div className=\"flex h-5 items-center\">\n          <SkeletonBlock active width=\"70%\" height=\"0.75rem\" radius=\"sm\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst CELL_PLACEHOLDER = <SkeletonBlock active height=\"7rem\" radius=\"lg\" />;\n\n/** Veri henüz yokken (ilk yükleme) satır ya da hücre biçiminde yer tutucular. */\nfunction Placeholders({ count, ctx, gridClass }: Readonly<{ count: number; ctx: ListContextValue; gridClass?: string }>) {\n  const rows = Array.from({ length: count }, (_, i) => i);\n  return (\n    <div aria-hidden data-skeleton=\"\" className={gridClass ?? \"divide-y divide-mari-border\"}>\n      {rows.map((i) => (\n        <div key={i} className={gridClass ? undefined : rowPadding(ctx)}>\n          {gridClass ? CELL_PLACEHOLDER : <PlaceholderRow layout={ctx.itemLayout} />}\n        </div>\n      ))}\n    </div>\n  );\n}\n\n/** Başlık/alt bilgi gibi serbest bölge: kenarlığı görünür kalır, içeriği iskelete döner. */\nfunction Region({ skeleton, className, children }: Readonly<{ skeleton: boolean; className?: string; children: React.ReactNode }>) {\n  return (\n    <div className={className}>\n      <ContentSkeleton on={skeleton} fallback={<SkeletonBlock active width=\"30%\" height=\"0.875rem\" radius=\"sm\" />}>\n        {children}\n      </ContentSkeleton>\n    </div>\n  );\n}\n\nfunction usePagedData<T>(data: T[], config: ListPagination | undefined) {\n  const [page, setPage] = useControllableState<number>({ value: config?.currentPage, defaultValue: config?.defaultPage ?? 1 });\n  const [pageSize, setPageSize] = useControllableState<number>({ value: config?.pageSize, defaultValue: config?.defaultPageSize ?? DEFAULT_PAGE_SIZE });\n  // Sayfalamasız ilk yüklemede 3 yer tutucu satır; sayfalıda sayfa boyu (en çok 10).\n  if (!config) return { items: data, offset: 0, page, pageSize: 3, setPage, setPageSize, total: data.length };\n  // Sunucu tarafı: `dataSource` zaten o sayfa.\n  if (config.totalItems !== undefined) return { items: data, offset: (page - 1) * pageSize, page, pageSize, setPage, setPageSize, total: config.totalItems };\n  const slice = getPageSlice(data, page, pageSize);\n  return { items: slice.items, offset: slice.offset, page: slice.page, pageSize, setPage, setPageSize, total: data.length };\n}\n\nfunction ListPager({\n  config,\n  paged,\n  placement,\n  skeleton,\n  className,\n}: Readonly<{\n  config: ListPagination;\n  paged: ReturnType<typeof usePagedData>;\n  placement: \"top\" | \"bottom\";\n  skeleton: boolean;\n  className?: string;\n}>) {\n  const position = config.position ?? \"bottom\";\n  if (paged.total === 0 || (position !== placement && position !== \"both\")) return null;\n  return (\n    <div className={className}>\n      <Pagination\n        align=\"end\"\n        {...config}\n        skeleton={skeleton}\n        totalItems={paged.total}\n        currentPage={paged.page}\n        pageSize={paged.pageSize}\n        showSizeChanger={config.showSizeChanger ?? Boolean(config.onPageSizeChange)}\n        onPageChange={(p, s) => {\n          paged.setPage(p);\n          config.onPageChange?.(p, s);\n        }}\n        onPageSizeChange={(s, p) => {\n          paged.setPageSize(s);\n          config.onPageSizeChange?.(s, p);\n        }}\n      />\n    </div>\n  );\n}\n\n/**\n * Semantik: `<ul>` + `<li>`; eylemler kendi `<ul>`sunda. `skeleton`: her satır\n * kendi içeriğini ölçüp kendi şeklinde iskelet çizer (ayırıcılar görünür kalır);\n * veri yoksa sayfa boyu kadar genel satır. `loading`: mevcut satırlar yerinde\n * soluklaşır (Loading sarmalama).\n *\n * React Native karşılığı henüz yok (bkz. `@mari-ui/native` README) — prop\n * sözleşmesi (`dataSource`/`renderItem`/`rowKey`/`header`/`footer`/`empty`)\n * FlatList'e birebir taşınabilecek şekilde seçildi.\n */\nexport function List<T>({\n  dataSource,\n  renderItem,\n  rowKey,\n  children,\n  header,\n  footer,\n  bordered = false,\n  split = true,\n  size = \"md\",\n  itemLayout = \"horizontal\",\n  grid,\n  pagination,\n  loadMore,\n  infinite,\n  loading = false,\n  empty,\n  className,\n  skeleton = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: Readonly<ListProps<T>>) {\n  const data = dataSource ?? [];\n  const config = pagination || undefined;\n  const paged = usePagedData(data, config);\n  const ctx: ListContextValue = { size, bordered, itemLayout, grid: Boolean(grid), skeleton };\n  const gridClass = grid ? gridClassName(grid) : undefined;\n  const showSplit = split && !grid;\n\n  const rendered =\n    renderItem && dataSource\n      ? paged.items.map((item, i) => (\n          <React.Fragment key={resolveRowKey(item, paged.offset + i, rowKey)}>{renderItem(item, paged.offset + i)}</React.Fragment>\n        ))\n      : children;\n  const hasItems = React.Children.count(rendered) > 0;\n\n  let body: React.ReactNode;\n  if (hasItems) {\n    body = (\n      <ul\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={cn(gridClass, showSplit && \"divide-y divide-mari-border\", grid && bordered && rowPadding(ctx))}\n      >\n        {rendered}\n      </ul>\n    );\n  } else if (skeleton) {\n    body = <Placeholders count={Math.min(paged.pageSize, 10)} ctx={ctx} gridClass={gridClass && cn(gridClass, bordered && rowPadding(ctx))} />;\n  } else {\n    body = <div className={rowPadding(ctx)}>{empty ?? <Empty size=\"sm\" title=\"Kayıt yok\" />}</div>;\n  }\n\n  const pager = (placement: \"top\" | \"bottom\") =>\n    config && (\n      <ListPager\n        config={config}\n        paged={paged}\n        placement={placement}\n        skeleton={skeleton}\n        className={cn(rowPadding(ctx), showSplit && (placement === \"top\" ? \"border-b border-mari-border\" : \"border-t border-mari-border\"))}\n      />\n    );\n\n  return (\n    <ListContext.Provider value={ctx}>\n      <div\n        aria-busy={skeleton || loading || undefined}\n        className={cn(\"text-sm text-mari-foreground\", bordered && \"overflow-hidden rounded-lg border border-mari-border bg-mari-surface\", className)}\n      >\n        {header && (\n          <Region skeleton={skeleton} className={cn(rowPadding(ctx), \"font-medium\", split && \"border-b border-mari-border\")}>\n            {header}\n          </Region>\n        )}\n        {pager(\"top\")}\n        <Loading spinning={loading}>{body}</Loading>\n        {infinite && !skeleton && hasItems && <InfiniteScrollFooter options={infinite} className={cn(showSplit && \"border-t border-mari-border\")} />}\n        {loadMore && (\n          <Region skeleton={skeleton} className={cn(\"flex justify-center\", PAD_Y[size], showSplit && \"border-t border-mari-border\")}>\n            {loadMore}\n          </Region>\n        )}\n        {pager(\"bottom\")}\n        {footer && (\n          <Region skeleton={skeleton} className={cn(rowPadding(ctx), \"text-mari-muted\", split && \"border-t border-mari-border\")}>\n            {footer}\n          </Region>\n        )}\n      </div>\n    </ListContext.Provider>\n  );\n}\n\nfunction ItemActions({ actions, className }: Readonly<{ actions: React.ReactNode[]; className?: string }>) {\n  return (\n    <ul className={cn(\"flex shrink-0 flex-wrap items-center text-mari-muted\", className)}>\n      {actions.map((action, i) => (\n        <li\n          // Eylemler sabit, sıralanmaz.\n          key={i}\n          className={cn(\n            \"relative flex items-center px-2 first:pl-0 last:pr-0\",\n            \"not-last:after:absolute not-last:after:top-1/2 not-last:after:right-0 not-last:after:h-3.5 not-last:after:w-px not-last:after:-translate-y-1/2 not-last:after:bg-mari-border\"\n          )}\n        >\n          {action}\n        </li>\n      ))}\n    </ul>\n  );\n}\n\nfunction ItemLayout({ ctx, children, actions, extra }: Pick<ListItemProps, \"children\" | \"actions\" | \"extra\"> & { ctx: ListContextValue }) {\n  const actionList = actions && actions.length > 0 ? actions : undefined;\n  if (ctx.itemLayout === \"vertical\") {\n    return (\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:gap-6\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-4\">\n          {children}\n          {actionList && <ItemActions actions={actionList} />}\n        </div>\n        {extra && <div className=\"order-first shrink-0 sm:order-last\">{extra}</div>}\n      </div>\n    );\n  }\n  return (\n    <div className=\"flex flex-wrap items-center gap-x-6 gap-y-2\">\n      <div className=\"flex min-w-0 flex-1 basis-56 items-center gap-4\">{children}</div>\n      {actionList && <ItemActions actions={actionList} className=\"ml-auto\" />}\n      {extra && <div className=\"shrink-0\">{extra}</div>}\n    </div>\n  );\n}\n\n/** Tek satır / ızgara hücresi. `List`in içinde kullanılır. */\nexport function ListItem({ children, actions, extra, className, ...rest }: Readonly<ListItemProps>) {\n  const ctx = useContext(ListContext);\n\n  if (ctx.grid) {\n    return (\n      <li className={cn(\"min-w-0\", className)} {...rest}>\n        <ContentSkeleton on={ctx.skeleton} fallback={CELL_PLACEHOLDER}>\n          {children}\n        </ContentSkeleton>\n      </li>\n    );\n  }\n\n  return (\n    <li className={cn(rowPadding(ctx), className)} {...rest}>\n      <ContentSkeleton on={ctx.skeleton} fallback={<PlaceholderRow layout={ctx.itemLayout} />}>\n        <ItemLayout ctx={ctx} actions={actions} extra={extra}>\n          {children}\n        </ItemLayout>\n      </ContentSkeleton>\n    </li>\n  );\n}\n\n/** Avatar + başlık + açıklama bloğu. */\nexport function ListItemMeta({ avatar, title, description, className }: Readonly<ListItemMetaProps>) {\n  const { itemLayout } = useContext(ListContext);\n  const vertical = itemLayout === \"vertical\";\n  return (\n    <div className={cn(\"flex min-w-0 flex-1 items-start gap-4\", className)}>\n      {avatar && <div className=\"flex shrink-0\">{avatar}</div>}\n      {/* Boşluksuz uzun metin (e-posta, URL) dar ekranda yandaki öğenin altına taşmasın. */}\n      <div className=\"min-w-0 flex-1 break-words\">\n        {title && <div className={cn(\"font-medium text-mari-foreground\", vertical ? \"text-base\" : \"leading-5\", description && (vertical ? \"mb-1\" : \"mb-0.5\"))}>{title}</div>}\n        {description && <div className=\"leading-5 text-mari-muted\">{description}</div>}\n      </div>\n    </div>\n  );\n}\n","import type React from \"react\";\nimport type { Size } from \"@mari-ui/core\";\nimport type { ListBreakpoint, ListGrid, ListGridColumns, ListProps } from \"./types\";\n\n/** `rowKey` → alan/fonksiyon; yoksa `key`/`id` alanı, o da yoksa sıra numarası. */\nexport function resolveRowKey<T>(item: T, index: number, rowKey: ListProps<T>[\"rowKey\"]): React.Key {\n  if (typeof rowKey === \"function\") return rowKey(item, index);\n  if (rowKey !== undefined) return String(item[rowKey]);\n  if (item && typeof item === \"object\") {\n    const record = item as Record<string, unknown>;\n    for (const field of [\"key\", \"id\"]) {\n      const value = record[field];\n      if (typeof value === \"string\" || typeof value === \"number\") return value;\n    }\n  }\n  return index;\n}\n\n/** İstemci tarafı sayfalama: 1 tabanlı `page`, kayıt aralığı dışına taşarsa son sayfa. */\nexport function getPageSlice<T>(data: T[], page: number, pageSize: number): { items: T[]; page: number; offset: number } {\n  const totalPages = Math.max(1, Math.ceil(data.length / pageSize));\n  const safePage = Math.min(Math.max(1, page), totalPages);\n  const offset = (safePage - 1) * pageSize;\n  return { items: data.slice(offset, offset + pageSize), page: safePage, offset };\n}\n\n// Tailwind derleme zamanında tarar — her sınıf literal.\nconst COLUMNS: Record<ListBreakpoint, Record<ListGridColumns, string>> = {\n  base: { 1: \"grid-cols-1\", 2: \"grid-cols-2\", 3: \"grid-cols-3\", 4: \"grid-cols-4\", 5: \"grid-cols-5\", 6: \"grid-cols-6\" },\n  sm: { 1: \"sm:grid-cols-1\", 2: \"sm:grid-cols-2\", 3: \"sm:grid-cols-3\", 4: \"sm:grid-cols-4\", 5: \"sm:grid-cols-5\", 6: \"sm:grid-cols-6\" },\n  md: { 1: \"md:grid-cols-1\", 2: \"md:grid-cols-2\", 3: \"md:grid-cols-3\", 4: \"md:grid-cols-4\", 5: \"md:grid-cols-5\", 6: \"md:grid-cols-6\" },\n  lg: { 1: \"lg:grid-cols-1\", 2: \"lg:grid-cols-2\", 3: \"lg:grid-cols-3\", 4: \"lg:grid-cols-4\", 5: \"lg:grid-cols-5\", 6: \"lg:grid-cols-6\" },\n  xl: { 1: \"xl:grid-cols-1\", 2: \"xl:grid-cols-2\", 3: \"xl:grid-cols-3\", 4: \"xl:grid-cols-4\", 5: \"xl:grid-cols-5\", 6: \"xl:grid-cols-6\" },\n};\n\nconst GAP: Record<Size, string> = { sm: \"gap-2\", md: \"gap-4\", lg: \"gap-6\" };\n\nconst BREAKPOINTS: ListBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n/**\n * Izgara sınıfları. Tek sayı verilse de mobilde tek sütuna düşmez — tüketici\n * mobil düzeni istiyorsa nesne biçimini kullanır (ant `grid.xs` gibi).\n */\nexport function gridClassName(grid: ListGrid): string {\n  const columns = typeof grid.columns === \"number\" ? { base: grid.columns } : grid.columns;\n  const classes = BREAKPOINTS.flatMap((bp) => {\n    const count = columns[bp];\n    return count ? [COLUMNS[bp][count]] : [];\n  });\n  if (columns.base === undefined) classes.unshift(COLUMNS.base[1]);\n  return [\"grid\", GAP[grid.gap ?? \"md\"], ...classes].join(\" \");\n}\n"],"mappings":"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","names":[]}

package/dist/loading.js

@@ -1,6 +1,6 @@
 import {
   Loading
-} from "./chunk-47FHUOLT.js";
+} from "./chunk-BLFY5UAL.js";
 export {
   Loading
 };

package/dist/logo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/logo/Logo.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport interface MariLogoProps extends Omit<SVGProps<SVGSVGElement>, \"width\" | \"height\" | \"viewBox\" | \"role\" | \"aria-label\"> {\n  /** Full wordmark for headers, or the compact iris monogram for narrow rails. */\n  variant?: \"full\" | \"mark\";\n  /** Rendered height in CSS pixels. */\n  size?: number;\n  /** Accessible name exposed to assistive technology. */\n  label?: string;\n}\n\n/**\n * Faz 21 — işaret temanın `primary` rolünden boyanır (kişilik ve koyu tema ile değişir);\n * değişken yoksa (tema CSS'i yüklenmemiş) varsayılan iris tonlarına düşer.\n */\nfunction IrisMark() {\n  return (\n    <g aria-hidden=\"true\">\n      <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"15\" fill=\"var(--mari-color-primary-solid, #6951CE)\" />\n      <path d=\"M28 10.5c-3.1 3.2-3.2 5.5 0 8.2 3.2-2.7 3.1-5 0-8.2Z\" fill=\"var(--mari-color-primary-solid-contrast, #fff)\" fillOpacity={0.72} />\n      <path d=\"M20.6 13.3c-.3 4.5 1.2 6.5 5.6 7.1.5-4.4-1-6.4-5.6-7.1Zm14.8 0c.3 4.5-1.2 6.5-5.6 7.1-.5-4.4 1-6.4 5.6-7.1Z\" fill=\"var(--mari-color-primary-solid-contrast, #fff)\" fillOpacity={0.96} />\n      <path d=\"M14.5 40V27a4.5 4.5 0 0 1 8.1-2.7L28 31l5.4-6.7a4.5 4.5 0 0 1 8.1 2.7v13\" fill=\"none\" stroke=\"var(--mari-color-primary-solid-contrast, #fff)\" strokeWidth=\"3.7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  );\n}\n\nexport function MariLogo({ variant = \"full\", size = 56, label = \"Mari UI\", ...props }: Readonly<MariLogoProps>) {\n  const isFull = variant === \"full\";\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={isFull ? \"0 0 184 56\" : \"0 0 56 56\"}\n      width={isFull ? (184 / 56) * size : size}\n      height={size}\n      role=\"img\"\n      aria-label={label}\n      focusable=\"false\"\n      {...props}\n    >\n      <IrisMark />\n      {isFull && (\n        <g aria-hidden=\"true\">\n          <text x=\"66\" y=\"38\" fontFamily=\"var(--mari-font-sans, Inter, ui-sans-serif, system-ui, sans-serif)\" fontSize=\"30\" fontWeight=\"750\" letterSpacing=\"-1.8\" fill=\"var(--mari-color-foreground, #242331)\">mari</text>\n          <circle cx=\"128.5\" cy=\"34\" r=\"2.1\" fill=\"var(--mari-color-primary, #6951CE)\" fillOpacity={0.6} />\n          <text x=\"137\" y=\"38\" fontFamily=\"var(--mari-font-sans, Inter, ui-sans-serif, system-ui, sans-serif)\" fontSize=\"30\" fontWeight=\"750\" letterSpacing=\"-1.8\" fill=\"var(--mari-color-primary, #6951CE)\">ui</text>\n        </g>\n      )}\n    </svg>\n  );\n}\n"],"mappings":";AAiBI,SACE,KADF;AAFJ,SAAS,WAAW;AAClB,SACE,qBAAC,OAAE,eAAY,QACb;AAAA,wBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,MAAK,MAAK,4CAA2C;AAAA,IACjG,oBAAC,UAAK,GAAE,wDAAuD,MAAK,kDAAiD,aAAa,MAAM;AAAA,IACxI,oBAAC,UAAK,GAAE,+GAA8G,MAAK,kDAAiD,aAAa,MAAM;AAAA,IAC/L,oBAAC,UAAK,GAAE,4EAA2E,MAAK,QAAO,QAAO,kDAAiD,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ;AAAA,KACxN;AAEJ;AAEO,SAAS,SAAS,EAAE,UAAU,QAAQ,OAAO,IAAI,QAAQ,WAAW,GAAG,MAAM,GAA4B;AAC9G,QAAM,SAAS,YAAY;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,SAAS,eAAe;AAAA,MACjC,OAAO,SAAU,MAAM,KAAM,OAAO;AAAA,MACpC,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAS;AAAA,QACT,UACC,qBAAC,OAAE,eAAY,QACb;AAAA,8BAAC,UAAK,GAAE,MAAK,GAAE,MAAK,YAAW,sEAAqE,UAAS,MAAK,YAAW,OAAM,eAAc,QAAO,MAAK,yCAAwC,kBAAI;AAAA,UACzM,oBAAC,YAAO,IAAG,SAAQ,IAAG,MAAK,GAAE,OAAM,MAAK,sCAAqC,aAAa,KAAK;AAAA,UAC/F,oBAAC,UAAK,GAAE,OAAM,GAAE,MAAK,YAAW,sEAAqE,UAAS,MAAK,YAAW,OAAM,eAAc,QAAO,MAAK,sCAAqC,gBAAE;AAAA,WACvM;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../src/logo/Logo.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\nexport interface MariLogoProps extends Omit<SVGProps<SVGSVGElement>, \"width\" | \"height\" | \"viewBox\" | \"role\" | \"aria-label\"> {\n  /** Full wordmark for headers, or the compact iris monogram for narrow rails. */\n  variant?: \"full\" | \"mark\";\n  /** Rendered height in CSS pixels. */\n  size?: number;\n  /** Accessible name exposed to assistive technology. */\n  label?: string;\n}\n\n/**\n * İşaret temanın `primary` rolünden boyanır (kişilik ve koyu tema ile değişir);\n * değişken yoksa (tema CSS'i yüklenmemiş) varsayılan iris tonlarına düşer.\n */\nfunction IrisMark() {\n  return (\n    <g aria-hidden=\"true\">\n      <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"15\" fill=\"var(--mari-color-primary-solid, #6951CE)\" />\n      <path d=\"M28 10.5c-3.1 3.2-3.2 5.5 0 8.2 3.2-2.7 3.1-5 0-8.2Z\" fill=\"var(--mari-color-primary-solid-contrast, #fff)\" fillOpacity={0.72} />\n      <path d=\"M20.6 13.3c-.3 4.5 1.2 6.5 5.6 7.1.5-4.4-1-6.4-5.6-7.1Zm14.8 0c.3 4.5-1.2 6.5-5.6 7.1-.5-4.4 1-6.4 5.6-7.1Z\" fill=\"var(--mari-color-primary-solid-contrast, #fff)\" fillOpacity={0.96} />\n      <path d=\"M14.5 40V27a4.5 4.5 0 0 1 8.1-2.7L28 31l5.4-6.7a4.5 4.5 0 0 1 8.1 2.7v13\" fill=\"none\" stroke=\"var(--mari-color-primary-solid-contrast, #fff)\" strokeWidth=\"3.7\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </g>\n  );\n}\n\nexport function MariLogo({ variant = \"full\", size = 56, label = \"Mari UI\", ...props }: Readonly<MariLogoProps>) {\n  const isFull = variant === \"full\";\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={isFull ? \"0 0 184 56\" : \"0 0 56 56\"}\n      width={isFull ? (184 / 56) * size : size}\n      height={size}\n      role=\"img\"\n      aria-label={label}\n      focusable=\"false\"\n      {...props}\n    >\n      <IrisMark />\n      {isFull && (\n        <g aria-hidden=\"true\">\n          <text x=\"66\" y=\"38\" fontFamily=\"var(--mari-font-sans, Inter, ui-sans-serif, system-ui, sans-serif)\" fontSize=\"30\" fontWeight=\"750\" letterSpacing=\"-1.8\" fill=\"var(--mari-color-foreground, #242331)\">mari</text>\n          <circle cx=\"128.5\" cy=\"34\" r=\"2.1\" fill=\"var(--mari-color-primary, #6951CE)\" fillOpacity={0.6} />\n          <text x=\"137\" y=\"38\" fontFamily=\"var(--mari-font-sans, Inter, ui-sans-serif, system-ui, sans-serif)\" fontSize=\"30\" fontWeight=\"750\" letterSpacing=\"-1.8\" fill=\"var(--mari-color-primary, #6951CE)\">ui</text>\n        </g>\n      )}\n    </svg>\n  );\n}\n"],"mappings":";AAiBI,SACE,KADF;AAFJ,SAAS,WAAW;AAClB,SACE,qBAAC,OAAE,eAAY,QACb;AAAA,wBAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,MAAK,MAAK,4CAA2C;AAAA,IACjG,oBAAC,UAAK,GAAE,wDAAuD,MAAK,kDAAiD,aAAa,MAAM;AAAA,IACxI,oBAAC,UAAK,GAAE,+GAA8G,MAAK,kDAAiD,aAAa,MAAM;AAAA,IAC/L,oBAAC,UAAK,GAAE,4EAA2E,MAAK,QAAO,QAAO,kDAAiD,aAAY,OAAM,eAAc,SAAQ,gBAAe,SAAQ;AAAA,KACxN;AAEJ;AAEO,SAAS,SAAS,EAAE,UAAU,QAAQ,OAAO,IAAI,QAAQ,WAAW,GAAG,MAAM,GAA4B;AAC9G,QAAM,SAAS,YAAY;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,SAAS,eAAe;AAAA,MACjC,OAAO,SAAU,MAAM,KAAM,OAAO;AAAA,MACpC,QAAQ;AAAA,MACR,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MAEJ;AAAA,4BAAC,YAAS;AAAA,QACT,UACC,qBAAC,OAAE,eAAY,QACb;AAAA,8BAAC,UAAK,GAAE,MAAK,GAAE,MAAK,YAAW,sEAAqE,UAAS,MAAK,YAAW,OAAM,eAAc,QAAO,MAAK,yCAAwC,kBAAI;AAAA,UACzM,oBAAC,YAAO,IAAG,SAAQ,IAAG,MAAK,GAAE,OAAM,MAAK,sCAAqC,aAAa,KAAK;AAAA,UAC/F,oBAAC,UAAK,GAAE,OAAM,GAAE,MAAK,YAAW,sEAAqE,UAAS,MAAK,YAAW,OAAM,eAAc,QAAO,MAAK,sCAAqC,gBAAE;AAAA,WACvM;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/mari.css

@@ -113,9 +113,15 @@
   }
 }
 
-/* Font dosyaları opt-in; aile ve tema seçimi bütün bileşenlere miras kalır. */
+/* Font dosyaları opt-in; aile ve tema seçimi bütün bileşenlere miras kalır.
+   Sayfa zemini ve metni temadan: yoksa koyu temada tarayıcının kendi koyu
+   zemini görünür, metin rengi token'dan gelmez (kontrast tutarsız). */
 @layer base {
-  body { font-family: var(--mari-font-sans); }
+  body {
+    font-family: var(--mari-font-sans);
+    background-color: var(--mari-color-surface);
+    color: var(--mari-color-foreground);
+  }
   h1, h2, h3, h4, h5, h6 { font-family: var(--mari-font-heading); }
   input::placeholder, textarea::placeholder { color: var(--mari-color-muted); opacity: 1; }
   code, pre, kbd, samp { font-family: var(--mari-font-mono); }

package/dist/masonry.js

@@ -2,15 +2,15 @@
 
 import {
   InfiniteScrollFooter
-} from "./chunk-BDV4GOEN.js";
+} from "./chunk-5GILG5AK.js";
 import {
   SkeletonBlock
-} from "./chunk-NPM7IDYV.js";
-import "./chunk-XUKVQO6M.js";
+} from "./chunk-TSFAAREV.js";
+import "./chunk-6CSUVVFG.js";
 import {
   SkeletonSlot
-} from "./chunk-DKENCYHA.js";
-import "./chunk-54HHEXXD.js";
+} from "./chunk-MXGY2ENX.js";
+import "./chunk-VKN374SD.js";
 
 // src/masonry/Masonry.tsx
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/masonry.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/masonry/Masonry.tsx","../src/masonry/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport { InfiniteScrollFooter } from \"../lib/infiniteScroll\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { MasonryItem, MasonryProps } from \"./types\";\nimport { computeLayout, resolveColumns, resolveGap, type MasonryPosition } from \"./utils\";\n\nexport type { MasonryProps, MasonryItem };\n\nconst DEFAULT_COLUMNS = { base: 1, sm: 2, lg: 3 };\nconst PLACEHOLDER_HEIGHTS = [\"10rem\", \"14rem\", \"8rem\", \"12rem\", \"9rem\", \"13rem\"];\n\n// SSR'da useLayoutEffect uyarısı vermesin.\nconst useIsomorphicLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nfunction useViewportWidth(): number {\n  const [width, setWidth] = useState(() => (typeof window === \"undefined\" ? 0 : window.innerWidth));\n  useEffect(() => {\n    const update = () => setWidth(window.innerWidth);\n    update();\n    window.addEventListener(\"resize\", update);\n    return () => window.removeEventListener(\"resize\", update);\n  }, []);\n  return width;\n}\n\n/**\n * Konteyner genişliğini ve her öğenin yüksekliğini izler. Görseller yüklenince\n * ya da metin sarınca öğe büyür → yerleşim yeniden hesaplanır.\n */\nfunction useMeasuredLayout(listRef: React.RefObject<HTMLUListElement | null>, count: number, columns: number, gap: number) {\n  const [layout, setLayout] = useState<{ positions: MasonryPosition[]; height: number } | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const list = listRef.current;\n    if (!list || typeof ResizeObserver === \"undefined\") return;\n    const measure = () => {\n      const items = Array.from(list.children) as HTMLElement[];\n      const width = list.clientWidth;\n      if (width === 0) return;\n      setLayout(computeLayout(items.map((el) => el.offsetHeight), columns, gap, width));\n    };\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(list);\n    for (const child of Array.from(list.children)) observer.observe(child);\n    return () => observer.disconnect();\n  }, [listRef, count, columns, gap]);\n\n  return layout;\n}\n\n/**\n * Faz 16.3 — yapı ant.design Masonry'den (farklı yükseklikteki öğeler, her\n * biri en kısa sütuna; duyarlı sütun sayısı; `gutter`; `onLayoutChange`),\n * görünüm kendi token'larımızdan (öğelerin kendisi — Card, görsel — tüketicinin).\n *\n * DOM sırası = öğe sırası: yalnız görsel konum hesaplanır (mutlak konum), Tab ve\n * ekran okuyucu sırası verideki gibi kalır. Ölçüm gelmeden (SSR, ilk kare, JS\n * kapalı) CSS `columns` ile makul bir yerleşim çizilir; ölçülünce kesin konum.\n * Semantik: `<ul>` + `<li>`.\n */\nexport function Masonry({\n  items,\n  columns = DEFAULT_COLUMNS,\n  gutter = \"md\",\n  onLayoutChange,\n  infinite,\n  className,\n  skeleton = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: Readonly<MasonryProps>) {\n  const viewport = useViewportWidth();\n  const columnCount = resolveColumns(columns, viewport);\n  const gap = resolveGap(gutter);\n  const listRef = useRef<HTMLUListElement>(null);\n\n  const placeholders = skeleton && items.length === 0;\n  const shown: MasonryItem[] = placeholders\n    ? PLACEHOLDER_HEIGHTS.map((h, i) => ({ key: `__placeholder-${i}`, children: <SkeletonBlock active height={h} radius=\"lg\" /> }))\n    : items;\n\n  const layout = useMeasuredLayout(listRef, shown.length, columnCount, gap);\n  const measured = layout !== null && layout.positions.length === shown.length;\n\n  const onLayoutChangeRef = useRef(onLayoutChange);\n  onLayoutChangeRef.current = onLayoutChange;\n  useEffect(() => {\n    if (layout) onLayoutChangeRef.current?.({ columns: columnCount, height: layout.height });\n  }, [layout, columnCount]);\n\n  return (\n    <>\n      <ul\n        ref={listRef}\n        aria-label={skeleton ? undefined : ariaLabel}\n        aria-labelledby={skeleton ? undefined : ariaLabelledBy}\n        aria-hidden={skeleton || undefined}\n        aria-busy={skeleton || undefined}\n        className={cn(\"relative\", className)}\n        style={measured ? { height: layout.height } : { columnCount, columnGap: gap }}\n      >\n        {shown.map((item, i) => {\n          const pos = measured ? layout.positions[i] : undefined;\n          return (\n            <li\n              key={item.key}\n              className={cn(\n                pos ? \"absolute transition-[top,left] duration-200 ease-out motion-reduce:transition-none\" : \"break-inside-avoid\"\n              )}\n              style={pos ? { top: pos.top, left: pos.left, width: pos.width } : { marginBottom: gap }}\n            >\n              {placeholders ? (\n                item.children\n              ) : (\n                // Kartın TAMAMI tek blok (kullanıcı kararı): içerik görünmez kalıp yüksekliği korur, blok üstüne biner.\n                <SkeletonSlot on={skeleton} placeholder={<SkeletonBlock active height=\"100%\" radius=\"lg\" />}>\n                  {item.children}\n                </SkeletonSlot>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      {infinite && !skeleton && items.length > 0 && <InfiniteScrollFooter options={infinite} className=\"mt-2\" />}\n    </>\n  );\n}\n","import type { Size } from \"@mari-ui/core\";\nimport type { MasonryBreakpoint, MasonryColumns } from \"./types\";\n\nexport interface MasonryPosition {\n  left: number;\n  top: number;\n  width: number;\n  column: number;\n}\n\n/**\n * Her öğeyi o an EN KISA sütuna koyar (eşitlikte soldaki). DOM sırası = öğe\n * sırası kalır — yalnız görsel konum hesaplanır, klavye/okuma sırası bozulmaz.\n */\nexport function computeLayout(heights: number[], columns: number, gap: number, containerWidth: number): { positions: MasonryPosition[]; height: number } {\n  const cols = Math.max(1, Math.floor(columns));\n  const width = Math.max(0, (containerWidth - gap * (cols - 1)) / cols);\n  const columnHeights = Array.from({ length: cols }, () => 0);\n  const positions = heights.map((h) => {\n    let column = 0;\n    for (let c = 1; c < cols; c++) if (columnHeights[c]! < columnHeights[column]!) column = c;\n    const top = columnHeights[column]!;\n    columnHeights[column] = top + h + gap;\n    return { left: column * (width + gap), top, width, column };\n  });\n  const height = Math.max(0, ...columnHeights.map((h) => (h > 0 ? h - gap : 0)));\n  return { positions, height };\n}\n\n/** Tailwind kırılımları (px), mobil önce. */\nexport const BREAKPOINTS: Record<Exclude<MasonryBreakpoint, \"base\">, number> = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\n/** Pencere genişliğine göre geçerli sütun sayısı. */\nexport function resolveColumns(columns: MasonryColumns, viewportWidth: number): number {\n  if (typeof columns === \"number\") return columns;\n  let value = columns.base ?? 1;\n  for (const bp of [\"sm\", \"md\", \"lg\", \"xl\"] as const) {\n    const count = columns[bp];\n    if (count !== undefined && viewportWidth >= BREAKPOINTS[bp]) value = count;\n  }\n  return value;\n}\n\nexport const GAP_PX: Record<Size, number> = { sm: 8, md: 16, lg: 24 };\n\nexport function resolveGap(gutter: Size | number): number {\n  return typeof gutter === \"number\" ? gutter : GAP_PX[gutter];\n}\n"],"mappings":";;;;;;;;;;;;;AAEA,SAAgB,WAAW,iBAAiB,QAAQ,gBAAgB;AACpE,SAAS,UAAU;;;ACWZ,SAAS,cAAc,SAAmB,SAAiB,KAAa,gBAA0E;AACvJ,QAAM,OAAO,KAAK,IAAI,GAAG,KAAK,MAAM,OAAO,CAAC;AAC5C,QAAM,QAAQ,KAAK,IAAI,IAAI,iBAAiB,OAAO,OAAO,MAAM,IAAI;AACpE,QAAM,gBAAgB,MAAM,KAAK,EAAE,QAAQ,KAAK,GAAG,MAAM,CAAC;AAC1D,QAAM,YAAY,QAAQ,IAAI,CAAC,MAAM;AACnC,QAAI,SAAS;AACb,aAAS,IAAI,GAAG,IAAI,MAAM,IAAK,KAAI,cAAc,CAAC,IAAK,cAAc,MAAM,EAAI,UAAS;AACxF,UAAM,MAAM,cAAc,MAAM;AAChC,kBAAc,MAAM,IAAI,MAAM,IAAI;AAClC,WAAO,EAAE,MAAM,UAAU,QAAQ,MAAM,KAAK,OAAO,OAAO;AAAA,EAC5D,CAAC;AACD,QAAM,SAAS,KAAK,IAAI,GAAG,GAAG,cAAc,IAAI,CAAC,MAAO,IAAI,IAAI,IAAI,MAAM,CAAE,CAAC;AAC7E,SAAO,EAAE,WAAW,OAAO;AAC7B;AAGO,IAAM,cAAkE,EAAE,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK;AAG/G,SAAS,eAAe,SAAyB,eAA+B;AACrF,MAAI,OAAO,YAAY,SAAU,QAAO;AACxC,MAAI,QAAQ,QAAQ,QAAQ;AAC5B,aAAW,MAAM,CAAC,MAAM,MAAM,MAAM,IAAI,GAAY;AAClD,UAAM,QAAQ,QAAQ,EAAE;AACxB,QAAI,UAAU,UAAa,iBAAiB,YAAY,EAAE,EAAG,SAAQ;AAAA,EACvE;AACA,SAAO;AACT;AAEO,IAAM,SAA+B,EAAE,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG;AAE7D,SAAS,WAAW,QAA+B;AACxD,SAAO,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAC5D;;;ADoCgF,SAa5E,UAb4E,KAa5E,YAb4E;AAvEhF,IAAM,kBAAkB,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,EAAE;AAChD,IAAM,sBAAsB,CAAC,SAAS,SAAS,QAAQ,SAAS,QAAQ,OAAO;AAG/E,IAAM,4BAA4B,OAAO,WAAW,cAAc,YAAY;AAE9E,SAAS,mBAA2B;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,MAAO,OAAO,WAAW,cAAc,IAAI,OAAO,UAAW;AAChG,YAAU,MAAM;AACd,UAAM,SAAS,MAAM,SAAS,OAAO,UAAU;AAC/C,WAAO;AACP,WAAO,iBAAiB,UAAU,MAAM;AACxC,WAAO,MAAM,OAAO,oBAAoB,UAAU,MAAM;AAAA,EAC1D,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAMA,SAAS,kBAAkB,SAAmD,OAAe,SAAiB,KAAa;AACzH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkE,IAAI;AAElG,4BAA0B,MAAM;AAC9B,UAAM,OAAO,QAAQ;AACrB,QAAI,CAAC,QAAQ,OAAO,mBAAmB,YAAa;AACpD,UAAM,UAAU,MAAM;AACpB,YAAM,QAAQ,MAAM,KAAK,KAAK,QAAQ;AACtC,YAAM,QAAQ,KAAK;AACnB,UAAI,UAAU,EAAG;AACjB,gBAAU,cAAc,MAAM,IAAI,CAAC,OAAO,GAAG,YAAY,GAAG,SAAS,KAAK,KAAK,CAAC;AAAA,IAClF;AACA,YAAQ;AACR,UAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,aAAS,QAAQ,IAAI;AACrB,eAAW,SAAS,MAAM,KAAK,KAAK,QAAQ,EAAG,UAAS,QAAQ,KAAK;AACrE,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,SAAS,OAAO,SAAS,GAAG,CAAC;AAEjC,SAAO;AACT;AAYO,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB;AACrB,GAA2B;AACzB,QAAM,WAAW,iBAAiB;AAClC,QAAM,cAAc,eAAe,SAAS,QAAQ;AACpD,QAAM,MAAM,WAAW,MAAM;AAC7B,QAAM,UAAU,OAAyB,IAAI;AAE7C,QAAM,eAAe,YAAY,MAAM,WAAW;AAClD,QAAM,QAAuB,eACzB,oBAAoB,IAAI,CAAC,GAAG,OAAO,EAAE,KAAK,iBAAiB,CAAC,IAAI,UAAU,oBAAC,iBAAc,QAAM,MAAC,QAAQ,GAAG,QAAO,MAAK,EAAG,EAAE,IAC5H;AAEJ,QAAM,SAAS,kBAAkB,SAAS,MAAM,QAAQ,aAAa,GAAG;AACxE,QAAM,WAAW,WAAW,QAAQ,OAAO,UAAU,WAAW,MAAM;AAEtE,QAAM,oBAAoB,OAAO,cAAc;AAC/C,oBAAkB,UAAU;AAC5B,YAAU,MAAM;AACd,QAAI,OAAQ,mBAAkB,UAAU,EAAE,SAAS,aAAa,QAAQ,OAAO,OAAO,CAAC;AAAA,EACzF,GAAG,CAAC,QAAQ,WAAW,CAAC;AAExB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,cAAY,WAAW,SAAY;AAAA,QACnC,mBAAiB,WAAW,SAAY;AAAA,QACxC,eAAa,YAAY;AAAA,QACzB,aAAW,YAAY;AAAA,QACvB,WAAW,GAAG,YAAY,SAAS;AAAA,QACnC,OAAO,WAAW,EAAE,QAAQ,OAAO,OAAO,IAAI,EAAE,aAAa,WAAW,IAAI;AAAA,QAE3E,gBAAM,IAAI,CAAC,MAAM,MAAM;AACtB,gBAAM,MAAM,WAAW,OAAO,UAAU,CAAC,IAAI;AAC7C,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,gBACT,MAAM,uFAAuF;AAAA,cAC/F;AAAA,cACA,OAAO,MAAM,EAAE,KAAK,IAAI,KAAK,MAAM,IAAI,MAAM,OAAO,IAAI,MAAM,IAAI,EAAE,cAAc,IAAI;AAAA,cAErF,yBACC,KAAK;AAAA;AAAA,gBAGL,oBAAC,gBAAa,IAAI,UAAU,aAAa,oBAAC,iBAAc,QAAM,MAAC,QAAO,QAAO,QAAO,MAAK,GACtF,eAAK,UACR;AAAA;AAAA;AAAA,YAZG,KAAK;AAAA,UAcZ;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IACC,YAAY,CAAC,YAAY,MAAM,SAAS,KAAK,oBAAC,wBAAqB,SAAS,UAAU,WAAU,QAAO;AAAA,KAC1G;AAEJ;","names":[]}
+{"version":3,"sources":["../src/masonry/Masonry.tsx","../src/masonry/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { SkeletonSlot } from \"../lib/SkeletonSlot\";\nimport { InfiniteScrollFooter } from \"../lib/infiniteScroll\";\nimport { SkeletonBlock } from \"../skeleton\";\nimport type { MasonryItem, MasonryProps } from \"./types\";\nimport { computeLayout, resolveColumns, resolveGap, type MasonryPosition } from \"./utils\";\n\nexport type { MasonryProps, MasonryItem };\n\nconst DEFAULT_COLUMNS = { base: 1, sm: 2, lg: 3 };\nconst PLACEHOLDER_HEIGHTS = [\"10rem\", \"14rem\", \"8rem\", \"12rem\", \"9rem\", \"13rem\"];\n\n// SSR'da useLayoutEffect uyarısı vermesin.\nconst useIsomorphicLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\nfunction useViewportWidth(): number {\n  const [width, setWidth] = useState(() => (typeof window === \"undefined\" ? 0 : window.innerWidth));\n  useEffect(() => {\n    const update = () => setWidth(window.innerWidth);\n    update();\n    window.addEventListener(\"resize\", update);\n    return () => window.removeEventListener(\"resize\", update);\n  }, []);\n  return width;\n}\n\n/**\n * Konteyner genişliğini ve her öğenin yüksekliğini izler. Görseller yüklenince\n * ya da metin sarınca öğe büyür → yerleşim yeniden hesaplanır.\n */\nfunction useMeasuredLayout(listRef: React.RefObject<HTMLUListElement | null>, count: number, columns: number, gap: number) {\n  const [layout, setLayout] = useState<{ positions: MasonryPosition[]; height: number } | null>(null);\n\n  useIsomorphicLayoutEffect(() => {\n    const list = listRef.current;\n    if (!list || typeof ResizeObserver === \"undefined\") return;\n    const measure = () => {\n      const items = Array.from(list.children) as HTMLElement[];\n      const width = list.clientWidth;\n      if (width === 0) return;\n      setLayout(computeLayout(items.map((el) => el.offsetHeight), columns, gap, width));\n    };\n    measure();\n    const observer = new ResizeObserver(measure);\n    observer.observe(list);\n    for (const child of Array.from(list.children)) observer.observe(child);\n    return () => observer.disconnect();\n  }, [listRef, count, columns, gap]);\n\n  return layout;\n}\n\n/*\n * yapı ant.design Masonry'den (farklı yükseklikteki öğeler, her\n * biri en kısa sütuna; duyarlı sütun sayısı; `gutter`; `onLayoutChange`),\n * görünüm kendi token'larımızdan (öğelerin kendisi — Card, görsel — tüketicinin).\n */\n/**\n * DOM sırası = öğe sırası: yalnız görsel konum hesaplanır (mutlak konum), Tab ve\n * ekran okuyucu sırası verideki gibi kalır. Ölçüm gelmeden (SSR, ilk kare, JS\n * kapalı) CSS `columns` ile makul bir yerleşim çizilir; ölçülünce kesin konum.\n * Semantik: `<ul>` + `<li>`.\n */\nexport function Masonry({\n  items,\n  columns = DEFAULT_COLUMNS,\n  gutter = \"md\",\n  onLayoutChange,\n  infinite,\n  className,\n  skeleton = false,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n}: Readonly<MasonryProps>) {\n  const viewport = useViewportWidth();\n  const columnCount = resolveColumns(columns, viewport);\n  const gap = resolveGap(gutter);\n  const listRef = useRef<HTMLUListElement>(null);\n\n  const placeholders = skeleton && items.length === 0;\n  const shown: MasonryItem[] = placeholders\n    ? PLACEHOLDER_HEIGHTS.map((h, i) => ({ key: `__placeholder-${i}`, children: <SkeletonBlock active height={h} radius=\"lg\" /> }))\n    : items;\n\n  const layout = useMeasuredLayout(listRef, shown.length, columnCount, gap);\n  const measured = layout !== null && layout.positions.length === shown.length;\n\n  const onLayoutChangeRef = useRef(onLayoutChange);\n  onLayoutChangeRef.current = onLayoutChange;\n  useEffect(() => {\n    if (layout) onLayoutChangeRef.current?.({ columns: columnCount, height: layout.height });\n  }, [layout, columnCount]);\n\n  return (\n    <>\n      <ul\n        ref={listRef}\n        aria-label={skeleton ? undefined : ariaLabel}\n        aria-labelledby={skeleton ? undefined : ariaLabelledBy}\n        aria-hidden={skeleton || undefined}\n        aria-busy={skeleton || undefined}\n        className={cn(\"relative\", className)}\n        style={measured ? { height: layout.height } : { columnCount, columnGap: gap }}\n      >\n        {shown.map((item, i) => {\n          const pos = measured ? layout.positions[i] : undefined;\n          return (\n            <li\n              key={item.key}\n              className={cn(\n                pos ? \"absolute transition-[top,left] duration-200 ease-out motion-reduce:transition-none\" : \"break-inside-avoid\"\n              )}\n              style={pos ? { top: pos.top, left: pos.left, width: pos.width } : { marginBottom: gap }}\n            >\n              {placeholders ? (\n                item.children\n              ) : (\n                // Kartın TAMAMI tek blok (kullanıcı kararı): içerik görünmez kalıp yüksekliği korur, blok üstüne biner.\n                <SkeletonSlot on={skeleton} placeholder={<SkeletonBlock active height=\"100%\" radius=\"lg\" />}>\n                  {item.children}\n                </SkeletonSlot>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n      {infinite && !skeleton && items.length > 0 && <InfiniteScrollFooter options={infinite} className=\"mt-2\" />}\n    </>\n  );\n}\n","import type { Size } from \"@mari-ui/core\";\nimport type { MasonryBreakpoint, MasonryColumns } from \"./types\";\n\nexport interface MasonryPosition {\n  left: number;\n  top: number;\n  width: number;\n  column: number;\n}\n\n/**\n * Her öğeyi o an EN KISA sütuna koyar (eşitlikte soldaki). DOM sırası = öğe\n * sırası kalır — yalnız görsel konum hesaplanır, klavye/okuma sırası bozulmaz.\n */\nexport function computeLayout(heights: number[], columns: number, gap: number, containerWidth: number): { positions: MasonryPosition[]; height: number } {\n  const cols = Math.max(1, Math.floor(columns));\n  const width = Math.max(0, (containerWidth - gap * (cols - 1)) / cols);\n  const columnHeights = Array.from({ length: cols }, () => 0);\n  const positions = heights.map((h) => {\n    let column = 0;\n    for (let c = 1; c < cols; c++) if (columnHeights[c]! < columnHeights[column]!) column = c;\n    const top = columnHeights[column]!;\n    columnHeights[column] = top + h + gap;\n    return { left: column * (width + gap), top, width, column };\n  });\n  const height = Math.max(0, ...columnHeights.map((h) => (h > 0 ? h - gap : 0)));\n  return { positions, height };\n}\n\n/** Tailwind kırılımları (px), mobil önce. */\nexport const BREAKPOINTS: Record<Exclude<MasonryBreakpoint, \"base\">, number> = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\n/** Pencere genişliğine göre geçerli sütun sayısı. */\nexport function resolveColumns(columns: MasonryColumns, viewportWidth: number): number {\n  if (typeof columns === \"number\") return columns;\n  let value = columns.base ?? 1;\n  for (const bp of [\"sm\", \"md\", \"lg\", \"xl\"] as const) {\n    const count = columns[bp];\n    if (count !== undefined && viewportWidth >= BREAKPOINTS[bp]) value = count;\n  }\n  return value;\n}\n\nexport const GAP_PX: Record<Size, number> = { sm: 8, md: 16, lg: 24 };\n\nexport function resolveGap(gutter: Size | number): number {\n  return typeof gutter === \"number\" ? gutter : GAP_PX[gutter];\n}\n"],"mappings":"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","names":[]}

package/dist/menu.js

@@ -3,7 +3,7 @@
 import {
   useModalBehavior,
   usePresence
-} from "./chunk-JNZODUXP.js";
+} from "./chunk-OYDG6C54.js";
 import {
   Dropdown,
   DropdownContent,
@@ -15,28 +15,28 @@ import {
   getRovingTarget,
   isPlainLeftClick,
   useDropdown
-} from "./chunk-FNJHS5KQ.js";
+} from "./chunk-E5JTEQ4V.js";
 import {
   SkeletonSlot
-} from "./chunk-DKENCYHA.js";
-import "./chunk-S66GKX2W.js";
-import "./chunk-3ABWBQCS.js";
-import "./chunk-NS7FKOFI.js";
-import "./chunk-TCYDVNSU.js";
+} from "./chunk-MXGY2ENX.js";
+import "./chunk-OAWUZIIN.js";
+import "./chunk-GTNCXOUL.js";
+import "./chunk-NYXU5EFE.js";
+import "./chunk-MT4VH7QV.js";
 import {
   touchTargetClass,
   touchTargetSquareClass
-} from "./chunk-FFXRFQSU.js";
+} from "./chunk-POBOJBNJ.js";
 import {
   bgSolidClass,
   bgSubtleClass,
   textClass,
   textHoverClass,
   textSolidContrastClass
-} from "./chunk-IP2J3BWY.js";
+} from "./chunk-6AMBZXZJ.js";
 import {
   skeletonFill
-} from "./chunk-54HHEXXD.js";
+} from "./chunk-VKN374SD.js";
 
 // src/menu/basic-menu/BasicMenu.tsx
 import { useEffect as useEffect3, useState as useState3 } from "react";