@mari-ui/components 0.0.0-stage → 0.1.0

package/dist/list.js

@@ -0,0 +1,270 @@
+"use client";
+
+import {
+  Loading
+} from "./chunk-47FHUOLT.js";
+import {
+  Pagination
+} from "./chunk-TXRQCHOR.js";
+import {
+  InfiniteScrollFooter
+} from "./chunk-BDV4GOEN.js";
+import {
+  Empty
+} from "./chunk-LBXIPDAB.js";
+import {
+  ContentSkeleton
+} from "./chunk-V7KDUUV6.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";
+
+// src/list/List.tsx
+import React, { createContext, useContext } from "react";
+import { cn, useControllableState } from "@mari-ui/core";
+
+// src/list/utils.ts
+function resolveRowKey(item, index, rowKey) {
+  if (typeof rowKey === "function") return rowKey(item, index);
+  if (rowKey !== void 0) return String(item[rowKey]);
+  if (item && typeof item === "object") {
+    const record = item;
+    for (const field of ["key", "id"]) {
+      const value = record[field];
+      if (typeof value === "string" || typeof value === "number") return value;
+    }
+  }
+  return index;
+}
+function getPageSlice(data, page, pageSize) {
+  const totalPages = Math.max(1, Math.ceil(data.length / pageSize));
+  const safePage = Math.min(Math.max(1, page), totalPages);
+  const offset = (safePage - 1) * pageSize;
+  return { items: data.slice(offset, offset + pageSize), page: safePage, offset };
+}
+var COLUMNS = {
+  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" },
+  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" },
+  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" },
+  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" },
+  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" }
+};
+var GAP = { sm: "gap-2", md: "gap-4", lg: "gap-6" };
+var BREAKPOINTS = ["base", "sm", "md", "lg", "xl"];
+function gridClassName(grid) {
+  const columns = typeof grid.columns === "number" ? { base: grid.columns } : grid.columns;
+  const classes = BREAKPOINTS.flatMap((bp) => {
+    const count = columns[bp];
+    return count ? [COLUMNS[bp][count]] : [];
+  });
+  if (columns.base === void 0) classes.unshift(COLUMNS.base[1]);
+  return ["grid", GAP[grid.gap ?? "md"], ...classes].join(" ");
+}
+
+// src/list/List.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ListContext = createContext({ size: "md", bordered: false, itemLayout: "horizontal", grid: false, skeleton: false });
+var PAD_Y = { sm: "py-2", md: "py-3", lg: "py-4" };
+var PAD_X = { sm: "px-4", md: "px-6", lg: "px-6" };
+function rowPadding({ size, bordered }) {
+  return cn(PAD_Y[size], bordered && PAD_X[size]);
+}
+var DEFAULT_PAGE_SIZE = 10;
+function PlaceholderRow({ layout }) {
+  if (layout === "vertical") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "2rem", height: "2rem", radius: "full" }),
+        /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "35%", height: "1rem", radius: "sm" })
+      ] }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "100%", height: "0.75rem", radius: "sm" }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "80%", height: "0.75rem", radius: "sm" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+    /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "2rem", height: "2rem", radius: "full" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "40%", height: "0.875rem", radius: "sm" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-5 items-center", children: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "70%", height: "0.75rem", radius: "sm" }) })
+    ] })
+  ] });
+}
+var CELL_PLACEHOLDER = /* @__PURE__ */ jsx(SkeletonBlock, { active: true, height: "7rem", radius: "lg" });
+function Placeholders({ count, ctx, gridClass }) {
+  const rows = Array.from({ length: count }, (_, i) => i);
+  return /* @__PURE__ */ jsx("div", { "aria-hidden": true, "data-skeleton": "", className: gridClass ?? "divide-y divide-mari-border", children: rows.map((i) => /* @__PURE__ */ jsx("div", { className: gridClass ? void 0 : rowPadding(ctx), children: gridClass ? CELL_PLACEHOLDER : /* @__PURE__ */ jsx(PlaceholderRow, { layout: ctx.itemLayout }) }, i)) });
+}
+function Region({ skeleton, className, children }) {
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ContentSkeleton, { on: skeleton, fallback: /* @__PURE__ */ jsx(SkeletonBlock, { active: true, width: "30%", height: "0.875rem", radius: "sm" }), children }) });
+}
+function usePagedData(data, config) {
+  const [page, setPage] = useControllableState({ value: config?.currentPage, defaultValue: config?.defaultPage ?? 1 });
+  const [pageSize, setPageSize] = useControllableState({ value: config?.pageSize, defaultValue: config?.defaultPageSize ?? DEFAULT_PAGE_SIZE });
+  if (!config) return { items: data, offset: 0, page, pageSize: 3, setPage, setPageSize, total: data.length };
+  if (config.totalItems !== void 0) return { items: data, offset: (page - 1) * pageSize, page, pageSize, setPage, setPageSize, total: config.totalItems };
+  const slice = getPageSlice(data, page, pageSize);
+  return { items: slice.items, offset: slice.offset, page: slice.page, pageSize, setPage, setPageSize, total: data.length };
+}
+function ListPager({
+  config,
+  paged,
+  placement,
+  skeleton,
+  className
+}) {
+  const position = config.position ?? "bottom";
+  if (paged.total === 0 || position !== placement && position !== "both") return null;
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+    Pagination,
+    {
+      align: "end",
+      ...config,
+      skeleton,
+      totalItems: paged.total,
+      currentPage: paged.page,
+      pageSize: paged.pageSize,
+      showSizeChanger: config.showSizeChanger ?? Boolean(config.onPageSizeChange),
+      onPageChange: (p, s) => {
+        paged.setPage(p);
+        config.onPageChange?.(p, s);
+      },
+      onPageSizeChange: (s, p) => {
+        paged.setPageSize(s);
+        config.onPageSizeChange?.(s, p);
+      }
+    }
+  ) });
+}
+function List({
+  dataSource,
+  renderItem,
+  rowKey,
+  children,
+  header,
+  footer,
+  bordered = false,
+  split = true,
+  size = "md",
+  itemLayout = "horizontal",
+  grid,
+  pagination,
+  loadMore,
+  infinite,
+  loading = false,
+  empty,
+  className,
+  skeleton = false,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy
+}) {
+  const data = dataSource ?? [];
+  const config = pagination || void 0;
+  const paged = usePagedData(data, config);
+  const ctx = { size, bordered, itemLayout, grid: Boolean(grid), skeleton };
+  const gridClass = grid ? gridClassName(grid) : void 0;
+  const showSplit = split && !grid;
+  const rendered = renderItem && dataSource ? paged.items.map((item, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderItem(item, paged.offset + i) }, resolveRowKey(item, paged.offset + i, rowKey))) : children;
+  const hasItems = React.Children.count(rendered) > 0;
+  let body;
+  if (hasItems) {
+    body = /* @__PURE__ */ jsx(
+      "ul",
+      {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        className: cn(gridClass, showSplit && "divide-y divide-mari-border", grid && bordered && rowPadding(ctx)),
+        children: rendered
+      }
+    );
+  } else if (skeleton) {
+    body = /* @__PURE__ */ jsx(Placeholders, { count: Math.min(paged.pageSize, 10), ctx, gridClass: gridClass && cn(gridClass, bordered && rowPadding(ctx)) });
+  } else {
+    body = /* @__PURE__ */ jsx("div", { className: rowPadding(ctx), children: empty ?? /* @__PURE__ */ jsx(Empty, { size: "sm", title: "Kay\u0131t yok" }) });
+  }
+  const pager = (placement) => config && /* @__PURE__ */ jsx(
+    ListPager,
+    {
+      config,
+      paged,
+      placement,
+      skeleton,
+      className: cn(rowPadding(ctx), showSplit && (placement === "top" ? "border-b border-mari-border" : "border-t border-mari-border"))
+    }
+  );
+  return /* @__PURE__ */ jsx(ListContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "aria-busy": skeleton || loading || void 0,
+      className: cn("text-sm text-mari-foreground", bordered && "overflow-hidden rounded-lg border border-mari-border bg-mari-surface", className),
+      children: [
+        header && /* @__PURE__ */ jsx(Region, { skeleton, className: cn(rowPadding(ctx), "font-medium", split && "border-b border-mari-border"), children: header }),
+        pager("top"),
+        /* @__PURE__ */ jsx(Loading, { spinning: loading, children: body }),
+        infinite && !skeleton && hasItems && /* @__PURE__ */ jsx(InfiniteScrollFooter, { options: infinite, className: cn(showSplit && "border-t border-mari-border") }),
+        loadMore && /* @__PURE__ */ jsx(Region, { skeleton, className: cn("flex justify-center", PAD_Y[size], showSplit && "border-t border-mari-border"), children: loadMore }),
+        pager("bottom"),
+        footer && /* @__PURE__ */ jsx(Region, { skeleton, className: cn(rowPadding(ctx), "text-mari-muted", split && "border-t border-mari-border"), children: footer })
+      ]
+    }
+  ) });
+}
+function ItemActions({ actions, className }) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("flex shrink-0 flex-wrap items-center text-mari-muted", className), children: actions.map((action, i) => /* @__PURE__ */ jsx(
+    "li",
+    {
+      className: cn(
+        "relative flex items-center px-2 first:pl-0 last:pr-0",
+        "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"
+      ),
+      children: action
+    },
+    i
+  )) });
+}
+function ItemLayout({ ctx, children, actions, extra }) {
+  const actionList = actions && actions.length > 0 ? actions : void 0;
+  if (ctx.itemLayout === "vertical") {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:gap-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-4", children: [
+        children,
+        actionList && /* @__PURE__ */ jsx(ItemActions, { actions: actionList })
+      ] }),
+      extra && /* @__PURE__ */ jsx("div", { className: "order-first shrink-0 sm:order-last", children: extra })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-6 gap-y-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-1 basis-56 items-center gap-4", children }),
+    actionList && /* @__PURE__ */ jsx(ItemActions, { actions: actionList, className: "ml-auto" }),
+    extra && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: extra })
+  ] });
+}
+function ListItem({ children, actions, extra, className, ...rest }) {
+  const ctx = useContext(ListContext);
+  if (ctx.grid) {
+    return /* @__PURE__ */ jsx("li", { className: cn("min-w-0", className), ...rest, children: /* @__PURE__ */ jsx(ContentSkeleton, { on: ctx.skeleton, fallback: CELL_PLACEHOLDER, children }) });
+  }
+  return /* @__PURE__ */ jsx("li", { className: cn(rowPadding(ctx), className), ...rest, children: /* @__PURE__ */ jsx(ContentSkeleton, { on: ctx.skeleton, fallback: /* @__PURE__ */ jsx(PlaceholderRow, { layout: ctx.itemLayout }), children: /* @__PURE__ */ jsx(ItemLayout, { ctx, actions, extra, children }) }) });
+}
+function ListItemMeta({ avatar, title, description, className }) {
+  const { itemLayout } = useContext(ListContext);
+  const vertical = itemLayout === "vertical";
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-w-0 flex-1 items-start gap-4", className), children: [
+    avatar && /* @__PURE__ */ jsx("div", { className: "flex shrink-0", children: avatar }),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 break-words", children: [
+      title && /* @__PURE__ */ jsx("div", { className: cn("font-medium text-mari-foreground", vertical ? "text-base" : "leading-5", description && (vertical ? "mb-1" : "mb-0.5")), children: title }),
+      description && /* @__PURE__ */ jsx("div", { className: "leading-5 text-mari-muted", children: description })
+    ] })
+  ] });
+}
+export {
+  List,
+  ListItem,
+  ListItemMeta
+};
+//# sourceMappingURL=list.js.map

package/dist/list.js.map

@@ -0,0 +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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,SAAS,eAAe,kBAAkB;AACjD,SAAS,IAAI,4BAAuC;;;ACE7C,SAAS,cAAiB,MAAS,OAAe,QAA2C;AAClG,MAAI,OAAO,WAAW,WAAY,QAAO,OAAO,MAAM,KAAK;AAC3D,MAAI,WAAW,OAAW,QAAO,OAAO,KAAK,MAAM,CAAC;AACpD,MAAI,QAAQ,OAAO,SAAS,UAAU;AACpC,UAAM,SAAS;AACf,eAAW,SAAS,CAAC,OAAO,IAAI,GAAG;AACjC,YAAM,QAAQ,OAAO,KAAK;AAC1B,UAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAAU,QAAO;AAAA,IACrE;AAAA,EACF;AACA,SAAO;AACT;AAGO,SAAS,aAAgB,MAAW,MAAc,UAAgE;AACvH,QAAM,aAAa,KAAK,IAAI,GAAG,KAAK,KAAK,KAAK,SAAS,QAAQ,CAAC;AAChE,QAAM,WAAW,KAAK,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,UAAU;AACvD,QAAM,UAAU,WAAW,KAAK;AAChC,SAAO,EAAE,OAAO,KAAK,MAAM,QAAQ,SAAS,QAAQ,GAAG,MAAM,UAAU,OAAO;AAChF;AAGA,IAAM,UAAmE;AAAA,EACvE,MAAM,EAAE,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,GAAG,cAAc;AAAA,EACnH,IAAI,EAAE,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB;AAAA,EACnI,IAAI,EAAE,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB;AAAA,EACnI,IAAI,EAAE,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB;AAAA,EACnI,IAAI,EAAE,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,iBAAiB;AACrI;AAEA,IAAM,MAA4B,EAAE,IAAI,SAAS,IAAI,SAAS,IAAI,QAAQ;AAE1E,IAAM,cAAgC,CAAC,QAAQ,MAAM,MAAM,MAAM,IAAI;AAM9D,SAAS,cAAc,MAAwB;AACpD,QAAM,UAAU,OAAO,KAAK,YAAY,WAAW,EAAE,MAAM,KAAK,QAAQ,IAAI,KAAK;AACjF,QAAM,UAAU,YAAY,QAAQ,CAAC,OAAO;AAC1C,UAAM,QAAQ,QAAQ,EAAE;AACxB,WAAO,QAAQ,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC;AAAA,EACzC,CAAC;AACD,MAAI,QAAQ,SAAS,OAAW,SAAQ,QAAQ,QAAQ,KAAK,CAAC,CAAC;AAC/D,SAAO,CAAC,QAAQ,IAAI,KAAK,OAAO,IAAI,GAAG,GAAG,OAAO,EAAE,KAAK,GAAG;AAC7D;;;ADZQ,SACE,KADF;AAhBR,IAAM,cAAc,cAAgC,EAAE,MAAM,MAAM,UAAU,OAAO,YAAY,cAAc,MAAM,OAAO,UAAU,MAAM,CAAC;AAG3I,IAAM,QAA8B,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAO;AACzE,IAAM,QAA8B,EAAE,IAAI,QAAQ,IAAI,QAAQ,IAAI,OAAO;AAEzE,SAAS,WAAW,EAAE,MAAM,SAAS,GAAwD;AAC3F,SAAO,GAAG,MAAM,IAAI,GAAG,YAAY,MAAM,IAAI,CAAC;AAChD;AAEA,IAAM,oBAAoB;AAE1B,SAAS,eAAe,EAAE,OAAO,GAAyC;AACxE,MAAI,WAAW,YAAY;AACzB,WACE,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,2BACb;AAAA,4BAAC,iBAAc,QAAM,MAAC,OAAM,QAAO,QAAO,QAAO,QAAO,QAAO;AAAA,QAC/D,oBAAC,iBAAc,QAAM,MAAC,OAAM,OAAM,QAAO,QAAO,QAAO,MAAK;AAAA,SAC9D;AAAA,MACA,oBAAC,iBAAc,QAAM,MAAC,OAAM,QAAO,QAAO,WAAU,QAAO,MAAK;AAAA,MAChE,oBAAC,iBAAc,QAAM,MAAC,OAAM,OAAM,QAAO,WAAU,QAAO,MAAK;AAAA,OACjE;AAAA,EAEJ;AAGA,SACE,qBAAC,SAAI,WAAU,0BACb;AAAA,wBAAC,iBAAc,QAAM,MAAC,OAAM,QAAO,QAAO,QAAO,QAAO,QAAO;AAAA,IAC/D,qBAAC,SAAI,WAAU,wCACb;AAAA,0BAAC,SAAI,WAAU,yBACb,8BAAC,iBAAc,QAAM,MAAC,OAAM,OAAM,QAAO,YAAW,QAAO,MAAK,GAClE;AAAA,MACA,oBAAC,SAAI,WAAU,yBACb,8BAAC,iBAAc,QAAM,MAAC,OAAM,OAAM,QAAO,WAAU,QAAO,MAAK,GACjE;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAM,mBAAmB,oBAAC,iBAAc,QAAM,MAAC,QAAO,QAAO,QAAO,MAAK;AAGzE,SAAS,aAAa,EAAE,OAAO,KAAK,UAAU,GAA2E;AACvH,QAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC;AACtD,SACE,oBAAC,SAAI,eAAW,MAAC,iBAAc,IAAG,WAAW,aAAa,+BACvD,eAAK,IAAI,CAAC,MACT,oBAAC,SAAY,WAAW,YAAY,SAAY,WAAW,GAAG,GAC3D,sBAAY,mBAAmB,oBAAC,kBAAe,QAAQ,IAAI,YAAY,KADhE,CAEV,CACD,GACH;AAEJ;AAGA,SAAS,OAAO,EAAE,UAAU,WAAW,SAAS,GAAmF;AACjI,SACE,oBAAC,SAAI,WACH,8BAAC,mBAAgB,IAAI,UAAU,UAAU,oBAAC,iBAAc,QAAM,MAAC,OAAM,OAAM,QAAO,YAAW,QAAO,MAAK,GACtG,UACH,GACF;AAEJ;AAEA,SAAS,aAAgB,MAAW,QAAoC;AACtE,QAAM,CAAC,MAAM,OAAO,IAAI,qBAA6B,EAAE,OAAO,QAAQ,aAAa,cAAc,QAAQ,eAAe,EAAE,CAAC;AAC3H,QAAM,CAAC,UAAU,WAAW,IAAI,qBAA6B,EAAE,OAAO,QAAQ,UAAU,cAAc,QAAQ,mBAAmB,kBAAkB,CAAC;AAEpJ,MAAI,CAAC,OAAQ,QAAO,EAAE,OAAO,MAAM,QAAQ,GAAG,MAAM,UAAU,GAAG,SAAS,aAAa,OAAO,KAAK,OAAO;AAE1G,MAAI,OAAO,eAAe,OAAW,QAAO,EAAE,OAAO,MAAM,SAAS,OAAO,KAAK,UAAU,MAAM,UAAU,SAAS,aAAa,OAAO,OAAO,WAAW;AACzJ,QAAM,QAAQ,aAAa,MAAM,MAAM,QAAQ;AAC/C,SAAO,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,UAAU,SAAS,aAAa,OAAO,KAAK,OAAO;AAC1H;AAEA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMI;AACF,QAAM,WAAW,OAAO,YAAY;AACpC,MAAI,MAAM,UAAU,KAAM,aAAa,aAAa,aAAa,OAAS,QAAO;AACjF,SACE,oBAAC,SAAI,WACH;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACL,GAAG;AAAA,MACJ;AAAA,MACA,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAChB,iBAAiB,OAAO,mBAAmB,QAAQ,OAAO,gBAAgB;AAAA,MAC1E,cAAc,CAAC,GAAG,MAAM;AACtB,cAAM,QAAQ,CAAC;AACf,eAAO,eAAe,GAAG,CAAC;AAAA,MAC5B;AAAA,MACA,kBAAkB,CAAC,GAAG,MAAM;AAC1B,cAAM,YAAY,CAAC;AACnB,eAAO,mBAAmB,GAAG,CAAC;AAAA,MAChC;AAAA;AAAA,EACF,GACF;AAEJ;AAgBO,SAAS,KAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,mBAAmB;AACrB,GAA2B;AACzB,QAAM,OAAO,cAAc,CAAC;AAC5B,QAAM,SAAS,cAAc;AAC7B,QAAM,QAAQ,aAAa,MAAM,MAAM;AACvC,QAAM,MAAwB,EAAE,MAAM,UAAU,YAAY,MAAM,QAAQ,IAAI,GAAG,SAAS;AAC1F,QAAM,YAAY,OAAO,cAAc,IAAI,IAAI;AAC/C,QAAM,YAAY,SAAS,CAAC;AAE5B,QAAM,WACJ,cAAc,aACV,MAAM,MAAM,IAAI,CAAC,MAAM,MACrB,oBAAC,MAAM,UAAN,EAAoE,qBAAW,MAAM,MAAM,SAAS,CAAC,KAAjF,cAAc,MAAM,MAAM,SAAS,GAAG,MAAM,CAAuC,CACzG,IACD;AACN,QAAM,WAAW,MAAM,SAAS,MAAM,QAAQ,IAAI;AAElD,MAAI;AACJ,MAAI,UAAU;AACZ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,cAAY;AAAA,QACZ,mBAAiB;AAAA,QACjB,WAAW,GAAG,WAAW,aAAa,+BAA+B,QAAQ,YAAY,WAAW,GAAG,CAAC;AAAA,QAEvG;AAAA;AAAA,IACH;AAAA,EAEJ,WAAW,UAAU;AACnB,WAAO,oBAAC,gBAAa,OAAO,KAAK,IAAI,MAAM,UAAU,EAAE,GAAG,KAAU,WAAW,aAAa,GAAG,WAAW,YAAY,WAAW,GAAG,CAAC,GAAG;AAAA,EAC1I,OAAO;AACL,WAAO,oBAAC,SAAI,WAAW,WAAW,GAAG,GAAI,mBAAS,oBAAC,SAAM,MAAK,MAAK,OAAM,kBAAY,GAAG;AAAA,EAC1F;AAEA,QAAM,QAAQ,CAAC,cACb,UACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,WAAW,GAAG,GAAG,cAAc,cAAc,QAAQ,gCAAgC,8BAA8B;AAAA;AAAA,EACnI;AAGJ,SACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,KAC3B;AAAA,IAAC;AAAA;AAAA,MACC,aAAW,YAAY,WAAW;AAAA,MAClC,WAAW,GAAG,gCAAgC,YAAY,wEAAwE,SAAS;AAAA,MAE1I;AAAA,kBACC,oBAAC,UAAO,UAAoB,WAAW,GAAG,WAAW,GAAG,GAAG,eAAe,SAAS,6BAA6B,GAC7G,kBACH;AAAA,QAED,MAAM,KAAK;AAAA,QACZ,oBAAC,WAAQ,UAAU,SAAU,gBAAK;AAAA,QACjC,YAAY,CAAC,YAAY,YAAY,oBAAC,wBAAqB,SAAS,UAAU,WAAW,GAAG,aAAa,6BAA6B,GAAG;AAAA,QACzI,YACC,oBAAC,UAAO,UAAoB,WAAW,GAAG,uBAAuB,MAAM,IAAI,GAAG,aAAa,6BAA6B,GACrH,oBACH;AAAA,QAED,MAAM,QAAQ;AAAA,QACd,UACC,oBAAC,UAAO,UAAoB,WAAW,GAAG,WAAW,GAAG,GAAG,mBAAmB,SAAS,6BAA6B,GACjH,kBACH;AAAA;AAAA;AAAA,EAEJ,GACF;AAEJ;AAEA,SAAS,YAAY,EAAE,SAAS,UAAU,GAAiE;AACzG,SACE,oBAAC,QAAG,WAAW,GAAG,wDAAwD,SAAS,GAChF,kBAAQ,IAAI,CAAC,QAAQ,MACpB;AAAA,IAAC;AAAA;AAAA,MAGC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,IANI;AAAA,EAOP,CACD,GACH;AAEJ;AAEA,SAAS,WAAW,EAAE,KAAK,UAAU,SAAS,MAAM,GAAsF;AACxI,QAAM,aAAa,WAAW,QAAQ,SAAS,IAAI,UAAU;AAC7D,MAAI,IAAI,eAAe,YAAY;AACjC,WACE,qBAAC,SAAI,WAAU,4CACb;AAAA,2BAAC,SAAI,WAAU,sCACZ;AAAA;AAAA,QACA,cAAc,oBAAC,eAAY,SAAS,YAAY;AAAA,SACnD;AAAA,MACC,SAAS,oBAAC,SAAI,WAAU,sCAAsC,iBAAM;AAAA,OACvE;AAAA,EAEJ;AACA,SACE,qBAAC,SAAI,WAAU,+CACb;AAAA,wBAAC,SAAI,WAAU,mDAAmD,UAAS;AAAA,IAC1E,cAAc,oBAAC,eAAY,SAAS,YAAY,WAAU,WAAU;AAAA,IACpE,SAAS,oBAAC,SAAI,WAAU,YAAY,iBAAM;AAAA,KAC7C;AAEJ;AAGO,SAAS,SAAS,EAAE,UAAU,SAAS,OAAO,WAAW,GAAG,KAAK,GAA4B;AAClG,QAAM,MAAM,WAAW,WAAW;AAElC,MAAI,IAAI,MAAM;AACZ,WACE,oBAAC,QAAG,WAAW,GAAG,WAAW,SAAS,GAAI,GAAG,MAC3C,8BAAC,mBAAgB,IAAI,IAAI,UAAU,UAAU,kBAC1C,UACH,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,QAAG,WAAW,GAAG,WAAW,GAAG,GAAG,SAAS,GAAI,GAAG,MACjD,8BAAC,mBAAgB,IAAI,IAAI,UAAU,UAAU,oBAAC,kBAAe,QAAQ,IAAI,YAAY,GACnF,8BAAC,cAAW,KAAU,SAAkB,OACrC,UACH,GACF,GACF;AAEJ;AAGO,SAAS,aAAa,EAAE,QAAQ,OAAO,aAAa,UAAU,GAAgC;AACnG,QAAM,EAAE,WAAW,IAAI,WAAW,WAAW;AAC7C,QAAM,WAAW,eAAe;AAChC,SACE,qBAAC,SAAI,WAAW,GAAG,yCAAyC,SAAS,GAClE;AAAA,cAAU,oBAAC,SAAI,WAAU,iBAAiB,kBAAO;AAAA,IAElD,qBAAC,SAAI,WAAU,8BACZ;AAAA,eAAS,oBAAC,SAAI,WAAW,GAAG,oCAAoC,WAAW,cAAc,aAAa,gBAAgB,WAAW,SAAS,SAAS,GAAI,iBAAM;AAAA,MAC7J,eAAe,oBAAC,SAAI,WAAU,6BAA6B,uBAAY;AAAA,OAC1E;AAAA,KACF;AAEJ;","names":[]}

package/dist/loading.d.ts

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

package/dist/loading.js

@@ -0,0 +1,7 @@
+import {
+  Loading
+} from "./chunk-47FHUOLT.js";
+export {
+  Loading
+};
+//# sourceMappingURL=loading.js.map

package/dist/loading.js.map

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

package/dist/logo.d.ts

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

package/dist/logo.js

@@ -0,0 +1,38 @@
+// src/logo/Logo.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IrisMark() {
+  return /* @__PURE__ */ jsxs("g", { "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "48", height: "48", rx: "15", fill: "var(--mari-color-primary-solid, #6951CE)" }),
+    /* @__PURE__ */ jsx("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 }),
+    /* @__PURE__ */ jsx("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 }),
+    /* @__PURE__ */ jsx("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" })
+  ] });
+}
+function MariLogo({ variant = "full", size = 56, label = "Mari UI", ...props }) {
+  const isFull = variant === "full";
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: isFull ? "0 0 184 56" : "0 0 56 56",
+      width: isFull ? 184 / 56 * size : size,
+      height: size,
+      role: "img",
+      "aria-label": label,
+      focusable: "false",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(IrisMark, {}),
+        isFull && /* @__PURE__ */ jsxs("g", { "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx("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)", children: "mari" }),
+          /* @__PURE__ */ jsx("circle", { cx: "128.5", cy: "34", r: "2.1", fill: "var(--mari-color-primary, #6951CE)", fillOpacity: 0.6 }),
+          /* @__PURE__ */ jsx("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)", children: "ui" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  MariLogo
+};
+//# sourceMappingURL=logo.js.map

package/dist/logo.js.map

@@ -0,0 +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":[]}