@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/chunk-QZRBO7BE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/color-picker/ColorPicker.tsx","../src/color-picker/_components/ColorArea.tsx","../src/color-picker/utils.ts","../src/color-picker/_components/usePointerDrag.ts","../src/color-picker/_components/ColorInputs.tsx","../src/color-picker/_components/ColorPresets.tsx","../src/color-picker/_components/Swatch.tsx","../src/color-picker/_components/ColorSlider.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useContext, useEffect, useId, useRef, useState } from \"react\";\nimport { cn, useControllableState, type Size } from \"@mari-ui/core\";\nimport { FIELD_BASE_CLASS, FIELD_DISABLED_CLASS, getVariantClasses } from \"../input/utils\";\nimport { FieldContext, useFieldControl } from \"../lib/fieldContext\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { touchTargetClass } from \"../lib/sizeClasses\";\nimport { Popover } from \"../popover\";\nimport { ColorArea } from \"./_components/ColorArea\";\nimport { ColorInputs } from \"./_components/ColorInputs\";\nimport { ColorPresets } from \"./_components/ColorPresets\";\nimport { ColorSlider, HUE_GRADIENT } from \"./_components/ColorSlider\";\nimport { Swatch } from \"./_components/Swatch\";\nimport type { ColorFormat, ColorInfo, ColorPickerProps, Hsba } from \"./types\";\nimport { colorInfo, describeColor, formatColor, parseColor } from \"./utils\";\n\nexport type { ColorPickerProps };\n\n/** Hiç renk yokken panelin başladığı renk (primary ailesine yakın bir mavi). */\nconst FALLBACK: Hsba = { h: 212, s: 71, b: 64, a: 1 };\n\n/** Yükseklik Input/Select ile aynı; renk kutusu her boyutta 3px iç boşlukla oturur. */\nconst TRIGGER_CLASS: Record<Size, string> = {\n  sm: \"h-6 text-xs gap-1 rounded-sm\",\n  md: \"h-8 text-sm gap-2 rounded-md\",\n  lg: \"h-10 text-base gap-2 rounded-md\",\n};\nconst SQUARE_CLASS: Record<Size, string> = { sm: \"w-6\", md: \"w-8\", lg: \"w-10\" };\nconst TEXT_PAD_CLASS: Record<Size, string> = { sm: \"pr-2\", md: \"pr-3\", lg: \"pr-4\" };\nconst SWATCH_CLASS: Record<Size, string> = { sm: \"size-4 rounded-sm\", md: \"size-6 rounded-sm\", lg: \"size-8 rounded-sm\" };\n\n/**\n * Kontrollü/kontrolsüz renk durumu. İç model HSB — dışarıya `format`taki metin\n * verilir. Kontrollü `value` yalnız BİZİM bildirdiğimizden farklıysa yeniden\n * ayrıştırılır; böylece gri bir renkte (ton bilgisi yok) sürüklerken seçilen\n * ton kaybolmaz.\n */\nfunction useColorState(props: ColorPickerProps, format: ColorFormat) {\n  const { value, defaultValue, onChange, onChangeComplete, disabledAlpha = false } = props;\n  const controlled = value !== undefined;\n  const normalize = (c: Hsba | null) => (c && disabledAlpha ? { ...c, a: 1 } : c);\n  const [color, setColor] = useState<Hsba | null>(() => normalize(parseColor(controlled ? value : defaultValue)));\n  const emitted = useRef<string | null | undefined>(controlled ? value : undefined);\n  const current = useRef(color);\n  current.current = color;\n  // Renk temizlense de panel son rengi göstermeye devam eder.\n  const lastColor = useRef<Hsba>(color ?? FALLBACK);\n\n  useEffect(() => {\n    if (!controlled || value === emitted.current) return;\n    emitted.current = value;\n    const parsed = normalize(parseColor(value));\n    setColor(parsed);\n    if (parsed) lastColor.current = parsed;\n    // normalize yalnız disabledAlpha'ya bağlı; value değişince yeterli.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlled, value]);\n\n  const toOutput = (c: Hsba | null): [string | null, ColorInfo | null] => (c ? [formatColor(c, format), colorInfo(c)] : [null, null]);\n\n  const set = (next: Hsba | null, complete: boolean) => {\n    const c = normalize(next);\n    setColor(c);\n    current.current = c;\n    if (c) lastColor.current = c;\n    const [text, info] = toOutput(c);\n    emitted.current = text;\n    onChange?.(text, info);\n    if (complete) onChangeComplete?.(text, info);\n  };\n\n  return {\n    color,\n    draft: color ?? lastColor.current,\n    set,\n    /** Sürükleme bitti: son değeri kesinleştir. */\n    complete: () => onChangeComplete?.(...toOutput(current.current)),\n  };\n}\n\ninterface PanelProps {\n  state: ReturnType<typeof useColorState>;\n  format: ColorFormat;\n  setFormat: (f: ColorFormat) => void;\n  props: ColorPickerProps;\n}\n\nfunction ColorPanel({ state, format, setFormat, props }: Readonly<PanelProps>) {\n  const { allowClear = false, disabledAlpha = false, presets } = props;\n  const { color, draft, set, complete } = state;\n  const opaque = colorInfo({ ...draft, a: 1 }).hex;\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      {allowClear && (\n        <button\n          type=\"button\"\n          aria-pressed={color === null}\n          onClick={() => set(null, true)}\n          className=\"flex items-center gap-2 self-start rounded-sm text-xs text-mari-muted outline-none pointer-coarse:py-3 hover:text-mari-foreground focus-visible:ring-2 focus-visible:ring-mari-ring\"\n        >\n          <Swatch color={null} className=\"size-4 rounded-sm\" />\n          Renk yok\n        </button>\n      )}\n      <ColorArea color={draft} onChange={(s, b) => set({ ...draft, s, b }, false)} onChangeEnd={complete} />\n      <div className=\"flex items-center gap-2\">\n        <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n          <ColorSlider\n            label=\"Ton\"\n            value={Math.round(draft.h)}\n            min={0}\n            max={360}\n            valueText={`${Math.round(draft.h)} derece`}\n            background={HUE_GRADIENT}\n            thumbColor={colorInfo({ h: draft.h, s: 100, b: 100, a: 1 }).hex}\n            onChange={(h) => set({ ...draft, h }, false)}\n            onChangeEnd={complete}\n          />\n          {!disabledAlpha && (\n            <ColorSlider\n              label=\"Opaklık\"\n              value={Math.round(draft.a * 100)}\n              min={0}\n              max={100}\n              valueText={`%${Math.round(draft.a * 100)}`}\n              background={`linear-gradient(to right, transparent, ${opaque})`}\n              checker\n              thumbColor={colorInfo(draft).rgb}\n              onChange={(a) => set({ ...draft, a: a / 100 }, false)}\n              onChangeEnd={complete}\n            />\n          )}\n        </div>\n        <Swatch color={color} className=\"size-7 rounded-md\" />\n      </div>\n      <ColorInputs color={draft} format={format} onFormatChange={setFormat} disabledAlpha={disabledAlpha} onChange={(c) => set(c, true)} />\n      {presets && presets.length > 0 && <ColorPresets presets={presets} current={color} onPick={(c) => set(c, true)} />}\n    </div>\n  );\n}\n\nfunction triggerText(showText: ColorPickerProps[\"showText\"], color: Hsba | null, format: ColorFormat): React.ReactNode {\n  if (!showText) return null;\n  if (typeof showText === \"function\") return showText(color ? colorInfo(color) : null);\n  if (!color) return <span className=\"text-mari-muted\">Renk yok</span>;\n  const text = formatColor(color, format);\n  return format === \"hex\" ? text.toUpperCase() : text;\n}\n\n/**\n * Faz 16.4 — yapı ant.design ColorPicker'dan: renk kutulu tetikleyici + panel\n * (doygunluk/parlaklık alanı, ton ve opaklık kaydırıcıları, HEX/RGB/HSB\n * girişleri, hazır renk grupları, \"renk yok\"). Panel Popover üstünde (konum,\n * kapanma, odak yönetimi ortak); tetikleyici Input/Select ile aynı yükseklik\n * ve kenarlık.\n *\n * Erişilebilirlik: tetikleyici `aria-haspopup=\"dialog\"` + `aria-expanded`,\n * seçili renk açıklamada (`aria-describedby`) okunur. Açılınca odak 2B alana\n * geçer; alan ve kaydırıcılar `role=\"slider\"` ile ok tuşlarıyla kullanılır,\n * her değer metin girişiyle de verilebilir. Escape kapatır, odak geri döner.\n */\nexport function ColorPicker(outerProps: Readonly<ColorPickerProps>) {\n  const props = useFieldControl(outerProps) as ColorPickerProps;\n  const {\n    defaultFormat = \"hex\",\n    showText = false,\n    trigger = \"click\",\n    placement = \"bottom-start\",\n    size = \"md\",\n    color: statusColor,\n    disabled = false,\n    id,\n    name,\n    className,\n    skeleton = false,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    \"aria-describedby\": ariaDescribedBy,\n  } = props;\n  const inField = useContext(FieldContext) !== null;\n  const [format, setFormat] = useControllableState<ColorFormat>({ value: props.format, defaultValue: defaultFormat, onChange: props.onFormatChange });\n  const [open, setOpen] = useControllableState<boolean>({ value: props.open, defaultValue: props.defaultOpen ?? false, onChange: props.onOpenChange });\n  const state = useColorState(props, format);\n  const valueId = useId();\n\n  const text = triggerText(showText, state.color, format);\n  const geometry = cn(\"inline-flex shrink-0 items-center pl-[0.1875rem]\", TRIGGER_CLASS[size], text ? TEXT_PAD_CLASS[size] : cn(SQUARE_CLASS[size], \"justify-center pl-0\"));\n  // İskelet gerçek içeriği (renk kutusu + metin) şeffaf çizer: genişlik metne göre birebir, yüklenince kayma yok.\n  if (skeleton) {\n    return (\n      <span {...skeletonBoxProps(cn(geometry, \"border border-transparent\", className))}>\n        <span className={cn(\"block shrink-0\", SWATCH_CLASS[size])} />\n        {text && <span className=\"truncate\">{text}</span>}\n      </span>\n    );\n  }\n\n  const button = (\n    <button\n      type=\"button\"\n      id={id}\n      disabled={disabled}\n      // Field içindeyse ad `<label htmlFor>`dan gelir; aria-label onu ezerdi.\n      aria-label={ariaLabelledBy || inField ? ariaLabel : (ariaLabel ?? \"Renk seç\")}\n      aria-labelledby={ariaLabelledBy}\n      aria-describedby={[valueId, ariaDescribedBy].filter(Boolean).join(\" \")}\n      aria-invalid={statusColor === \"error\" || undefined}\n      className={cn(\n        geometry,\n        \"relative cursor-pointer border text-mari-foreground outline-none\",\n        touchTargetClass[size],\n        FIELD_BASE_CLASS,\n        getVariantClasses(\"outline\", statusColor),\n        disabled && FIELD_DISABLED_CLASS,\n        className\n      )}\n    >\n      <Swatch color={state.color} className={SWATCH_CLASS[size]} />\n      {text && <span className=\"truncate\">{text}</span>}\n      <span id={valueId} className=\"sr-only\">\n        {describeColor(state.color)}\n      </span>\n    </button>\n  );\n\n  const hidden = name ? <input type=\"hidden\" name={name} value={state.color ? formatColor(state.color, format) : \"\"} /> : null;\n\n  if (disabled) {\n    return (\n      <>\n        {button}\n        {hidden}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <Popover\n        trigger={trigger}\n        placement={placement}\n        arrow={false}\n        open={open}\n        onOpenChange={setOpen}\n        aria-label=\"Renk seçici\"\n        className=\"w-60 max-w-[calc(100vw-1rem)] pointer-coarse:w-72\"\n        content={<ColorPanel state={state} format={format} setFormat={setFormat} props={props} />}\n      >\n        {button}\n      </Popover>\n      {hidden}\n    </>\n  );\n}\n","\"use client\";\n\nimport type React from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport type { Hsba } from \"../types\";\nimport { areaKeyStep, colorInfo, hueColor, isLight } from \"../utils\";\nimport { usePointerDrag } from \"./usePointerDrag\";\n\ninterface ColorAreaProps {\n  color: Hsba;\n  disabled?: boolean;\n  onChange: (s: number, b: number) => void;\n  onChangeEnd: () => void;\n}\n\n/**\n * Doygunluk (yatay) × parlaklık (dikey) alanı. Zemin saf ton; üstüne beyazdan\n * saydama (soldan sağa) ve saydamdan siyaha (yukarıdan aşağı) iki katman.\n *\n * Erişilebilirlik: ARIA'da 2B kaydırıcı rolü yok — tek odaklanabilir bir\n * `slider` (değer = doygunluk), `aria-valuetext` iki ekseni birden söyler,\n * `aria-roledescription` yönü açıklar. ←/→ doygunluk, ↑/↓ parlaklık.\n */\nexport function ColorArea({ color, disabled, onChange, onChangeEnd }: Readonly<ColorAreaProps>) {\n  const drag = usePointerDrag(({ x, y }) => onChange(Math.round(x * 100), Math.round((1 - y) * 100)), onChangeEnd);\n  const s = Math.round(color.s);\n  const b = Math.round(color.b);\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const next = areaKeyStep(e.key, e.shiftKey, s, b);\n    if (!next) return;\n    e.preventDefault();\n    onChange(next.s, next.b);\n    onChangeEnd();\n  };\n\n  return (\n    <div\n      role=\"slider\"\n      tabIndex={disabled ? -1 : 0}\n      data-autofocus\n      aria-label=\"Doygunluk ve parlaklık\"\n      aria-roledescription=\"iki boyutlu kaydırıcı\"\n      aria-valuemin={0}\n      aria-valuemax={100}\n      aria-valuenow={s}\n      aria-valuetext={`Doygunluk %${s}, parlaklık %${b}`}\n      aria-disabled={disabled || undefined}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      {...(disabled ? {} : drag)}\n      className={cn(\n        \"relative h-36 w-full cursor-crosshair touch-none rounded-md outline-none select-none\",\n        \"focus-visible:ring-2 focus-visible:ring-mari-ring focus-visible:ring-offset-2 focus-visible:ring-offset-mari-surface\"\n      )}\n      style={{ backgroundColor: hueColor(color.h) }}\n    >\n      <div aria-hidden className=\"absolute inset-0 rounded-md bg-linear-to-r from-white to-transparent\" />\n      <div aria-hidden className=\"absolute inset-0 rounded-md bg-linear-to-b from-transparent to-black\" />\n      <span\n        aria-hidden\n        className={cn(\"pointer-events-none absolute size-3.5 -translate-1/2 rounded-full border-2 shadow-mari-sm\", isLight({ ...color, a: 1 }) ? \"border-mari-neutral-solid\" : \"border-white\")}\n        style={{ left: `${s}%`, top: `${100 - b}%`, backgroundColor: colorInfo({ ...color, a: 1 }).hex }}\n      />\n    </div>\n  );\n}\n","import type { ColorFormat, ColorInfo, Hsba, Rgba } from \"./types\";\n\n/**\n * Faz 16.4 — ColorPicker'ın saf renk mantığı. İç model HSB(+alfa): 2B alan\n * doygunluk × parlaklık, kaydırıcılar ton ve alfa. Hex/RGB yalnız giriş ve\n * çıkışta hesaplanır — RGB'ye gidip gelmek tonu kaybettirir (ör. siyahta\n * ton 0'a düşer, kullanıcının seçtiği ton kaybolurdu).\n */\n\nexport const clamp = (n: number, min: number, max: number) => Math.min(max, Math.max(min, n));\nconst round = (n: number, digits = 0) => {\n  const f = 10 ** digits;\n  return Math.round(n * f) / f;\n};\n\nexport function hsbToRgb({ h, s, b, a }: Hsba): Rgba {\n  const sat = s / 100;\n  const val = b / 100;\n  const f = (n: number) => {\n    const k = (n + h / 60) % 6;\n    return val - val * sat * Math.max(0, Math.min(k, 4 - k, 1));\n  };\n  return { r: Math.round(f(5) * 255), g: Math.round(f(3) * 255), b: Math.round(f(1) * 255), a };\n}\n\nfunction hueOf(r: number, g: number, b: number, max: number, d: number): number {\n  if (d === 0) return 0;\n  let h: number;\n  if (max === r) h = ((g - b) / d) % 6;\n  else if (max === g) h = (b - r) / d + 2;\n  else h = (r - g) / d + 4;\n  return (h * 60 + 360) % 360;\n}\n\nexport function rgbToHsb({ r, g, b, a }: Rgba): Hsba {\n  const [rn, gn, bn] = [r / 255, g / 255, b / 255];\n  const max = Math.max(rn, gn, bn);\n  const d = max - Math.min(rn, gn, bn);\n  return { h: hueOf(rn, gn, bn, max, d), s: max === 0 ? 0 : (d / max) * 100, b: max * 100, a };\n}\n\nfunction hslToHsb(h: number, s: number, l: number, a: number): Hsba {\n  // b = l + s·min(l, 1−l); s_b = 2(1 − l/b)\n  const sl = s / 100;\n  const ll = l / 100;\n  const b = ll + sl * Math.min(ll, 1 - ll);\n  return { h, s: b === 0 ? 0 : 2 * (1 - ll / b) * 100, b: b * 100, a };\n}\n\nconst hex2 = (n: number) => Math.round(n).toString(16).padStart(2, \"0\");\n\nexport function toHex({ r, g, b, a }: Rgba): string {\n  return `#${hex2(r)}${hex2(g)}${hex2(b)}${a < 1 ? hex2(a * 255) : \"\"}`;\n}\n\nexport function toRgbString({ r, g, b, a }: Rgba): string {\n  return a < 1 ? `rgba(${r}, ${g}, ${b}, ${round(a, 2)})` : `rgb(${r}, ${g}, ${b})`;\n}\n\nexport function toHsbString({ h, s, b, a }: Hsba): string {\n  const body = `${Math.round(h)}, ${Math.round(s)}%, ${Math.round(b)}%`;\n  return a < 1 ? `hsba(${body}, ${round(a, 2)})` : `hsb(${body})`;\n}\n\nfunction parseHex(input: string): Rgba | null {\n  const m = /^#?([\\da-f]{3,4}|[\\da-f]{6}|[\\da-f]{8})$/i.exec(input);\n  if (!m) return null;\n  let digits = m[1]!;\n  if (digits.length <= 4) digits = [...digits].map((c) => c + c).join(\"\");\n  const n = (i: number) => Number.parseInt(digits.slice(i, i + 2), 16);\n  return { r: n(0), g: n(2), b: n(4), a: digits.length === 8 ? round(n(6) / 255, 3) : 1 };\n}\n\n/** `0.5`, `50%` → 0.5; yoksa 1. */\nfunction parseAlpha(part: string | undefined): number {\n  if (part === undefined) return 1;\n  const v = Number.parseFloat(part);\n  if (Number.isNaN(v)) return 1;\n  return clamp(part.trim().endsWith(\"%\") ? v / 100 : v, 0, 1);\n}\n\nconst FUNC_RE = /^(rgba?|hsba?|hsva?|hsla?)\\(([^)]*)\\)$/i;\n\nfunction parseFunc(input: string): Hsba | null {\n  const m = FUNC_RE.exec(input);\n  if (!m) return null;\n  const kind = m[1]!.toLowerCase().slice(0, 3);\n  // Virgüllü (`rgb(1, 2, 3)`) ve modern boşluklu (`rgb(1 2 3 / 50%)`) yazım.\n  const parts = m[2]!.replace(/[,/]/g, \" \").trim().split(/\\s+/);\n  if (parts.length < 3) return null;\n  const [x, y, z] = parts.slice(0, 3).map((p) => Number.parseFloat(p)) as [number, number, number];\n  if ([x, y, z].some(Number.isNaN)) return null;\n  const a = parseAlpha(parts[3]);\n  if (kind === \"rgb\") {\n    const ch = (p: string, v: number) => clamp(Math.round(p.endsWith(\"%\") ? (v / 100) * 255 : v), 0, 255);\n    return rgbToHsb({ r: ch(parts[0]!, x), g: ch(parts[1]!, y), b: ch(parts[2]!, z), a });\n  }\n  const h = ((x % 360) + 360) % 360;\n  if (kind === \"hsl\") return hslToHsb(h, clamp(y, 0, 100), clamp(z, 0, 100), a);\n  // hsb() olduğu gibi — RGB'ye gidip gelmek tonu yuvarlar.\n  return { h, s: clamp(y, 0, 100), b: clamp(z, 0, 100), a };\n}\n\n/** Hex (3/4/6/8 hane, `#` isteğe bağlı), `rgb[a]()`, `hsb[a]()`/`hsv()`, `hsl[a]()`. Tanınmazsa `null`. */\nexport function parseColor(input: string | null | undefined): Hsba | null {\n  if (!input) return null;\n  const text = input.trim();\n  const fn = parseFunc(text);\n  if (fn) return fn;\n  const hex = parseHex(text);\n  return hex ? rgbToHsb(hex) : null;\n}\n\nexport function colorInfo(hsba: Hsba): ColorInfo {\n  const rgba = hsbToRgb(hsba);\n  return { hsba, rgba, hex: toHex(rgba), rgb: toRgbString(rgba), hsb: toHsbString(hsba) };\n}\n\nexport function formatColor(hsba: Hsba, format: ColorFormat): string {\n  return colorInfo(hsba)[format];\n}\n\n/** İki renk görsel olarak aynı mı (8 bit RGB + 2 hane alfa) — preset seçili göstergesi için. */\nexport function sameColor(a: Hsba | null, b: Hsba | null): boolean {\n  if (!a || !b) return a === b;\n  return toHex(hsbToRgb(a)) === toHex(hsbToRgb(b));\n}\n\n/** Saf ton (s=b=100) — 2B alanın arka planı. */\nexport const hueColor = (h: number) => `hsl(${h} 100% 50%)`;\n\n/**\n * Rengin üstünde okunacak işaretçi/metin rengi: açık zeminde koyu, koyu zeminde\n * açık. Alfa düşükse (zemin dama deseni, açık) koyu.\n */\nexport function isLight(hsba: Hsba): boolean {\n  if (hsba.a < 0.5) return true;\n  const { r, g, b } = hsbToRgb(hsba);\n  const lin = (c: number) => {\n    const v = c / 255;\n    return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;\n  };\n  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b) > 0.4;\n}\n\n/** Ekran okuyucu için kısa açıklama: \"#1677ff, opaklık %50\". */\nexport function describeColor(hsba: Hsba | null, empty = \"Renk yok\"): string {\n  if (!hsba) return empty;\n  const { hex } = colorInfo({ ...hsba, a: 1 });\n  return hsba.a < 1 ? `${hex}, opaklık %${Math.round(hsba.a * 100)}` : hex;\n}\n\nexport type AreaKey = \"ArrowLeft\" | \"ArrowRight\" | \"ArrowUp\" | \"ArrowDown\" | \"Home\" | \"End\" | \"PageUp\" | \"PageDown\";\n\n/**\n * 2B alanın klavyesi: ←/→ doygunluk, ↑/↓ parlaklık (1, Shift ile 10);\n * Home/End doygunluk 0/100, PageUp/PageDown parlaklık 100/0.\n */\nexport function areaKeyStep(key: string, shift: boolean, s: number, b: number): { s: number; b: number } | null {\n  const step = shift ? 10 : 1;\n  const map: Record<AreaKey, () => { s: number; b: number }> = {\n    ArrowLeft: () => ({ s: s - step, b }),\n    ArrowRight: () => ({ s: s + step, b }),\n    ArrowUp: () => ({ s, b: b + step }),\n    ArrowDown: () => ({ s, b: b - step }),\n    Home: () => ({ s: 0, b }),\n    End: () => ({ s: 100, b }),\n    PageUp: () => ({ s, b: 100 }),\n    PageDown: () => ({ s, b: 0 }),\n  };\n  const fn = map[key as AreaKey];\n  if (!fn) return null;\n  const next = fn();\n  return { s: clamp(next.s, 0, 100), b: clamp(next.b, 0, 100) };\n}\n\n/** Tek eksenli kaydırıcı (ton, alfa) klavyesi. Tanınmayan tuş → `null`. */\nexport function sliderKeyStep(key: string, shift: boolean, value: number, min: number, max: number, step: number): number | null {\n  const big = step * 10;\n  const delta: Record<string, number> = {\n    ArrowRight: shift ? big : step,\n    ArrowUp: shift ? big : step,\n    ArrowLeft: shift ? -big : -step,\n    ArrowDown: shift ? -big : -step,\n    PageUp: big,\n    PageDown: -big,\n  };\n  if (key === \"Home\") return min;\n  if (key === \"End\") return max;\n  const d = delta[key];\n  return d === undefined ? null : clamp(value + d, min, max);\n}\n\n/** İşaretçi konumundan 0–1 oran (öğenin kutusuna göre, sınırlarda kesilir). */\nexport function ratioFromPointer(clientX: number, clientY: number, rect: { left: number; top: number; width: number; height: number }) {\n  return {\n    x: rect.width ? clamp((clientX - rect.left) / rect.width, 0, 1) : 0,\n    y: rect.height ? clamp((clientY - rect.top) / rect.height, 0, 1) : 0,\n  };\n}\n","\"use client\";\n\nimport type React from \"react\";\nimport { useRef } from \"react\";\nimport { ratioFromPointer } from \"../utils\";\n\ntype Ratio = { x: number; y: number };\n\n/**\n * Alan/kaydırıcı sürükleme: basınca konuma atlar, işaretçi yakalanır (öğenin\n * dışına taşsa da izlenir), bırakınca `onEnd`. Dokunmatikte sayfa kaymasın\n * diye öğeye `touch-none` verilmeli.\n */\nexport function usePointerDrag(onMove: (ratio: Ratio) => void, onEnd: () => void) {\n  const dragging = useRef(false);\n  const update = (e: React.PointerEvent<HTMLElement>) => onMove(ratioFromPointer(e.clientX, e.clientY, e.currentTarget.getBoundingClientRect()));\n  return {\n    onPointerDown: (e: React.PointerEvent<HTMLElement>) => {\n      if (e.button !== 0) return;\n      dragging.current = true;\n      e.currentTarget.setPointerCapture?.(e.pointerId);\n      e.currentTarget.focus();\n      e.preventDefault();\n      update(e);\n    },\n    onPointerMove: (e: React.PointerEvent<HTMLElement>) => {\n      if (dragging.current) update(e);\n    },\n    onPointerUp: (e: React.PointerEvent<HTMLElement>) => {\n      if (!dragging.current) return;\n      dragging.current = false;\n      e.currentTarget.releasePointerCapture?.(e.pointerId);\n      onEnd();\n    },\n    onLostPointerCapture: () => {\n      if (!dragging.current) return;\n      dragging.current = false;\n      onEnd();\n    },\n  };\n}\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { Input } from \"../../input\";\nimport { InputNumber } from \"../../input-number\";\nimport { Segmented } from \"../../segmented\";\nimport type { ColorFormat, Hsba } from \"../types\";\nimport { clamp, colorInfo, hsbToRgb, parseColor, rgbToHsb } from \"../utils\";\n\nconst FORMAT_OPTIONS = [\n  { value: \"hex\", label: \"HEX\" },\n  { value: \"rgb\", label: \"RGB\" },\n  { value: \"hsb\", label: \"HSB\" },\n];\n\ninterface ColorInputsProps {\n  color: Hsba;\n  format: ColorFormat;\n  onFormatChange: (format: ColorFormat) => void;\n  disabledAlpha: boolean;\n  disabled?: boolean;\n  /** Girişten gelen değer kesin bir değerdir — `onChangeComplete` de tetiklenir. */\n  onChange: (color: Hsba) => void;\n}\n\n/** Hex: 6/8 hane yazılınca anında, 3/4 hane alandan çıkınca/Enter'da uygulanır; geçersizse eski değere döner. */\nfunction HexInput({ color, disabled, onChange }: Readonly<{ color: Hsba; disabled?: boolean; onChange: (c: Hsba) => void }>) {\n  const hex = colorInfo(color).hex.slice(1);\n  const [text, setText] = useState(hex);\n  // Dışarıdan (alan/kaydırıcı) değişince metni eşitle.\n  useEffect(() => setText(hex), [hex]);\n\n  const commit = (value: string) => {\n    const parsed = parseColor(`#${value}`);\n    // Hex'te ton bilgisi yoksa (gri) mevcut tonu koru.\n    if (parsed) onChange(parsed.s === 0 ? { ...parsed, h: color.h } : parsed);\n    else setText(hex);\n  };\n\n  return (\n    <Input\n      size=\"sm\"\n      aria-label=\"Hex renk kodu\"\n      icon={<span className=\"text-mari-muted\">#</span>}\n      value={text}\n      maxLength={8}\n      autoComplete=\"off\"\n      disabled={disabled}\n      className=\"min-w-0 flex-1 font-mono uppercase\"\n      onChange={(e) => {\n        const next = e.target.value.replace(/[^\\da-f]/gi, \"\");\n        setText(next);\n        if (next.length === 6 || next.length === 8) commit(next);\n      }}\n      onBlur={() => commit(text)}\n      onPressEnter={() => commit(text)}\n    />\n  );\n}\n\ninterface ChannelProps {\n  label: string;\n  value: number;\n  max: number;\n  disabled?: boolean;\n  onChange: (value: number) => void;\n}\n\nfunction Channel({ label, value, max, disabled, onChange }: Readonly<ChannelProps>) {\n  return (\n    <InputNumber\n      size=\"sm\"\n      aria-label={label}\n      value={Math.round(value)}\n      min={0}\n      max={max}\n      controls={false}\n      grouping={false}\n      disabled={disabled}\n      className=\"min-w-0 flex-1\"\n      onChange={(v) => v !== null && onChange(clamp(v, 0, max))}\n    />\n  );\n}\n\nfunction ChannelInputs({ color, format, disabled, onChange }: Readonly<{ color: Hsba; format: \"rgb\" | \"hsb\"; disabled?: boolean; onChange: (c: Hsba) => void }>) {\n  if (format === \"hsb\") {\n    return (\n      <>\n        <Channel label=\"Ton\" value={color.h} max={360} disabled={disabled} onChange={(h) => onChange({ ...color, h })} />\n        <Channel label=\"Doygunluk\" value={color.s} max={100} disabled={disabled} onChange={(s) => onChange({ ...color, s })} />\n        <Channel label=\"Parlaklık\" value={color.b} max={100} disabled={disabled} onChange={(b) => onChange({ ...color, b })} />\n      </>\n    );\n  }\n  const rgba = hsbToRgb(color);\n  const set = (patch: Partial<typeof rgba>) => {\n    const next = rgbToHsb({ ...rgba, ...patch });\n    onChange(next.s === 0 ? { ...next, h: color.h } : next);\n  };\n  return (\n    <>\n      <Channel label=\"Kırmızı\" value={rgba.r} max={255} disabled={disabled} onChange={(r) => set({ r })} />\n      <Channel label=\"Yeşil\" value={rgba.g} max={255} disabled={disabled} onChange={(g) => set({ g })} />\n      <Channel label=\"Mavi\" value={rgba.b} max={255} disabled={disabled} onChange={(b) => set({ b })} />\n    </>\n  );\n}\n\n/** Biçim seçimi (HEX/RGB/HSB) + o biçimin alanları + saydamlık yüzdesi. */\nexport function ColorInputs({ color, format, onFormatChange, disabledAlpha, disabled, onChange }: Readonly<ColorInputsProps>) {\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <Segmented size=\"sm\" block aria-label=\"Renk biçimi\" options={FORMAT_OPTIONS} value={format} disabled={disabled} onChange={(v) => onFormatChange(v as ColorFormat)} />\n      <div className=\"flex items-center gap-1\">\n        {format === \"hex\" ? (\n          <HexInput color={color} disabled={disabled} onChange={onChange} />\n        ) : (\n          <ChannelInputs color={color} format={format} disabled={disabled} onChange={onChange} />\n        )}\n        {!disabledAlpha && (\n          <InputNumber\n            size=\"sm\"\n            aria-label=\"Opaklık\"\n            value={Math.round(color.a * 100)}\n            min={0}\n            max={100}\n            suffix=\"%\"\n            controls={false}\n            disabled={disabled}\n            className=\"w-16 shrink-0\"\n            onChange={(v) => v !== null && onChange({ ...color, a: clamp(v, 0, 100) / 100 })}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n","\"use client\";\n\nimport { useId, useState } from \"react\";\nimport { CheckIcon, ChevronRightIcon } from \"lucide-react\";\nimport { cn } from \"@mari-ui/core\";\nimport type { ColorPreset, Hsba } from \"../types\";\nimport { describeColor, isLight, parseColor, sameColor } from \"../utils\";\nimport { Swatch } from \"./Swatch\";\n\ninterface PresetGroupProps {\n  preset: ColorPreset;\n  current: Hsba | null;\n  disabled?: boolean;\n  onPick: (color: Hsba) => void;\n}\n\nfunction PresetGroup({ preset, current, disabled, onPick }: Readonly<PresetGroupProps>) {\n  const [open, setOpen] = useState(preset.defaultOpen ?? true);\n  const listId = useId();\n  const colors = preset.colors.map((text) => ({ text, hsba: parseColor(text) })).filter((c): c is { text: string; hsba: Hsba } => c.hsba !== null);\n\n  return (\n    <div>\n      <button\n        type=\"button\"\n        aria-expanded={open}\n        aria-controls={listId}\n        onClick={() => setOpen(!open)}\n        className=\"flex w-full items-center gap-1 rounded-sm py-0.5 pointer-coarse:py-3 text-left text-xs text-mari-muted outline-none hover:text-mari-foreground focus-visible:ring-2 focus-visible:ring-mari-ring\"\n      >\n        <ChevronRightIcon aria-hidden size={14} className={cn(\"transition-transform duration-150 motion-reduce:transition-none\", open && \"rotate-90\")} />\n        {preset.label}\n      </button>\n      <ul id={listId} hidden={!open} className=\"mt-1.5 grid grid-cols-10 gap-1.5 pointer-coarse:grid-cols-5\">\n        {colors.map(({ text, hsba }) => {\n          const selected = sameColor(current, hsba);\n          return (\n            <li key={text} className=\"flex\">\n              <button\n                type=\"button\"\n                aria-label={describeColor(hsba)}\n                aria-pressed={selected}\n                disabled={disabled}\n                onClick={() => onPick(hsba)}\n                className=\"relative aspect-square w-full rounded-sm outline-none focus-visible:ring-2 focus-visible:ring-mari-ring focus-visible:ring-offset-1 focus-visible:ring-offset-mari-surface disabled:cursor-not-allowed\"\n              >\n                <Swatch color={hsba} className=\"size-full rounded-sm\" />\n                {selected && (\n                  <CheckIcon\n                    aria-hidden\n                    size={12}\n                    strokeWidth={3}\n                    className={cn(\"absolute inset-0 m-auto\", isLight(hsba) ? \"text-mari-neutral-solid\" : \"text-white\")}\n                  />\n                )}\n              </button>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n\n/** Hazır renk grupları; her grup başlığı açılır/kapanır (ant.design gibi). Seçili renk ✓ ve `aria-pressed`. */\nexport function ColorPresets({ presets, current, disabled, onPick }: Readonly<{ presets: ColorPreset[]; current: Hsba | null; disabled?: boolean; onPick: (color: Hsba) => void }>) {\n  return (\n    <div className=\"flex flex-col gap-2 border-t border-mari-border pt-2\">\n      {presets.map((preset, i) => (\n        // Başlık ReactNode olabilir — sıra anahtarı.\n        <PresetGroup key={i} preset={preset} current={current} disabled={disabled} onPick={onPick} />\n      ))}\n    </div>\n  );\n}\n","import { cn } from \"@mari-ui/core\";\nimport type { Hsba } from \"../types\";\nimport { colorInfo } from \"../utils\";\n\n/**\n * Saydamlığı gösteren dama deseni — tema token'larından (açık/koyu temada\n * zeminle uyumlu), boyutu rem.\n */\nexport const CHECKER_CLASS =\n  \"bg-[conic-gradient(var(--mari-color-border)_25%,var(--mari-color-surface)_0_50%,var(--mari-color-border)_0_75%,var(--mari-color-surface)_0)] bg-[length:0.5rem_0.5rem]\";\n\n/** Renk yok: zemin + köşeden köşeye kırmızı çizgi (ant.design'ın \"temizlendi\" işareti). */\nconst EMPTY_CLASS = \"bg-mari-surface bg-[linear-gradient(to_top_right,transparent_calc(50%-1px),var(--mari-color-error)_calc(50%-1px)_calc(50%+1px),transparent_calc(50%+1px))]\";\n\ninterface SwatchProps {\n  color: Hsba | null;\n  className?: string;\n}\n\n/** Rengi dama deseni üstünde gösteren kutu; içi dolu, kenarında ince çizgi (beyaz rengi zeminden ayırır). */\nexport function Swatch({ color, className }: Readonly<SwatchProps>) {\n  if (!color) return <span aria-hidden className={cn(\"block shrink-0 border border-mari-border\", EMPTY_CLASS, className)} />;\n  return (\n    <span aria-hidden className={cn(\"relative block shrink-0 overflow-hidden border border-mari-border\", CHECKER_CLASS, className)}>\n      <span className=\"absolute inset-0\" style={{ backgroundColor: colorInfo(color).rgb }} />\n    </span>\n  );\n}\n","\"use client\";\n\nimport type React from \"react\";\nimport { cn } from \"@mari-ui/core\";\nimport { sliderKeyStep } from \"../utils\";\nimport { CHECKER_CLASS } from \"./Swatch\";\nimport { usePointerDrag } from \"./usePointerDrag\";\n\n/** Gökkuşağı (ton) şeridi: 0–360 arası saf tonlar. */\nexport const HUE_GRADIENT = \"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)\";\n\ninterface ColorSliderProps {\n  label: string;\n  value: number;\n  min: number;\n  max: number;\n  step?: number;\n  valueText: string;\n  /** Şeridin CSS arka planı. */\n  background: string;\n  /** Saydamlık şeridi: arkada dama deseni. */\n  checker?: boolean;\n  /** Tutamacın iç rengi. */\n  thumbColor: string;\n  disabled?: boolean;\n  onChange: (value: number) => void;\n  onChangeEnd: () => void;\n}\n\n/** Ton ve saydamlık için yatay kaydırıcı (`role=\"slider\"`; ←/→ ↑/↓, Shift ile 10×, PageUp/Down, Home/End). */\nexport function ColorSlider({ label, value, min, max, step = 1, valueText, background, checker, thumbColor, disabled, onChange, onChangeEnd }: Readonly<ColorSliderProps>) {\n  const drag = usePointerDrag(({ x }) => onChange(Math.round((min + x * (max - min)) / step) * step), onChangeEnd);\n  const ratio = (value - min) / (max - min);\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const next = sliderKeyStep(e.key, e.shiftKey, value, min, max, step);\n    if (next === null) return;\n    e.preventDefault();\n    onChange(next);\n    onChangeEnd();\n  };\n\n  return (\n    <div\n      role=\"slider\"\n      tabIndex={disabled ? -1 : 0}\n      aria-label={label}\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={value}\n      aria-valuetext={valueText}\n      aria-orientation=\"horizontal\"\n      aria-disabled={disabled || undefined}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      {...(disabled ? {} : drag)}\n      // Dikey dolgu: tutamaç şeritten büyük, tıklama alanı da onu kapsasın.\n      className=\"group relative w-full cursor-pointer touch-none py-1 outline-none select-none pointer-coarse:py-[1.125rem]\"\n    >\n      <div aria-hidden className={cn(\"relative h-2 overflow-hidden rounded-full\", checker && CHECKER_CLASS)}>\n        <div className=\"absolute inset-0\" style={{ background }} />\n      </div>\n      <span\n        aria-hidden\n        className={cn(\n          \"pointer-events-none absolute top-1/2 size-3.5 -translate-1/2 rounded-full border-2 border-white shadow-mari-sm ring-1 ring-mari-border\",\n          \"group-focus-visible:ring-2 group-focus-visible:ring-mari-ring\"\n        )}\n        // Tutamaç şeridin dışına taşmasın: merkezi yarıçap kadar içeriden başlar.\n        style={{ left: `calc(0.4375rem + ${ratio} * (100% - 0.875rem))`, backgroundColor: thumbColor }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":["useEffect","useId","useRef","useState","cn","jsx","jsxs","useState","cn","cn","jsx","cn","jsx","jsxs","useState","cn","cn","jsx","jsxs","cn","Fragment","jsx","jsxs","useState","useRef","useEffect","useId","cn"]}

package/dist/chunk-RAS77O7N.js

@@ -0,0 +1,81 @@
+"use client";
+
+// src/lib/useAnimatedValue.tsx
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function motionAllowed() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  return !window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var COUNT_MS = 1e3;
+var CHAR_MS = 45;
+var MAX_TYPE_MS = 1200;
+var easeOutCubic = (t) => 1 - (1 - t) ** 3;
+function useAnimatedValue({ text, number, format, mode, enabled, delay = 0 }) {
+  const [shown, setShown] = useState(null);
+  const lastNumber = useRef(0);
+  const formatRef = useRef(format);
+  formatRef.current = format;
+  useIsomorphicLayoutEffect(() => {
+    const canCount = mode === "count" && number !== void 0 && Number.isFinite(number);
+    if (!enabled || !motionAllowed() || mode === "count" && !canCount) {
+      if (canCount) lastNumber.current = number;
+      setShown(null);
+      return;
+    }
+    let frame = 0;
+    let start = null;
+    const from = lastNumber.current;
+    const chars = Array.from(text);
+    const charMs = Math.min(CHAR_MS, MAX_TYPE_MS / Math.max(chars.length, 1));
+    const fmt = formatRef.current ?? String;
+    setShown(canCount ? fmt(from) : "");
+    const tick = (now) => {
+      start ?? (start = now);
+      const elapsed = now - start - delay;
+      if (elapsed < 0) {
+        frame = requestAnimationFrame(tick);
+        return;
+      }
+      if (canCount) {
+        const t = Math.min(1, elapsed / COUNT_MS);
+        const value = from + (number - from) * easeOutCubic(t);
+        if (t >= 1) {
+          lastNumber.current = number;
+          setShown(null);
+          return;
+        }
+        setShown(fmt(value));
+      } else {
+        const n = Math.floor(elapsed / charMs) + 1;
+        if (n >= chars.length) {
+          setShown(null);
+          return;
+        }
+        setShown(chars.slice(0, n).join(""));
+      }
+      frame = requestAnimationFrame(tick);
+    };
+    frame = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(frame);
+      if (canCount) lastNumber.current = number;
+    };
+  }, [text, number, mode, enabled, delay]);
+  return shown;
+}
+function AnimatedText({ text, shown }) {
+  if (shown === null) return /* @__PURE__ */ jsx(Fragment, { children: text });
+  return /* @__PURE__ */ jsxs("span", { className: "relative inline-block", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-transparent", children: text }),
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "absolute inset-y-0 left-0 whitespace-nowrap", children: shown })
+  ] });
+}
+
+export {
+  motionAllowed,
+  useAnimatedValue,
+  AnimatedText
+};
+//# sourceMappingURL=chunk-RAS77O7N.js.map

package/dist/chunk-RAS77O7N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/useAnimatedValue.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\nconst useIsomorphicLayoutEffect = typeof window === \"undefined\" ? useEffect : useLayoutEffect;\n\n/**\n * Değer animasyonu — Statistic (ve sonraki Typewriter) ortak çekirdeği.\n *\n * - `count`: sayı bir önceki değerden (ilkinde 0) hedefe sayar, sonda yavaşlar.\n * - `typewriter`: metin karakter karakter yazılır.\n *\n * Hareket azaltma tercihinde (ya da `matchMedia` olmayan ortamda: SSR, test)\n * hiç çalışmaz → değer doğrudan son halinde. İlk durum her zaman SON değerdir\n * (sunucu çıktısı ile aynı → hidrasyon uyuşmazlığı yok); animasyon boyamadan\n * önce (layout effect) başlar, son değer bir kare bile görünmez.\n */\nexport type ValueAnimation = \"count\" | \"typewriter\";\n\nexport function motionAllowed(): boolean {\n  if (typeof window === \"undefined\" || typeof window.matchMedia !== \"function\") return false;\n  return !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n}\n\nconst COUNT_MS = 1000;\nconst CHAR_MS = 45;\n/** Çok uzun metinde yazım en fazla bu kadar sürsün. */\nconst MAX_TYPE_MS = 1200;\n\nconst easeOutCubic = (t: number) => 1 - (1 - t) ** 3;\n\nexport interface AnimatedValueOptions {\n  /** Son (gösterilecek) metin. */\n  text: string;\n  /** `count` için hedef sayı; yoksa `count` yazıya düşmez, animasyon olmaz. */\n  number?: number;\n  /** Ara sayıların biçimi (`count`). */\n  format?: (value: number) => string;\n  mode: ValueAnimation;\n  enabled: boolean;\n  /** Başlamadan önce bekleme (ms). */\n  delay?: number;\n}\n\n/** Animasyon sürerken gösterilecek ara metin; `null` → son değeri göster. */\nexport function useAnimatedValue({ text, number, format, mode, enabled, delay = 0 }: AnimatedValueOptions): string | null {\n  const [shown, setShown] = useState<string | null>(null);\n  const lastNumber = useRef(0);\n  const formatRef = useRef(format);\n  formatRef.current = format;\n\n  useIsomorphicLayoutEffect(() => {\n    const canCount = mode === \"count\" && number !== undefined && Number.isFinite(number);\n    if (!enabled || !motionAllowed() || (mode === \"count\" && !canCount)) {\n      if (canCount) lastNumber.current = number!;\n      setShown(null);\n      return;\n    }\n\n    let frame = 0;\n    let start: number | null = null;\n    const from = lastNumber.current;\n    const chars = Array.from(text);\n    const charMs = Math.min(CHAR_MS, MAX_TYPE_MS / Math.max(chars.length, 1));\n    const fmt = formatRef.current ?? String;\n    setShown(canCount ? fmt(from) : \"\");\n\n    const tick = (now: number) => {\n      start ??= now;\n      const elapsed = now - start - delay;\n      if (elapsed < 0) {\n        frame = requestAnimationFrame(tick);\n        return;\n      }\n      if (canCount) {\n        const t = Math.min(1, elapsed / COUNT_MS);\n        const value = from + (number! - from) * easeOutCubic(t);\n        if (t >= 1) {\n          lastNumber.current = number!;\n          setShown(null);\n          return;\n        }\n        setShown(fmt(value));\n      } else {\n        const n = Math.floor(elapsed / charMs) + 1;\n        if (n >= chars.length) {\n          setShown(null);\n          return;\n        }\n        setShown(chars.slice(0, n).join(\"\"));\n      }\n      frame = requestAnimationFrame(tick);\n    };\n    frame = requestAnimationFrame(tick);\n    return () => {\n      cancelAnimationFrame(frame);\n      if (canCount) lastNumber.current = number!;\n    };\n  }, [text, number, mode, enabled, delay]);\n\n  return shown;\n}\n\n/**\n * Animasyonlu metin kutusu: yer SON metne göre ayrılır (saydam, ekran okuyucu\n * onu okur), ara metin üstüne çizilir (gizli) → genişlik zıplamaz, okuyucu\n * ara sayıları duymaz. `shown` null iken düz metin.\n */\nexport function AnimatedText({ text, shown }: Readonly<{ text: string; shown: string | null }>) {\n  if (shown === null) return <>{text}</>;\n  return (\n    <span className=\"relative inline-block\">\n      <span className=\"text-transparent\">{text}</span>\n      <span aria-hidden className=\"absolute inset-y-0 left-0 whitespace-nowrap\">\n        {shown}\n      </span>\n    </span>\n  );\n}\n"],"mappings":";AAEA,SAAgB,WAAW,iBAAiB,QAAQ,gBAAgB;AA2GvC,wBAEzB,YAFyB;AAzG7B,IAAM,4BAA4B,OAAO,WAAW,cAAc,YAAY;AAevE,SAAS,gBAAyB;AACvC,MAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,WAAY,QAAO;AACrF,SAAO,CAAC,OAAO,WAAW,kCAAkC,EAAE;AAChE;AAEA,IAAM,WAAW;AACjB,IAAM,UAAU;AAEhB,IAAM,cAAc;AAEpB,IAAM,eAAe,CAAC,MAAc,KAAK,IAAI,MAAM;AAgB5C,SAAS,iBAAiB,EAAE,MAAM,QAAQ,QAAQ,MAAM,SAAS,QAAQ,EAAE,GAAwC;AACxH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,aAAa,OAAO,CAAC;AAC3B,QAAM,YAAY,OAAO,MAAM;AAC/B,YAAU,UAAU;AAEpB,4BAA0B,MAAM;AAC9B,UAAM,WAAW,SAAS,WAAW,WAAW,UAAa,OAAO,SAAS,MAAM;AACnF,QAAI,CAAC,WAAW,CAAC,cAAc,KAAM,SAAS,WAAW,CAAC,UAAW;AACnE,UAAI,SAAU,YAAW,UAAU;AACnC,eAAS,IAAI;AACb;AAAA,IACF;AAEA,QAAI,QAAQ;AACZ,QAAI,QAAuB;AAC3B,UAAM,OAAO,WAAW;AACxB,UAAM,QAAQ,MAAM,KAAK,IAAI;AAC7B,UAAM,SAAS,KAAK,IAAI,SAAS,cAAc,KAAK,IAAI,MAAM,QAAQ,CAAC,CAAC;AACxE,UAAM,MAAM,UAAU,WAAW;AACjC,aAAS,WAAW,IAAI,IAAI,IAAI,EAAE;AAElC,UAAM,OAAO,CAAC,QAAgB;AAC5B,wBAAU;AACV,YAAM,UAAU,MAAM,QAAQ;AAC9B,UAAI,UAAU,GAAG;AACf,gBAAQ,sBAAsB,IAAI;AAClC;AAAA,MACF;AACA,UAAI,UAAU;AACZ,cAAM,IAAI,KAAK,IAAI,GAAG,UAAU,QAAQ;AACxC,cAAM,QAAQ,QAAQ,SAAU,QAAQ,aAAa,CAAC;AACtD,YAAI,KAAK,GAAG;AACV,qBAAW,UAAU;AACrB,mBAAS,IAAI;AACb;AAAA,QACF;AACA,iBAAS,IAAI,KAAK,CAAC;AAAA,MACrB,OAAO;AACL,cAAM,IAAI,KAAK,MAAM,UAAU,MAAM,IAAI;AACzC,YAAI,KAAK,MAAM,QAAQ;AACrB,mBAAS,IAAI;AACb;AAAA,QACF;AACA,iBAAS,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC;AAAA,MACrC;AACA,cAAQ,sBAAsB,IAAI;AAAA,IACpC;AACA,YAAQ,sBAAsB,IAAI;AAClC,WAAO,MAAM;AACX,2BAAqB,KAAK;AAC1B,UAAI,SAAU,YAAW,UAAU;AAAA,IACrC;AAAA,EACF,GAAG,CAAC,MAAM,QAAQ,MAAM,SAAS,KAAK,CAAC;AAEvC,SAAO;AACT;AAOO,SAAS,aAAa,EAAE,MAAM,MAAM,GAAqD;AAC9F,MAAI,UAAU,KAAM,QAAO,gCAAG,gBAAK;AACnC,SACE,qBAAC,UAAK,WAAU,yBACd;AAAA,wBAAC,UAAK,WAAU,oBAAoB,gBAAK;AAAA,IACzC,oBAAC,UAAK,eAAW,MAAC,WAAU,+CACzB,iBACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-RIBB5OJV.js

@@ -0,0 +1,152 @@
+"use client";
+
+import {
+  checkableTouchTargetClass,
+  fontSizeClass
+} from "./chunk-FFXRFQSU.js";
+import {
+  bgSolidClass,
+  bgSolidContrastClass,
+  borderStrongColorClass,
+  checkedBgSolidClass,
+  checkedBgSolidHoverClass,
+  checkedBorderSolidClass,
+  textSolidContrastClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/checkbox/Checkbox.tsx
+import { forwardRef, useEffect, useId, useImperativeHandle, useRef } from "react";
+import { CheckIcon } from "lucide-react";
+import { cn as cn2, useControllableState } from "@mari-ui/core";
+
+// src/checkbox/utils.ts
+import { cn } from "@mari-ui/core";
+var SIZE_CLASS = {
+  sm: "h-3 w-3 text-xs",
+  md: "h-4 w-4 text-sm",
+  lg: "h-5 w-5 text-base"
+};
+var CHECK_ICON_CLASS = {
+  sm: "size-2.5",
+  md: "size-3",
+  lg: "size-3.5"
+};
+var INDETERMINATE_SIZE_CLASS = {
+  sm: "h-0.5 w-1.5",
+  md: "h-0.5 w-2",
+  lg: "h-0.5 w-2.5"
+};
+function getSizeClasses(size) {
+  return SIZE_CLASS[size];
+}
+function getIndeterminateSizeClasses(size) {
+  return INDETERMINATE_SIZE_CLASS[size];
+}
+function getCheckIconClass(size) {
+  return CHECK_ICON_CLASS[size];
+}
+function getShapeClasses(shape) {
+  return { square: "rounded-none", pill: "rounded-full", default: "rounded-sm" }[shape];
+}
+function getVariantClasses(variant, color, indeterminate = false) {
+  const fillColor = color ?? "primary";
+  const indeterminateClass = indeterminate && cn(bgSolidClass[fillColor], "border-transparent");
+  if (variant === "solid") {
+    return cn("border-transparent bg-mari-surface-alt", checkedBgSolidClass[fillColor], checkedBgSolidHoverClass[fillColor], indeterminateClass);
+  }
+  const restBorderClass = color ? borderStrongColorClass[color] : "border-mari-input";
+  return cn("bg-mari-surface", restBorderClass, checkedBgSolidClass[fillColor], checkedBorderSolidClass[fillColor], textSolidContrastClass[fillColor], indeterminateClass);
+}
+
+// src/checkbox/Checkbox.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DESCRIPTION_INDENT_CLASS = { sm: "pl-5", md: "pl-6", lg: "pl-7" };
+var Checkbox = forwardRef(
+  ({
+    autoFocus = false,
+    checked,
+    defaultChecked = false,
+    disabled = false,
+    indeterminate = false,
+    onChange,
+    onBlur,
+    onFocus,
+    className,
+    classNames = {},
+    label,
+    description,
+    variant = "outline",
+    color,
+    size = "md",
+    shape = "default",
+    id,
+    name,
+    value,
+    required,
+    skeleton = false
+  }, ref) => {
+    const fillColor = color ?? "primary";
+    const [isChecked, setIsChecked] = useControllableState({ value: checked, defaultValue: defaultChecked });
+    const inputRef = useRef(null);
+    const descriptionId = useId();
+    useImperativeHandle(ref, () => inputRef.current, []);
+    const handleChange = (e) => {
+      setIsChecked(e.target.checked);
+      onChange?.(e);
+    };
+    useEffect(() => {
+      if (inputRef.current) inputRef.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    if (skeleton) {
+      return /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: cn2("inline-flex items-center gap-2", classNames.wrapper), children: [
+        /* @__PURE__ */ jsx("span", { ...skeletonBoxProps(cn2("shrink-0", getSizeClasses(size), getShapeClasses(shape))) }),
+        label && /* @__PURE__ */ jsx("span", { ...skeletonBoxProps(cn2("rounded-sm", fontSizeClass[size])), children: label })
+      ] });
+    }
+    const baseClasses = cn2(
+      "shrink-0 cursor-pointer appearance-none border transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring",
+      getSizeClasses(size),
+      getShapeClasses(shape),
+      getVariantClasses(variant, color, indeterminate),
+      disabled && "opacity-50 cursor-not-allowed",
+      classNames.checkbox,
+      className
+    );
+    return /* @__PURE__ */ jsxs("label", { className: cn2("inline-flex flex-col gap-1 cursor-pointer", disabled && "cursor-not-allowed", classNames.wrapper), children: [
+      /* @__PURE__ */ jsxs("span", { className: cn2("relative inline-flex items-center gap-2", checkableTouchTargetClass[size]), children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            id,
+            type: "checkbox",
+            autoFocus,
+            checked: isChecked,
+            disabled,
+            name,
+            value,
+            required,
+            "aria-describedby": description ? descriptionId : void 0,
+            onChange: handleChange,
+            onBlur,
+            onFocus,
+            className: baseClasses
+          }
+        ),
+        (indeterminate || isChecked) && /* @__PURE__ */ jsx("span", { className: cn2("absolute pointer-events-none", getSizeClasses(size), "flex items-center justify-center"), children: indeterminate ? /* @__PURE__ */ jsx("span", { className: cn2("rounded-full", bgSolidContrastClass[fillColor], getIndeterminateSizeClasses(size)) }) : /* @__PURE__ */ jsx(CheckIcon, { className: cn2(textSolidContrastClass[fillColor], getCheckIconClass(size)), strokeWidth: 3.5 }) }),
+        label && /* @__PURE__ */ jsx("span", { className: cn2("select-none text-mari-foreground", fontSizeClass[size], disabled && "text-mari-disabled", classNames.label), children: label })
+      ] }),
+      description && // Etiket hizasında başlar (kutu genişliği + gap): sm 12+8, md 16+8, lg 20+8px.
+      /* @__PURE__ */ jsx("span", { id: descriptionId, className: cn2("text-xs text-mari-muted", DESCRIPTION_INDENT_CLASS[size]), children: description })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-RIBB5OJV.js.map

package/dist/chunk-RIBB5OJV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/checkbox/Checkbox.tsx","../src/checkbox/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { forwardRef, useEffect, useId, useImperativeHandle, useRef } from \"react\";\nimport { CheckIcon } from \"lucide-react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { bgSolidContrastClass, textSolidContrastClass } from \"../lib/colorClasses\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport { checkableTouchTargetClass, fontSizeClass } from \"../lib/sizeClasses\";\nimport type { CheckboxChangeEvent, CheckboxProps } from \"./types\";\nimport { getCheckIconClass, getIndeterminateSizeClasses, getShapeClasses, getSizeClasses, getVariantClasses } from \"./utils\";\n\nexport type { CheckboxProps };\n\n/**\n * `useControllableState` ile controlled/uncontrolled ayrımı artık burada\n * elle yazılmıyor (eskiden `useState(defaultChecked ?? checked ?? false)`\n * ile başlatılıp `checked={typeof checked === \"boolean\" ? checked :\n * isChecked}` şeklinde ayrıca kontrol ediliyordu — iki yerde aynı mantık).\n */\nconst DESCRIPTION_INDENT_CLASS = { sm: \"pl-5\", md: \"pl-6\", lg: \"pl-7\" } as const;\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      autoFocus = false,\n      checked,\n      defaultChecked = false,\n      disabled = false,\n      indeterminate = false,\n      onChange,\n      onBlur,\n      onFocus,\n      className,\n      classNames = {},\n      label,\n      description,\n      variant = \"outline\",\n      color,\n      size = \"md\",\n      shape = \"default\",\n      id,\n      name,\n      value,\n      required,\n      skeleton = false,\n    },\n    ref\n  ) => {\n    // `color` varsayılansız: \"renk açıkça verilmedi\" ile \"primary seçildi\"\n    // ayrımı dinlenme halindeki kenarlığın nötr mü renkli mi olacağını\n    // belirler (Faz 13 — checked OLMAYAN kutucuk mavi görünmemeli).\n    // İşaretliyken çentiğin/açıklamanın rengi — renk verilmediyse `primary`.\n    const fillColor = color ?? \"primary\";\n    const [isChecked, setIsChecked] = useControllableState<boolean>({ value: checked, defaultValue: defaultChecked });\n\n    const inputRef = useRef<HTMLInputElement>(null);\n    const descriptionId = useId();\n    useImperativeHandle(ref, () => inputRef.current!, []);\n\n    const handleChange = (e: CheckboxChangeEvent) => {\n      setIsChecked(e.target.checked);\n      onChange?.(e);\n    };\n\n    useEffect(() => {\n      if (inputRef.current) inputRef.current.indeterminate = indeterminate;\n    }, [indeterminate]);\n\n    if (skeleton) {\n      return (\n        <span aria-hidden className={cn(\"inline-flex items-center gap-2\", classNames.wrapper)}>\n          <span {...skeletonBoxProps(cn(\"shrink-0\", getSizeClasses(size), getShapeClasses(shape)))} />\n          {label && <span {...skeletonBoxProps(cn(\"rounded-sm\", fontSizeClass[size]))}>{label}</span>}\n        </span>\n      );\n    }\n\n    const baseClasses = cn(\n      \"shrink-0 cursor-pointer appearance-none border transition-colors duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring\",\n      getSizeClasses(size),\n      getShapeClasses(shape),\n      getVariantClasses(variant, color, indeterminate),\n      disabled && \"opacity-50 cursor-not-allowed\",\n      classNames.checkbox,\n      className\n    );\n\n    return (\n      <label className={cn(\"inline-flex flex-col gap-1 cursor-pointer\", disabled && \"cursor-not-allowed\", classNames.wrapper)}>\n        <span className={cn(\"relative inline-flex items-center gap-2\", checkableTouchTargetClass[size])}>\n          <input\n            ref={inputRef}\n            id={id}\n            type=\"checkbox\"\n            // eslint-disable-next-line jsx-a11y/no-autofocus -- pass-through: kütüphane autofocus'u ZORLAMIYOR, tüketicinin verdiği prop'u iletiyor.\n            autoFocus={autoFocus}\n            checked={isChecked}\n            disabled={disabled}\n            name={name}\n            value={value}\n            required={required}\n            aria-describedby={description ? descriptionId : undefined}\n            onChange={handleChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            className={baseClasses}\n          />\n          {(indeterminate || isChecked) && (\n            <span className={cn(\"absolute pointer-events-none\", getSizeClasses(size), \"flex items-center justify-center\")}>\n              {indeterminate ? (\n                <span className={cn(\"rounded-full\", bgSolidContrastClass[fillColor], getIndeterminateSizeClasses(size))} />\n              ) : (\n                <CheckIcon className={cn(textSolidContrastClass[fillColor], getCheckIconClass(size))} strokeWidth={3.5} />\n              )}\n            </span>\n          )}\n          {label && (\n            <span className={cn(\"select-none text-mari-foreground\", fontSizeClass[size], disabled && \"text-mari-disabled\", classNames.label)}>\n              {label}\n            </span>\n          )}\n        </span>\n        {description && (\n          // Etiket hizasında başlar (kutu genişliği + gap): sm 12+8, md 16+8, lg 20+8px.\n          <span id={descriptionId} className={cn(\"text-xs text-mari-muted\", DESCRIPTION_INDENT_CLASS[size])}>\n            {description}\n          </span>\n        )}\n      </label>\n    );\n  }\n);\n\nCheckbox.displayName = \"Checkbox\";\n","import { cn, type ColorRole, type Size, type Variant } from \"@mari-ui/core\";\nimport {\n  bgSolidClass,\n  borderStrongColorClass,\n  checkedBgSolidClass,\n  checkedBgSolidHoverClass,\n  checkedBorderSolidClass,\n  textSolidContrastClass,\n} from \"../lib/colorClasses\";\nimport type { CheckboxShape } from \"./types\";\n\nconst SIZE_CLASS: Record<Size, string> = {\n  sm: \"h-3 w-3 text-xs\",\n  md: \"h-4 w-4 text-sm\",\n  lg: \"h-5 w-5 text-base\",\n};\n\n/** Çentik ikonu kutuyla orantılı — eskiden her boyutta sabit 16px'ti (sm'nin 12px kutusundan taşıyordu). */\nconst CHECK_ICON_CLASS: Record<Size, string> = {\n  sm: \"size-2.5\",\n  md: \"size-3\",\n  lg: \"size-3.5\",\n};\n\n/** Belirsiz (indeterminate) hal: dolu kutunun ortasında yatay bir çizgi. */\nconst INDETERMINATE_SIZE_CLASS: Record<Size, string> = {\n  sm: \"h-0.5 w-1.5\",\n  md: \"h-0.5 w-2\",\n  lg: \"h-0.5 w-2.5\",\n};\n\nexport function getSizeClasses(size: Size): string {\n  return SIZE_CLASS[size];\n}\n\nexport function getIndeterminateSizeClasses(size: Size): string {\n  return INDETERMINATE_SIZE_CLASS[size];\n}\n\nexport function getCheckIconClass(size: Size): string {\n  return CHECK_ICON_CLASS[size];\n}\n\nexport function getShapeClasses(shape: CheckboxShape): string {\n  // `pill` eskiden `px-4` da taşıyordu — 16px'lik kutu 34px'lik bir ovale dönüşüyordu.\n  // Kutu köşesi, kontrol ölçeğinde (`rounded-sm`), radius preset'ini izler.\n  return { square: \"rounded-none\", pill: \"rounded-full\", default: \"rounded-sm\" }[shape];\n}\n\n/**\n * `color` verilmediyse (yani gerçek bir doğrulama durumu YOKSA) dinlenme\n * halindeki (işaretsiz) kenarlık nötr/gri (`border-mari-input`) — sadece\n * işaretlenince `primary`e (veya AÇIKÇA verilen renge) bürünür. `color`\n * AÇIKÇA verildiyse (örn. `error`) o renk işaretli/işaretsiz HER ZAMAN\n * kalıcıdır (bkz. `input/utils.ts`'teki aynı desen).\n */\nexport function getVariantClasses(variant: Extract<Variant, \"solid\" | \"outline\">, color: ColorRole | undefined, indeterminate = false): string {\n  const fillColor = color ?? \"primary\";\n  // Belirsiz hal native `checked` DEĞİL — eskiden hiçbir dolgu almıyordu, iç\n  // çubuk da yüzey renginde olduğu için kutu BOŞ görünüyordu.\n  const indeterminateClass = indeterminate && cn(bgSolidClass[fillColor], \"border-transparent\");\n  if (variant === \"solid\") {\n    return cn(\"border-transparent bg-mari-surface-alt\", checkedBgSolidClass[fillColor], checkedBgSolidHoverClass[fillColor], indeterminateClass);\n  }\n  // Açıkça verilen renk (doğrulama durumu) dinlenmede de rol renginde (≥3:1).\n  const restBorderClass = color ? borderStrongColorClass[color] : \"border-mari-input\";\n  return cn(\"bg-mari-surface\", restBorderClass, checkedBgSolidClass[fillColor], checkedBorderSolidClass[fillColor], textSolidContrastClass[fillColor], indeterminateClass);\n}\n"],"mappings":"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","names":["cn","cn"]}

package/dist/chunk-S66GKX2W.js

@@ -0,0 +1,50 @@
+// src/lib/FloatingArrow.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var FLOATING_GAP_PX = 4;
+var FLOATING_ARROW_GAP_PX = 12;
+var FLOATING_ARROW_INSET_PX = 20;
+var FLOATING_EDGE_PX = 8;
+var ARROW_FILL_PATH = "M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z";
+var ARROW_STROKE_PATH = "M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8";
+var ARROW_LONG_PX = 16;
+var ARROW_SHORT_PX = 8;
+var BORDER_PX = 1;
+function getArrowBox(side, offset) {
+  const half = ARROW_LONG_PX / 2 + BORDER_PX;
+  switch (side) {
+    case "bottom":
+      return { style: { left: offset - half, top: -ARROW_SHORT_PX, width: ARROW_LONG_PX, height: ARROW_SHORT_PX }, rotation: 0 };
+    case "top":
+      return { style: { left: offset - half, top: "100%", width: ARROW_LONG_PX, height: ARROW_SHORT_PX }, rotation: 180 };
+    case "right":
+      return { style: { left: -ARROW_SHORT_PX, top: offset - half, width: ARROW_SHORT_PX, height: ARROW_LONG_PX }, rotation: -90 };
+    default:
+      return { style: { left: "100%", top: offset - half, width: ARROW_SHORT_PX, height: ARROW_LONG_PX }, rotation: 90 };
+  }
+}
+function FloatingArrow({ side, offset }) {
+  const { style, rotation } = getArrowBox(side, offset);
+  return /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute", style, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: ARROW_LONG_PX,
+      height: ARROW_SHORT_PX,
+      viewBox: "0 0 16 8",
+      className: "absolute left-1/2 top-1/2 overflow-visible",
+      style: { transform: `translate(-50%, -50%) rotate(${rotation}deg)` },
+      children: [
+        /* @__PURE__ */ jsx("path", { d: ARROW_FILL_PATH, className: "fill-mari-surface" }),
+        /* @__PURE__ */ jsx("path", { d: ARROW_STROKE_PATH, fill: "none", transform: "translate(0 -0.5)", className: "stroke-mari-border" })
+      ]
+    }
+  ) });
+}
+
+export {
+  FLOATING_GAP_PX,
+  FLOATING_ARROW_GAP_PX,
+  FLOATING_ARROW_INSET_PX,
+  FLOATING_EDGE_PX,
+  FloatingArrow
+};
+//# sourceMappingURL=chunk-S66GKX2W.js.map

package/dist/chunk-S66GKX2W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/FloatingArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Side } from \"./floating\";\n\n/**\n * Yüzey renkli yüzen panellerin (Dropdown, Popover, Popconfirm) ortak ölçüleri\n * ve oku — Faz 16.2'de DropdownContent'ten taşındı.\n *\n * Yapısal ölçüler ant.design'ın canlı Dropdown sayfasından `getComputedStyle`\n * ile alındı: ok yokken tetikleyiciyle panel arasında 4px, okluyken 12px\n * (8px'lik ok kutusu + 4px); ok, panelin hizalandığı kenardan 12px içeride\n * başlayan 16px'lik bir kutu, yani ORTASI kenardan 20px. GÖRÜNÜM (gölge,\n * kenarlık, renk) ant'tan değil kendi token'larımızdan gelir.\n */\nexport const FLOATING_GAP_PX = 4;\nexport const FLOATING_ARROW_GAP_PX = 12;\nexport const FLOATING_ARROW_INSET_PX = 20;\n/** Panel viewport kenarına YAPIŞMASIN diye bırakılan minimum boşluk. */\nexport const FLOATING_EDGE_PX = 8;\n\n/** ant.design okunun birebir `clip-path`i: 16×8, ucu yuvarlak, taban köşeleri panele yumuşakça karışan üçgen. */\nconst ARROW_FILL_PATH = \"M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8 Z\";\n/** Aynı yol KAPATILMADAN — kenarlık rengiyle sadece eğik kenarlar çizilir; taban çizgisi panelin kenarlığının üstünden geçmesin diye (dolgu o kısmı örter). */\nconst ARROW_STROKE_PATH = \"M 0 8 A 4 4 0 0 0 2.82843 6.82843 L 6.58579 3.07107 A 2 2 0 0 1 9.41421 3.07107 L 13.1716 6.82843 A 4 4 0 0 0 16 8\";\n\nconst ARROW_LONG_PX = 16;\nconst ARROW_SHORT_PX = 8;\n/** Panelin kenarlığı: mutlak konumlu ok padding kutusuna göre konumlanır, bu yüzden çapraz eksende 1px düzeltilir. */\nconst BORDER_PX = 1;\n\n/** `side` panelin tetikleyiciye GÖRE konumu; ok panelin tetikleyiciye bakan kenarında durur ve tetikleyiciyi gösterir. */\nfunction getArrowBox(side: Side, offset: number): { style: React.CSSProperties; rotation: number } {\n  const half = ARROW_LONG_PX / 2 + BORDER_PX;\n  switch (side) {\n    case \"bottom\":\n      return { style: { left: offset - half, top: -ARROW_SHORT_PX, width: ARROW_LONG_PX, height: ARROW_SHORT_PX }, rotation: 0 };\n    case \"top\":\n      return { style: { left: offset - half, top: \"100%\", width: ARROW_LONG_PX, height: ARROW_SHORT_PX }, rotation: 180 };\n    case \"right\":\n      return { style: { left: -ARROW_SHORT_PX, top: offset - half, width: ARROW_SHORT_PX, height: ARROW_LONG_PX }, rotation: -90 };\n    default:\n      return { style: { left: \"100%\", top: offset - half, width: ARROW_SHORT_PX, height: ARROW_LONG_PX }, rotation: 90 };\n  }\n}\n\nexport function FloatingArrow({ side, offset }: Readonly<{ side: Side; offset: number }>) {\n  const { style, rotation } = getArrowBox(side, offset);\n  return (\n    <span aria-hidden=\"true\" className=\"pointer-events-none absolute\" style={style}>\n      <svg\n        width={ARROW_LONG_PX}\n        height={ARROW_SHORT_PX}\n        viewBox=\"0 0 16 8\"\n        className=\"absolute left-1/2 top-1/2 overflow-visible\"\n        style={{ transform: `translate(-50%, -50%) rotate(${rotation}deg)` }}\n      >\n        <path d={ARROW_FILL_PATH} className=\"fill-mari-surface\" />\n        {/* Taban ucu panelin 1px kenarlığının TAM ortasına otursun diye yarım piksel yukarı: aksi halde çizgi kenarlığın 0.5px dışına/altına taşıp çıkıntı bırakır. */}\n        <path d={ARROW_STROKE_PATH} fill=\"none\" transform=\"translate(0 -0.5)\" className=\"stroke-mari-border\" />\n      </svg>\n    </span>\n  );\n}\n"],"mappings":";AAgDM,SAOE,KAPF;AAnCC,IAAM,kBAAkB;AACxB,IAAM,wBAAwB;AAC9B,IAAM,0BAA0B;AAEhC,IAAM,mBAAmB;AAGhC,IAAM,kBAAkB;AAExB,IAAM,oBAAoB;AAE1B,IAAM,gBAAgB;AACtB,IAAM,iBAAiB;AAEvB,IAAM,YAAY;AAGlB,SAAS,YAAY,MAAY,QAAkE;AACjG,QAAM,OAAO,gBAAgB,IAAI;AACjC,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO,EAAE,OAAO,EAAE,MAAM,SAAS,MAAM,KAAK,CAAC,gBAAgB,OAAO,eAAe,QAAQ,eAAe,GAAG,UAAU,EAAE;AAAA,IAC3H,KAAK;AACH,aAAO,EAAE,OAAO,EAAE,MAAM,SAAS,MAAM,KAAK,QAAQ,OAAO,eAAe,QAAQ,eAAe,GAAG,UAAU,IAAI;AAAA,IACpH,KAAK;AACH,aAAO,EAAE,OAAO,EAAE,MAAM,CAAC,gBAAgB,KAAK,SAAS,MAAM,OAAO,gBAAgB,QAAQ,cAAc,GAAG,UAAU,IAAI;AAAA,IAC7H;AACE,aAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,KAAK,SAAS,MAAM,OAAO,gBAAgB,QAAQ,cAAc,GAAG,UAAU,GAAG;AAAA,EACrH;AACF;AAEO,SAAS,cAAc,EAAE,MAAM,OAAO,GAA6C;AACxF,QAAM,EAAE,OAAO,SAAS,IAAI,YAAY,MAAM,MAAM;AACpD,SACE,oBAAC,UAAK,eAAY,QAAO,WAAU,gCAA+B,OAChE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,OAAO,EAAE,WAAW,gCAAgC,QAAQ,OAAO;AAAA,MAEnE;AAAA,4BAAC,UAAK,GAAG,iBAAiB,WAAU,qBAAoB;AAAA,QAExD,oBAAC,UAAK,GAAG,mBAAmB,MAAK,QAAO,WAAU,qBAAoB,WAAU,sBAAqB;AAAA;AAAA;AAAA,EACvG,GACF;AAEJ;","names":[]}

package/dist/chunk-TCYDVNSU.js

@@ -0,0 +1,13 @@
+// src/lib/elevationClass.ts
+import { cn } from "@mari-ui/core";
+var elevationClass = {
+  sm: cn("shadow-mari-sm", "border border-mari-border"),
+  md: cn("shadow-mari-md", "border border-mari-border"),
+  lg: cn("shadow-mari-lg", "border border-mari-border"),
+  xl: cn("shadow-mari-xl", "border border-mari-border")
+};
+
+export {
+  elevationClass
+};
+//# sourceMappingURL=chunk-TCYDVNSU.js.map

package/dist/chunk-TCYDVNSU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/elevationClass.ts"],"sourcesContent":["import { cn } from \"@mari-ui/core\";\n\n/**\n * `foundations/Elevation.mdx`'te vaat edilen tablo: `shadow-mari-*` + ince\n * `border-mari-border` kombinasyonu birlikte kullanılır. Koyu temada saf\n * siyah-alfa gölge tek başına neredeyse görünmez — yükseklik hissi asıl\n * kenarlıktan gelir, gölge sadece üstüne biner. Faz 13 öncesi component'ler\n * (Card, Carousel) `shadow-md`/`shadow` gibi tokensız Tailwind built-in'lerini\n * kullanıyordu; bu tablo onların yerini alır.\n */\nexport const elevationClass: Record<\"sm\" | \"md\" | \"lg\" | \"xl\", string> = {\n  sm: cn(\"shadow-mari-sm\", \"border border-mari-border\"),\n  md: cn(\"shadow-mari-md\", \"border border-mari-border\"),\n  lg: cn(\"shadow-mari-lg\", \"border border-mari-border\"),\n  xl: cn(\"shadow-mari-xl\", \"border border-mari-border\"),\n};\n"],"mappings":";AAAA,SAAS,UAAU;AAUZ,IAAM,iBAA4D;AAAA,EACvE,IAAI,GAAG,kBAAkB,2BAA2B;AAAA,EACpD,IAAI,GAAG,kBAAkB,2BAA2B;AAAA,EACpD,IAAI,GAAG,kBAAkB,2BAA2B;AAAA,EACpD,IAAI,GAAG,kBAAkB,2BAA2B;AACtD;","names":[]}