@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/chunk-ZXYQ2ZPR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, type ColorRole } from \"@mari-ui/core\";\nimport { bgSolidClass, textSolidContrastClass } from \"../lib/colorClasses\";\nimport { skeletonFill } from \"../lib/skeleton\";\nimport type { BadgeProps, StatusBadgeProps } from \"./types\";\n\nexport type { BadgeProps, StatusBadgeProps };\n\n/** Kabarcık boyutu rem (px yasak kuralı): sm 16 / md 20px, metin 10 / 12px. */\nconst BUBBLE_SIZE = { sm: \"h-4 min-w-4 px-1 text-[0.625rem]\", md: \"h-5 min-w-5 px-1.5 text-xs\" } as const;\nconst DOT_SIZE = { sm: \"size-1.5\", md: \"size-2\" } as const;\n\nconst toLength = (v: number | string) => (typeof v === \"number\" ? `${v}px` : v);\n\nfunction displayCount(count: BadgeProps[\"count\"], overflowCount: number): string | null {\n  if (count == null || count === \"\") return null;\n  if (typeof count === \"number\") return count > overflowCount ? `${overflowCount}+` : String(count);\n  return count;\n}\n\n/**\n * Faz 16.2 — yapı ant.design Badge'den. Bir öğenin (bildirim zili, avatar)\n * köşesinde sayı ya da nokta; `children` yoksa satır içinde tek başına.\n *\n * Erişilebilirlik: kabarcık görseldir (`aria-hidden`) — sarılan düğmenin\n * yanında ayrı bir \"3\" okunması anlamsız olurdu. Sayı ya `label` ile gizli\n * metin olarak verilir ya da (daha iyisi) düğmenin kendi adına katılır.\n * Kabarcığın etrafında yüzey renginde halka: avatarın/ikonun üstünde ayrışsın.\n */\nexport function Badge({\n  count,\n  overflowCount = 99,\n  showZero = false,\n  dot = false,\n  color = \"error\",\n  size = \"md\",\n  label,\n  offset,\n  children,\n  className,\n  skeleton = false,\n}: Readonly<BadgeProps>) {\n  const text = displayCount(count, overflowCount);\n  const hidden = !dot && (text === null || (count === 0 && !showZero));\n  const standalone = children === undefined;\n\n  const bubble = hidden ? null : (\n    <span\n      aria-hidden\n      data-badge=\"\"\n      className={cn(\n        \"inline-flex shrink-0 items-center justify-center rounded-full font-semibold leading-none tabular-nums whitespace-nowrap\",\n        dot ? DOT_SIZE[size] : BUBBLE_SIZE[size],\n        skeleton ? cn(skeletonFill(true), \"text-transparent\") : cn(bgSolidClass[color], textSolidContrastClass[color]),\n        !standalone && \"absolute right-0 top-0 z-10 translate-x-1/2 -translate-y-1/2 ring-2 ring-mari-surface\"\n      )}\n      style={offset ? { marginRight: `calc(${toLength(offset[0])} * -1)`, marginTop: toLength(offset[1]) } : undefined}\n    >\n      {dot ? null : text}\n    </span>\n  );\n\n  const srText = label && !hidden && !skeleton ? <span className=\"sr-only\">{label}</span> : null;\n\n  if (standalone) {\n    return (\n      <span className={cn(\"inline-flex\", className)}>\n        {bubble}\n        {srText}\n      </span>\n    );\n  }\n  return (\n    <span className={cn(\"relative inline-flex\", className)}>\n      {children}\n      {bubble}\n      {srText}\n    </span>\n  );\n}\n\nconst STATUS_DOT: Record<ColorRole, string> = bgSolidClass;\n\n/**\n * Durum rozeti: renkli nokta + metin (tablo satırında \"Aktif\", \"Beklemede\").\n * Renk tek başına anlam taşımaz (renk körlüğü) — metin her zaman görünür.\n */\nexport function StatusBadge({ color = \"neutral\", children, processing = false, className, skeleton = false }: Readonly<StatusBadgeProps>) {\n  return (\n    <span className={cn(\"inline-flex items-center gap-2 text-sm text-mari-foreground\", className)} aria-hidden={skeleton || undefined}>\n      <span className=\"relative flex size-2 shrink-0\">\n        {processing && !skeleton && (\n          <span aria-hidden className={cn(\"absolute inset-0 animate-ping rounded-full opacity-60 motion-reduce:hidden\", STATUS_DOT[color])} />\n        )}\n        <span aria-hidden className={cn(\"relative size-2 rounded-full\", skeleton ? skeletonFill(true) : STATUS_DOT[color])} />\n      </span>\n      <span className={cn(skeleton && cn(\"rounded-sm text-transparent\", skeletonFill(true)))}>{children}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;;;;AACA,SAAS,UAA0B;AA8C/B,cAmBE,YAnBF;AAtCJ,IAAM,cAAc,EAAE,IAAI,oCAAoC,IAAI,6BAA6B;AAC/F,IAAM,WAAW,EAAE,IAAI,YAAY,IAAI,SAAS;AAEhD,IAAM,WAAW,CAAC,MAAwB,OAAO,MAAM,WAAW,GAAG,CAAC,OAAO;AAE7E,SAAS,aAAa,OAA4B,eAAsC;AACtF,MAAI,SAAS,QAAQ,UAAU,GAAI,QAAO;AAC1C,MAAI,OAAO,UAAU,SAAU,QAAO,QAAQ,gBAAgB,GAAG,aAAa,MAAM,OAAO,KAAK;AAChG,SAAO;AACT;AAWO,SAAS,MAAM;AAAA,EACpB;AAAA,EACA,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAyB;AACvB,QAAM,OAAO,aAAa,OAAO,aAAa;AAC9C,QAAM,SAAS,CAAC,QAAQ,SAAS,QAAS,UAAU,KAAK,CAAC;AAC1D,QAAM,aAAa,aAAa;AAEhC,QAAM,SAAS,SAAS,OACtB;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,MACX,cAAW;AAAA,MACX,WAAW;AAAA,QACT;AAAA,QACA,MAAM,SAAS,IAAI,IAAI,YAAY,IAAI;AAAA,QACvC,WAAW,GAAG,aAAa,IAAI,GAAG,kBAAkB,IAAI,GAAG,aAAa,KAAK,GAAG,uBAAuB,KAAK,CAAC;AAAA,QAC7G,CAAC,cAAc;AAAA,MACjB;AAAA,MACA,OAAO,SAAS,EAAE,aAAa,QAAQ,SAAS,OAAO,CAAC,CAAC,CAAC,UAAU,WAAW,SAAS,OAAO,CAAC,CAAC,EAAE,IAAI;AAAA,MAEtG,gBAAM,OAAO;AAAA;AAAA,EAChB;AAGF,QAAM,SAAS,SAAS,CAAC,UAAU,CAAC,WAAW,oBAAC,UAAK,WAAU,WAAW,iBAAM,IAAU;AAE1F,MAAI,YAAY;AACd,WACE,qBAAC,UAAK,WAAW,GAAG,eAAe,SAAS,GACzC;AAAA;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AACA,SACE,qBAAC,UAAK,WAAW,GAAG,wBAAwB,SAAS,GAClD;AAAA;AAAA,IACA;AAAA,IACA;AAAA,KACH;AAEJ;AAEA,IAAM,aAAwC;AAMvC,SAAS,YAAY,EAAE,QAAQ,WAAW,UAAU,aAAa,OAAO,WAAW,WAAW,MAAM,GAA+B;AACxI,SACE,qBAAC,UAAK,WAAW,GAAG,+DAA+D,SAAS,GAAG,eAAa,YAAY,QACtH;AAAA,yBAAC,UAAK,WAAU,iCACb;AAAA,oBAAc,CAAC,YACd,oBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,8EAA8E,WAAW,KAAK,CAAC,GAAG;AAAA,MAEpI,oBAAC,UAAK,eAAW,MAAC,WAAW,GAAG,gCAAgC,WAAW,aAAa,IAAI,IAAI,WAAW,KAAK,CAAC,GAAG;AAAA,OACtH;AAAA,IACA,oBAAC,UAAK,WAAW,GAAG,YAAY,GAAG,+BAA+B,aAAa,IAAI,CAAC,CAAC,GAAI,UAAS;AAAA,KACpG;AAEJ;","names":[]}

package/dist/color-picker.d.ts

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

package/dist/color-picker.js

@@ -0,0 +1,32 @@
+import {
+  ColorPicker,
+  colorInfo,
+  formatColor,
+  parseColor
+} from "./chunk-QZRBO7BE.js";
+import "./chunk-QDFDMWXD.js";
+import "./chunk-LZHERDNB.js";
+import "./chunk-JNZODUXP.js";
+import "./chunk-V7KDUUV6.js";
+import "./chunk-NPM7IDYV.js";
+import "./chunk-P7Z5BREP.js";
+import "./chunk-XUKVQO6M.js";
+import "./chunk-S66GKX2W.js";
+import "./chunk-LEOIKO7C.js";
+import "./chunk-YZ7MDC6B.js";
+import "./chunk-KSPM2Z3T.js";
+import "./chunk-DUCIAQGR.js";
+import "./chunk-LBQMEHK6.js";
+import "./chunk-3ABWBQCS.js";
+import "./chunk-NS7FKOFI.js";
+import "./chunk-TCYDVNSU.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-IP2J3BWY.js";
+import "./chunk-54HHEXXD.js";
+export {
+  ColorPicker,
+  colorInfo,
+  formatColor,
+  parseColor
+};
+//# sourceMappingURL=color-picker.js.map

package/dist/color-picker.js.map

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

package/dist/date-picker.d.ts

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