@qumra/fanar 0.0.0

package/dist/lib.d.ts

@@ -0,0 +1,44 @@
+/**
+ * دمج كلاسات — المتأخّر بيكسب المتعارِض معه، والباقي بيفضل.
+ * بيقبل أي قيمة falsy عشان `cond && 'class'` يشتغل حتى لو cond رقم أو نص.
+ */
+type ClassValue = string | false | 0 | 0n | null | undefined;
+declare function cn(...parts: ClassValue[]): string;
+type Tone = 'neutral' | 'brand' | 'amber' | 'green' | 'red' | 'violet';
+declare const TONE_SOFT: Record<Tone, string>;
+declare const TONE_SOLID: Record<Tone, string>;
+/** أيقونة داخل مربع ملوّن — النمط ده متكرر في كل كرت إحصائي وصف */
+declare const TONE_ICON: Record<Tone, string>;
+/**
+ * يحوّل الأرقام العربية-الهندية للاتينية.
+ *
+ * ── ليه ده لازم ────────────────────────────────────────────────────────
+ * لوحة المفاتيح العربية على الموبايل بتكتب `٥٦٤٦`، والمتصفّح مابيعرفش
+ * إنها أرقام: `Number('٥٦٤٦')` بيدّي `NaN`، و`type="number"` بيرفضها
+ * ويفضّي الحقل من غير ما يقول ليه.
+ *
+ * فالمستخدم بيكتب رقم صح والحقل بيبان فاضي — وأسوأ حاجة في ده إنه
+ * **مابيرميش خطأ**: مفيش رسالة ولا تحقّق، الرقم بيختفي وبس.
+ *
+ * ── والتحويل فوري ──────────────────────────────────────────────────────
+ * وهو بيكتب مش عند الحفظ. لو اتأخّر للحفظ، الحقل بيفضل يعرض `٥٦٤٦`
+ * والحسابات اللي بتتفرّج عليه (الربح، الإجمالي) بتشتغل على `NaN` —
+ * فالشاشة بتقول رقم والحساب بيقول لأ.
+ *
+ * بيغطّي التلات مجموعات: العربية-الهندية (٠-٩) والفارسية-الأردية
+ * (۰-۹) وعلامتَي العشرية والآلاف العربيتين.
+ */
+declare function toLatinDigits(s: string): string;
+type ButtonVariant = 'primary' | 'soft' | 'outline' | 'ghost' | 'danger' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
+/**
+ * كلاسات الزرار من غير العنصر نفسه.
+ *
+ * موجودة عشان اللينك اللي شكله زرار: `<Button>` بيطلّع `<button>`
+ * دايماً، والحاجة اللي بتوَدّي لصفحة تانية لازم تبقى `<a>` — الوسط
+ * بيضغط عليها يفتح تبويب، وقارئ الشاشة بيقول «رابط» مش «زر».
+ * صفحة الهبوط كلها من النوع ده، فالبديل كان نسخ خرايط الأنماط.
+ */
+declare function buttonClasses(variant?: ButtonVariant, size?: ButtonSize, extra?: string): string;
+
+export { type ButtonSize, type ButtonVariant, TONE_ICON, TONE_SOFT, TONE_SOLID, type Tone, buttonClasses, cn, toLatinDigits };

package/dist/lib.js

@@ -0,0 +1,92 @@
+import {
+  ANIMATE_SCALE,
+  CONTAINER_SCALE,
+  RADIUS_SCALE,
+  SHADOW_SCALE,
+  TEXT_SCALE
+} from "./chunk-SFA2EQFK.js";
+
+// src/lib.ts
+import { extendTailwindMerge } from "tailwind-merge";
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "font-size": [{ text: TEXT_SCALE }],
+      rounded: [{ rounded: RADIUS_SCALE }],
+      shadow: [{ shadow: SHADOW_SCALE }],
+      "max-w": [{ "max-w": CONTAINER_SCALE }],
+      animate: [{ animate: ANIMATE_SCALE }]
+    }
+  }
+});
+function cn(...parts) {
+  return twMerge(parts.filter((p) => typeof p === "string" && p.length > 0).join(" "));
+}
+var TONE_SOFT = {
+  neutral: "bg-hover text-muted",
+  brand: "bg-soft text-brand-ink",
+  amber: "bg-amber-bg text-amber-ink",
+  green: "bg-green-bg2 text-green",
+  red: "bg-red-bg text-red",
+  violet: "bg-violet-bg text-violet"
+};
+var TONE_SOLID = {
+  neutral: "bg-ink2 text-surface",
+  brand: "bg-brand text-white",
+  amber: "bg-amber text-amber-900",
+  green: "bg-green-solid text-white",
+  red: "bg-danger text-white",
+  violet: "bg-violet-solid text-white"
+};
+var TONE_ICON = TONE_SOFT;
+function toLatinDigits(s) {
+  return s.replace(/[٠-٩۰-۹٫٬]/g, (c) => {
+    const code = c.charCodeAt(0);
+    if (code === 1643) return ".";
+    if (code === 1644) return "";
+    const base = code >= 1776 ? 1776 : 1632;
+    return String(code - base);
+  });
+}
+var VARIANTS = {
+  primary: "bg-brand border-brand text-white hover:bg-brand-hover",
+  soft: "bg-soft border-soft2 text-brand-ink hover:bg-soft2",
+  outline: "bg-surface border-border text-ink2 hover:border-brand hover:text-brand-ink",
+  ghost: "bg-transparent border-transparent text-ink2 hover:bg-hover",
+  /* `hover:bg-danger-hover` مش `hover:bg-red` — والفرق بق مقيس.
+  
+       `--color-red` بيتقلب في الوضع الداكن من `#8e2b20` (أحمر غامق)
+       لـ`#f3a79e` (وردي فاتح)، لأنه لون **نص** هناك لا تعبئة. فزرّ الحذف
+       في الداكن كان بيبقى أبيض على وردي فاتح = **1.94** أول ما الماوس
+       يعدّي عليه.
+  
+       و`danger` كان الشاذ الوحيد: `brand` و`amber` كلٌّ منهم له `-hover`
+       مخصّص. بقى ليه واحد كمان. */
+  danger: "bg-danger border-danger text-white hover:bg-danger-hover",
+  link: "bg-transparent border-transparent text-brand-ink hover:underline underline-offset-4 px-0!"
+};
+var SIZES = {
+  sm: "h-9 px-3.5 gap-1.5 text-ui rounded-sm",
+  /* ٤٤ — نفس ارتفاع الحقل، فالزرّ بجانبه يقف على نفس الخطّ */
+  md: "h-11 px-4 gap-2 text-body rounded-field",
+  lg: "h-12 px-5 gap-2 text-lead rounded-card",
+  xl: "h-14 px-5.5 gap-4 text-h3 font-extrabold rounded-field"
+};
+function buttonClasses(variant = "primary", size = "md", extra) {
+  return cn(
+    "inline-flex items-center justify-center border font-bold whitespace-nowrap",
+    "cursor-pointer transition-colors duration-150 select-none",
+    "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand",
+    SIZES[size],
+    VARIANTS[variant],
+    extra
+  );
+}
+export {
+  TONE_ICON,
+  TONE_SOFT,
+  TONE_SOLID,
+  buttonClasses,
+  cn,
+  toLatinDigits
+};