@mari-ui/components 0.0.0-stage → 0.1.1

package/dist/rate.js

@@ -0,0 +1,196 @@
+"use client";
+
+import {
+  textClass
+} from "./chunk-IP2J3BWY.js";
+import {
+  skeletonBoxProps
+} from "./chunk-54HHEXXD.js";
+
+// src/rate/Rate.tsx
+import { useEffect, useRef, useState } from "react";
+import { Star } from "lucide-react";
+import { cn, useControllableState } from "@mari-ui/core";
+
+// src/rate/utils.ts
+function getIsHalf(e, allowHalf) {
+  const { left, width } = e.currentTarget.getBoundingClientRect();
+  return allowHalf && e.clientX - left < width / 2;
+}
+function handleClick(e, index, options) {
+  const {
+    allowHalf,
+    allowClear,
+    displayValue,
+    isControlled,
+    setInternalValue,
+    onChange
+  } = options;
+  const isHalf = getIsHalf(e, allowHalf);
+  let newValue = isHalf ? index + 0.5 : index + 1;
+  if (allowClear && displayValue === newValue) {
+    newValue = 0;
+  }
+  if (!isControlled) {
+    setInternalValue(newValue);
+  }
+  onChange?.(newValue);
+}
+function handleMouseEnter(e, index, allowHalf, setHoverValue, onHoverChange) {
+  const isHalf = getIsHalf(e, allowHalf);
+  const val = isHalf ? index + 0.5 : index + 1;
+  setHoverValue(val);
+  onHoverChange?.(val);
+}
+function handleMouseLeave(setHoverValue, onHoverChange) {
+  setHoverValue(void 0);
+  onHoverChange?.(0);
+}
+
+// src/rate/Rate.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function resolveStarIcons(character, color, characterColor, size) {
+  if (character !== void 0) {
+    const icon = typeof character === "function" ? character({}) : character;
+    return { filledIcon: icon, emptyIcon: icon, tintEmpty: false };
+  }
+  if (!color && !characterColor) {
+    return {
+      filledIcon: /* @__PURE__ */ jsx(Star, { size, fill: "var(--mari-color-rating)", stroke: "var(--mari-color-rating-stroke)", strokeWidth: 1.5 }),
+      emptyIcon: /* @__PURE__ */ jsx(Star, { size, fill: "none", stroke: "var(--mari-color-rating-stroke)", strokeWidth: 1.5 }),
+      tintEmpty: false
+    };
+  }
+  return {
+    filledIcon: /* @__PURE__ */ jsx(Star, { size, fill: "currentColor", stroke: "currentColor" }),
+    emptyIcon: /* @__PURE__ */ jsx(Star, { size, fill: "none", stroke: "currentColor", strokeWidth: 1.5 }),
+    tintEmpty: true
+  };
+}
+function starFraction(value, index, allowHalf, exact) {
+  const raw = Math.min(1, Math.max(0, value - index));
+  if (exact) return raw;
+  if (raw >= 1) return 1;
+  return allowHalf && raw >= 0.5 ? 0.5 : 0;
+}
+function Rate({
+  allowClear = true,
+  allowHalf = false,
+  autoFocus = false,
+  character,
+  className,
+  count = 5,
+  defaultValue = 0,
+  disabled = false,
+  value,
+  onBlur,
+  onChange,
+  onFocus,
+  onHoverChange,
+  onKeyDown,
+  characterSize = "1.5rem",
+  color,
+  characterColor,
+  "aria-label": ariaLabel = "Puan",
+  readOnly = false,
+  skeleton = false
+}) {
+  const [hoverValue, setHoverValue] = useState(void 0);
+  const [displayValue, setDisplayValue] = useControllableState({ value, defaultValue, onChange });
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (autoFocus) rootRef.current?.focus();
+  }, [autoFocus]);
+  const colorClass = color ? textClass[color] : "text-mari-rating";
+  const interactive = !disabled && !readOnly;
+  if (skeleton) {
+    return /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: cn("flex gap-1", className), children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ jsx("span", { ...skeletonBoxProps("rounded-sm"), style: { width: characterSize, height: characterSize } }, i)) });
+  }
+  const step = allowHalf ? 0.5 : 1;
+  const handleKeyDown = (e) => {
+    onKeyDown?.(e);
+    if (disabled) return;
+    if (!["ArrowRight", "ArrowUp", "ArrowLeft", "ArrowDown", "Home", "End"].includes(e.key)) return;
+    e.preventDefault();
+    setHoverValue(void 0);
+    if (e.key === "ArrowRight" || e.key === "ArrowUp") {
+      setDisplayValue(Math.min(count, Math.round((displayValue + step) * 2) / 2));
+    } else if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
+      setDisplayValue(Math.max(0, Math.round((displayValue - step) * 2) / 2));
+    } else if (e.key === "Home") {
+      setDisplayValue(0);
+    } else if (e.key === "End") {
+      setDisplayValue(count);
+    }
+  };
+  const currentValue = hoverValue ?? displayValue;
+  const { filledIcon, emptyIcon, tintEmpty } = resolveStarIcons(character, color, characterColor, characterSize);
+  const starHandlers = (i) => interactive ? {
+    // `onChange` BİLİNÇLİ OLARAK geçirilmiyor: `setDisplayValue` zaten
+    // kendi `onChange`'ini tetikliyor — ikisi birden ÇİFT çağırırdı.
+    onClick: (e) => handleClick(e, i, { allowHalf, allowClear, displayValue, isControlled: false, setInternalValue: setDisplayValue }),
+    onMouseEnter: (e) => handleMouseEnter(e, i, allowHalf, setHoverValue, onHoverChange),
+    onMouseMove: (e) => handleMouseEnter(e, i, allowHalf, setHoverValue, onHoverChange),
+    onMouseLeave: () => handleMouseLeave(setHoverValue, onHoverChange)
+  } : {};
+  const stars = Array.from({ length: count }, (_, i) => {
+    const fraction = starFraction(currentValue, i, allowHalf, readOnly);
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        "aria-hidden": "true",
+        ...starHandlers(i),
+        className: cn(
+          "relative inline-flex select-none items-center justify-center text-mari-input",
+          // Dokunmatikte her yıldız 44px yüksek, komşusuyla boşluksuz bir hedef.
+          interactive && "cursor-pointer pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5",
+          disabled && "cursor-not-allowed"
+        ),
+        style: { fontSize: characterSize },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: cn("inline-flex", tintEmpty && colorClass), style: tintEmpty ? { color: characterColor } : void 0, "aria-hidden": true, children: emptyIcon }),
+          fraction > 0 && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("pointer-events-none absolute inset-y-0 left-0 block overflow-hidden", colorClass),
+              style: { width: `${Math.round(fraction * 1e3) / 10}%`, color: characterColor },
+              "aria-hidden": true,
+              children: /* @__PURE__ */ jsx("span", { className: "flex h-full shrink-0 items-center", style: { width: characterSize }, children: filledIcon })
+            }
+          )
+        ]
+      },
+      i
+    );
+  });
+  const valueText = `${displayValue.toLocaleString("tr-TR")} / ${count}`;
+  if (readOnly) {
+    return /* @__PURE__ */ jsx("div", { role: "img", "aria-label": `${ariaLabel}: ${valueText}`, className: cn("flex gap-1", className), children: stars });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: rootRef,
+      className: cn(
+        "flex gap-1 rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring pointer-coarse:gap-2",
+        className
+      ),
+      tabIndex: disabled ? -1 : 0,
+      onFocus,
+      onBlur,
+      onKeyDown: handleKeyDown,
+      role: "slider",
+      "aria-label": ariaLabel,
+      "aria-valuemin": 0,
+      "aria-valuemax": count,
+      "aria-valuenow": displayValue,
+      "aria-valuetext": valueText,
+      "aria-disabled": disabled || void 0,
+      children: stars
+    }
+  );
+}
+export {
+  Rate
+};
+//# sourceMappingURL=rate.js.map

package/dist/rate.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/rate/Rate.tsx","../src/rate/utils.ts"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Star } from \"lucide-react\";\nimport { cn, useControllableState } from \"@mari-ui/core\";\nimport { textClass } from \"../lib/colorClasses\";\nimport { skeletonBoxProps } from \"../lib/skeleton\";\nimport type { RateProps } from \"./types\";\nimport { handleClick, handleMouseEnter, handleMouseLeave } from \"./utils\";\n\nexport type { RateProps };\n\n/**\n * Eskiden `types.ts` tamamen boştu (bkz. plan denetimi). `value`/\n * `defaultValue` artık `useControllableState` ile yönetiliyor — eskiden\n * `isControlled = value !== undefined` elle hesaplanıp `handleClick`'e\n * ayrıca geçiriliyordu.\n */\n/**\n * Yıldız ikonları. Varsayılan palet (renk verilmedi): dolu = puan sarısı,\n * boş = dolgusuz sarı kontur. Rol/ham renk: dolu = o renk, boş = dolgusuz o\n * renkte kontur (`currentColor`, `tintEmpty` ile boyanır). Özel `character`\n * olduğu gibi kullanılır. Kullanıcı kararı: kontur her zaman dolgunun rengi.\n */\nfunction resolveStarIcons(\n  character: RateProps[\"character\"],\n  color: RateProps[\"color\"],\n  characterColor: string | undefined,\n  size: number | string\n): { filledIcon: React.ReactNode; emptyIcon: React.ReactNode; tintEmpty: boolean } {\n  if (character !== undefined) {\n    const icon = typeof character === \"function\" ? character({}) : character;\n    return { filledIcon: icon, emptyIcon: icon, tintEmpty: false };\n  }\n  if (!color && !characterColor) {\n    return {\n      filledIcon: <Star size={size} fill=\"var(--mari-color-rating)\" stroke=\"var(--mari-color-rating-stroke)\" strokeWidth={1.5} />,\n      emptyIcon: <Star size={size} fill=\"none\" stroke=\"var(--mari-color-rating-stroke)\" strokeWidth={1.5} />,\n      tintEmpty: false,\n    };\n  }\n  return {\n    filledIcon: <Star size={size} fill=\"currentColor\" stroke=\"currentColor\" />,\n    emptyIcon: <Star size={size} fill=\"none\" stroke=\"currentColor\" strokeWidth={1.5} />,\n    tintEmpty: true,\n  };\n}\n\n/** Bir yıldızın dolu oranı (0–1). */\nfunction starFraction(value: number, index: number, allowHalf: boolean, exact: boolean): number {\n  const raw = Math.min(1, Math.max(0, value - index));\n  if (exact) return raw;\n  if (raw >= 1) return 1;\n  return allowHalf && raw >= 0.5 ? 0.5 : 0;\n}\n\nexport function Rate({\n  allowClear = true,\n  allowHalf = false,\n  autoFocus = false,\n  character,\n  className,\n  count = 5,\n  defaultValue = 0,\n  disabled = false,\n  value,\n  onBlur,\n  onChange,\n  onFocus,\n  onHoverChange,\n  onKeyDown,\n  characterSize = \"1.5rem\",\n  color,\n  characterColor,\n  \"aria-label\": ariaLabel = \"Puan\",\n  readOnly = false,\n  skeleton = false,\n}: Readonly<RateProps>) {\n  const [hoverValue, setHoverValue] = useState<number | undefined>(undefined);\n  const [displayValue, setDisplayValue] = useControllableState<number>({ value, defaultValue, onChange });\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (autoFocus) rootRef.current?.focus();\n  }, [autoFocus]);\n\n  const colorClass = color ? textClass[color] : \"text-mari-rating\";\n  const interactive = !disabled && !readOnly;\n\n  if (skeleton) {\n    return (\n      <div aria-hidden className={cn(\"flex gap-1\", className)}>\n        {Array.from({ length: count }, (_, i) => (\n          <span key={i} {...skeletonBoxProps(\"rounded-sm\")} style={{ width: characterSize, height: characterSize }} />\n        ))}\n      </div>\n    );\n  }\n  const step = allowHalf ? 0.5 : 1;\n\n  /**\n   * Eskiden kök `<div>` odaklanabilirdi (`tabIndex`) ama YALNIZCA fareyle\n   * değiştirilebiliyordu — dahili hiçbir tuş işleyicisi yoktu, `onKeyDown`\n   * salt tüketiciye ilettiği bir pass-through'du. Klavye kullanıcısı için\n   * KULLANILAMAZ durumdaydı (AutoComplete'in Faz 13'te düzeltilen aynı\n   * sınıf hatası). Ok Sağ/Yukarı artırır, Ok Sol/Aşağı azaltır, Home/End\n   * uçlara atlar.\n   */\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (disabled) return;\n    if (![\"ArrowRight\", \"ArrowUp\", \"ArrowLeft\", \"ArrowDown\", \"Home\", \"End\"].includes(e.key)) return;\n    e.preventDefault();\n    // Fare daha önce üzerinde durup ayrılmadıysa `hoverValue` hâlâ set —\n    // görsel önizleme `displayValue`nun önüne geçip klavyeyle yapılan\n    // değişikliği MASKELİYORDU (aria-value* doğru ama yıldızlar eski\n    // hover konumunda donuk kalıyordu). Klavyeyle her değişiklikte temizle.\n    setHoverValue(undefined);\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowUp\") {\n      setDisplayValue(Math.min(count, Math.round((displayValue + step) * 2) / 2));\n    } else if (e.key === \"ArrowLeft\" || e.key === \"ArrowDown\") {\n      setDisplayValue(Math.max(0, Math.round((displayValue - step) * 2) / 2));\n    } else if (e.key === \"Home\") {\n      setDisplayValue(0);\n    } else if (e.key === \"End\") {\n      setDisplayValue(count);\n    }\n  };\n\n  const currentValue = hoverValue ?? displayValue;\n  const { filledIcon, emptyIcon, tintEmpty } = resolveStarIcons(character, color, characterColor, characterSize);\n\n  // Etkileşimsizken (disabled/readOnly) yıldızlar hiçbir olay dinlemez.\n  const starHandlers = (i: number): React.HTMLAttributes<HTMLSpanElement> =>\n    interactive\n      ? {\n          // `onChange` BİLİNÇLİ OLARAK geçirilmiyor: `setDisplayValue` zaten\n          // kendi `onChange`'ini tetikliyor — ikisi birden ÇİFT çağırırdı.\n          onClick: (e) => handleClick(e, i, { allowHalf, allowClear, displayValue, isControlled: false, setInternalValue: setDisplayValue }),\n          onMouseEnter: (e) => handleMouseEnter(e, i, allowHalf, setHoverValue, onHoverChange),\n          onMouseMove: (e) => handleMouseEnter(e, i, allowHalf, setHoverValue, onHoverChange),\n          onMouseLeave: () => handleMouseLeave(setHoverValue, onHoverChange),\n        }\n      : {};\n\n  const stars = Array.from({ length: count }, (_, i) => {\n    // Yıldızın dolu oranı (0–1). Etkileşimli modda tam/yarım; salt gösterimde\n    // gerçek ondalık oran (4,3 → 5. yıldızın %30'u).\n    const fraction = starFraction(currentValue, i, allowHalf, readOnly);\n\n    return (\n      <span\n        key={i}\n        // Kök tek bir ARIA \"slider\" (ya da salt gösterimde \"img\"); bu span'lar\n        // yalnızca görsel/tıklama hedefi, ekran okuyucudan gizli.\n        aria-hidden=\"true\"\n        {...starHandlers(i)}\n        className={cn(\n          \"relative inline-flex select-none items-center justify-center text-mari-input\",\n          // Dokunmatikte her yıldız 44px yüksek, komşusuyla boşluksuz bir hedef.\n          interactive && \"cursor-pointer pointer-coarse:before:absolute pointer-coarse:before:-inset-x-1 pointer-coarse:before:-inset-y-2.5\",\n          disabled && \"cursor-not-allowed\"\n        )}\n        style={{ fontSize: characterSize }}\n      >\n        {/* Boş yıldız yer tutar; dolu yıldız üstte, orana göre KIRPILIR. */}\n        <span className={cn(\"inline-flex\", tintEmpty && colorClass)} style={tintEmpty ? { color: characterColor } : undefined} aria-hidden>\n          {emptyIcon}\n        </span>\n        {fraction > 0 && (\n          <span\n            // Kırpma kutusu `block` + içerik SABİT genişlikte: eskiden kutu\n            // `inline-flex` idi, içindeki yıldız %50'lik kutuya sığmak için\n            // KÜÇÜLÜYORDU (yarım yıldız yerine minik tam yıldız görünüyordu).\n            className={cn(\"pointer-events-none absolute inset-y-0 left-0 block overflow-hidden\", colorClass)}\n            style={{ width: `${Math.round(fraction * 1000) / 10}%`, color: characterColor }}\n            aria-hidden\n          >\n            <span className=\"flex h-full shrink-0 items-center\" style={{ width: characterSize }}>\n              {filledIcon}\n            </span>\n          </span>\n        )}\n      </span>\n    );\n  });\n\n  const valueText = `${displayValue.toLocaleString(\"tr-TR\")} / ${count}`;\n\n  if (readOnly) {\n    return (\n      <div role=\"img\" aria-label={`${ariaLabel}: ${valueText}`} className={cn(\"flex gap-1\", className)}>\n        {stars}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={rootRef}\n      className={cn(\n        \"flex gap-1 rounded-sm focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-mari-ring pointer-coarse:gap-2\",\n        className\n      )}\n      tabIndex={disabled ? -1 : 0}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={handleKeyDown}\n      role=\"slider\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={count}\n      aria-valuenow={displayValue}\n      aria-valuetext={valueText}\n      aria-disabled={disabled || undefined}\n    >\n      {stars}\n    </div>\n  );\n}\n","import React from \"react\";\n\nexport function getIsHalf(\n  e: React.MouseEvent<HTMLSpanElement>,\n  allowHalf: boolean\n): boolean {\n  const { left, width } = e.currentTarget.getBoundingClientRect();\n  return allowHalf && e.clientX - left < width / 2;\n}\n\ntype HandleClickOptions = {\n  allowHalf: boolean;\n  allowClear: boolean;\n  displayValue: number;\n  isControlled: boolean;\n  setInternalValue: (v: number) => void;\n  onChange?: (v: number) => void;\n};\n\nexport function handleClick(\n  e: React.MouseEvent<HTMLSpanElement>,\n  index: number,\n  options: HandleClickOptions\n) {\n  const {\n    allowHalf,\n    allowClear,\n    displayValue,\n    isControlled,\n    setInternalValue,\n    onChange,\n  } = options;\n\n  const isHalf = getIsHalf(e, allowHalf);\n  let newValue = isHalf ? index + 0.5 : index + 1;\n\n  if (allowClear && displayValue === newValue) {\n    newValue = 0;\n  }\n\n  if (!isControlled) {\n    setInternalValue(newValue);\n  }\n\n  onChange?.(newValue);\n}\n\nexport function handleMouseEnter(\n  e: React.MouseEvent<HTMLSpanElement>,\n  index: number,\n  allowHalf: boolean,\n  setHoverValue: (v: number) => void,\n  onHoverChange?: (v: number) => void\n) {\n  const isHalf = getIsHalf(e, allowHalf);\n  const val = isHalf ? index + 0.5 : index + 1;\n  setHoverValue(val);\n  onHoverChange?.(val);\n}\n\nexport function handleMouseLeave(\n  setHoverValue: (v: number | undefined) => void,\n  onHoverChange?: (v: number) => void\n) {\n  setHoverValue(undefined);\n  onHoverChange?.(0);\n}\n"],"mappings":"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","names":[]}

package/dist/segmented.d.ts

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

package/dist/segmented.js

@@ -0,0 +1,10 @@
+import {
+  Segmented
+} from "./chunk-LEOIKO7C.js";
+import "./chunk-LBQMEHK6.js";
+import "./chunk-FFXRFQSU.js";
+import "./chunk-54HHEXXD.js";
+export {
+  Segmented
+};
+//# sourceMappingURL=segmented.js.map

package/dist/segmented.js.map

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

package/dist/select.d.ts

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

package/dist/select.js

@@ -0,0 +1,18 @@
+import {
+  Select
+} from "./chunk-IO4346TF.js";
+import "./chunk-ZLPAXPDI.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 {
+  Select
+};
+//# sourceMappingURL=select.js.map

package/dist/select.js.map

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

package/dist/skeleton.d.ts

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

package/dist/skeleton.js

@@ -0,0 +1,15 @@
+import {
+  Skeleton,
+  SkeletonBlock,
+  SkeletonButton,
+  SkeletonInput
+} from "./chunk-NPM7IDYV.js";
+import "./chunk-XUKVQO6M.js";
+import "./chunk-54HHEXXD.js";
+export {
+  Skeleton,
+  SkeletonBlock,
+  SkeletonButton,
+  SkeletonInput
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/skeleton.js.map

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

package/dist/slider.d.ts

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