@qumra/fanar 0.0.0

package/README.md

@@ -0,0 +1,34 @@
+# `@qumra/fanar`
+
+مكتبة مكوّنات قمرة وتوكنزها — **عربي أولاً**، Tailwind 4، RSC-آمن.
+
+```bash
+pnpm add @qumra/fanar
+```
+
+```tsx
+import { Button, Money }  from '@qumra/fanar'          // مكوّنات — عميل
+import { cn }             from '@qumra/fanar/lib'      // دوال — خادم كمان
+import { TOKENS }         from '@qumra/fanar/tokens'   // قيم — خادم كمان
+```
+
+```css
+@import 'tailwindcss';
+@import '@qumra/fanar/tokens.css';
+```
+
+## القواعد الستة
+
+مفيش لون بالإيد · الأسطح بالتوكنز الدلالية · خصائص منطقية بس · عناصر
+حقيقية · الأرقام بـ`data-numeric` · المقاسات من السلّم.
+
+التفاصيل في `CLAUDE.md`، والقرارات وأسبابها في `DECISIONS.md`.
+
+## التطوير
+
+```bash
+pnpm install
+pnpm verify      # الفحوص العشرة — ده تعريف «خلصت»
+```
+
+التوثيق الحيّ (صفحة لكل مكوّن) في المشروع اللي جنبه: [`../preview`](../preview).

package/dist/chunk-SFA2EQFK.js

@@ -0,0 +1,159 @@
+// src/tokens/tokens.ts
+var TEXT_SCALE = ["micro", "caption", "ui", "body", "lead", "base", "h4", "h3", "h2", "h1", "display", "hero", "title", "mega"];
+var RADIUS_SCALE = ["mark", "xs", "sm", "field", "card", "lg", "section", "full"];
+var SHADOW_SCALE = ["raise", "tip", "panel", "pop", "modal", "toast", "sheet"];
+var CONTAINER_SCALE = ["page", "shell", "note", "lead"];
+var ANIMATE_SCALE = ["qfade", "qslide", "tip", "tip-up", "drawer", "drawer-rtl", "savebar", "skeleton"];
+var COLOR_SCALE = ["surface", "bg", "line", "hover", "ink", "ink2", "muted", "muted2", "border", "soft", "soft2", "brand-100", "brand-900", "brand-ink", "brand", "brand-hover", "brand-deep", "skeleton", "tint", "tint2", "mint", "amber-900", "amber", "amber-bg", "amber-ink", "amber-line", "amber-hover", "green", "green-bg", "green-bg2", "green-line", "green-solid", "violet", "violet-bg", "violet-line", "violet-solid", "red-100", "red", "red-bg", "red-line", "danger", "danger-hover", "night", "hero-body", "hero-meta", "hero-dim", "hero-text", "code-bg", "code-plain", "code-key", "code-tag", "code-attr", "code-str", "code-num", "code-note", "code-dim", "code-line", "code-chip"];
+var TOKENS = {
+  "--font-sans": '"Alexandria", system-ui, sans-serif',
+  "--color-surface": "#ffffff",
+  "--color-bg": "#f7f9f9",
+  "--color-line": "#edf1f1",
+  "--color-hover": "#f2f6f6",
+  "--color-ink": "#020809",
+  "--color-ink2": "#3d4545",
+  "--color-muted": "#5f6a6a",
+  "--color-muted2": "#687373",
+  "--color-border": "#7f8c8c",
+  "--color-soft": "#eaf2f3",
+  "--color-soft2": "#dceded",
+  "--color-brand-100": "#a5c9cc",
+  "--color-brand-900": "#0a2528",
+  "--color-brand-ink": "#0f4a4e",
+  "--color-brand": "#207982",
+  "--color-brand-hover": "#1a646c",
+  "--color-brand-deep": "#0b3b3e",
+  "--color-skeleton": "#d6dcdc",
+  "--color-tint": "#f4faf8",
+  "--color-tint2": "#eff6f3",
+  "--color-mint": "#7dd3c0",
+  "--color-amber-900": "#3d2a05",
+  "--color-amber": "#f8ac33",
+  "--color-amber-bg": "#fef6e9",
+  "--color-amber-ink": "#85570f",
+  "--color-amber-line": "#fbd79a",
+  "--color-amber-hover": "#de9219",
+  "--color-green": "#1e7a45",
+  "--color-green-bg": "#f1faf4",
+  "--color-green-bg2": "#e9f6ee",
+  "--color-green-line": "#bfe6ce",
+  "--color-green-solid": "#1e7a45",
+  "--color-violet": "#4b3e8e",
+  "--color-violet-bg": "#edeaf6",
+  "--color-violet-line": "#ded8ef",
+  "--color-violet-solid": "#6d5eb8",
+  "--color-red-100": "#f3a79e",
+  "--color-red": "#8e2b20",
+  "--color-red-bg": "#fdecea",
+  "--color-red-line": "#f3c9c4",
+  "--color-danger": "#c94134",
+  "--color-danger-hover": "#a3362b",
+  "--color-night": "#0b0f12",
+  "--color-hero-body": "#bfd9d8",
+  "--color-hero-meta": "#8fb3b2",
+  "--color-hero-dim": "#5e7a79",
+  "--color-hero-text": "#d7e3e2",
+  "--color-code-bg": "#1f1f1f",
+  "--color-code-plain": "#d4d4d4",
+  "--color-code-key": "#569cd6",
+  "--color-code-tag": "#4ec9b0",
+  "--color-code-attr": "#9cdcfe",
+  "--color-code-str": "#ce9178",
+  "--color-code-num": "#b5cea8",
+  "--color-code-note": "#6a9955",
+  "--color-code-dim": "#858585",
+  "--color-code-line": "#303031",
+  "--color-code-chip": "#f4f7f7",
+  "--text-micro": "11px",
+  "--text-caption": "12px",
+  "--text-ui": "13px",
+  "--text-body": "14px",
+  "--text-lead": "15px",
+  "--text-base": "16px",
+  "--text-base--line-height": "initial",
+  "--text-h4": "17px",
+  "--text-h3": "20px",
+  "--text-h2": "24px",
+  "--text-h1": "30px",
+  "--text-display": "36px",
+  "--text-hero": "44px",
+  "--text-title": "40px",
+  "--text-mega": "54px",
+  "--container-page": "1600px",
+  "--container-shell": "1600px",
+  "--container-note": "340px",
+  "--container-lead": "520px",
+  "--radius-mark": "3px",
+  "--radius-xs": "5px",
+  "--radius-sm": "7px",
+  "--radius-field": "9px",
+  "--radius-card": "12px",
+  "--radius-lg": "14px",
+  "--radius-section": "18px",
+  "--radius-full": "999px",
+  "--shadow-raise": "0 1px 3px var(--shadow-color)",
+  "--shadow-tip": "0 6px 18px var(--shadow-color)",
+  "--shadow-panel": "0 10px 30px var(--shadow-color)",
+  "--shadow-pop": "0 18px 44px var(--shadow-color)",
+  "--shadow-modal": "0 24px 60px rgb(2 8 9 / 0.28)",
+  "--shadow-toast": "0 16px 40px rgb(2 8 9 / 0.26)",
+  "--shadow-sheet": "0 -14px 40px rgb(2 8 9 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.06)",
+  "--shadow-color": "rgb(2 8 9 / 0.14)",
+  "--animate-qfade": "qfade 0.16s ease-out",
+  "--animate-qslide": "qslidein 0.22s ease-out",
+  "--animate-tip": "tip-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1)",
+  "--animate-tip-up": "tip-up 0.3s cubic-bezier(0.2, 0.9, 0.2, 1)",
+  "--animate-drawer": "drawer-ltr 0.32s cubic-bezier(0.2, 0.9, 0.2, 1)",
+  "--animate-drawer-rtl": "drawer-rtl 0.32s cubic-bezier(0.2, 0.9, 0.2, 1)",
+  "--animate-savebar": "savebar-in 0.2s cubic-bezier(0.2, 0.8, 0.2, 1)",
+  "--animate-skeleton": "skeleton-pulse 1.6s ease-in-out infinite",
+  "--num-align": "right",
+  "--num-align-far": "left",
+  "--num-pad-right": "0.875rem",
+  "--num-pad-left": "3.5rem",
+  "--num-icon-pad-right": "2.5rem",
+  "--num-icon-pad-left": "0.875rem"
+};
+var DARK_TOKENS = {
+  "--color-surface": "#101718",
+  "--color-bg": "#0a0f10",
+  "--color-line": "#1e2829",
+  "--color-hover": "#1a2425",
+  "--color-ink": "#f2f6f6",
+  "--color-ink2": "#c7d1d1",
+  "--color-muted": "#93a0a0",
+  "--color-muted2": "#7a8787",
+  "--color-border": "#5e6b6c",
+  "--color-soft": "#12363a",
+  "--color-soft2": "#17454a",
+  "--color-brand-ink": "#7dd3c0",
+  "--color-skeleton": "#2c3232",
+  "--color-amber": "#f8ac33",
+  "--color-amber-bg": "#2b2009",
+  "--color-amber-ink": "#f5c77a",
+  "--color-amber-line": "#5c4415",
+  "--color-green": "#6ecf9a",
+  "--color-green-bg": "#0d2119",
+  "--color-green-bg2": "#102a22",
+  "--color-green-line": "#245140",
+  "--color-violet": "#b9aeea",
+  "--color-violet-bg": "#1e1a33",
+  "--color-violet-line": "#38305c",
+  "--color-red": "#f3a79e",
+  "--color-red-bg": "#2c1613",
+  "--color-red-line": "#5c2a24",
+  "--color-code-chip": "#17201f",
+  "--shadow-color": "rgb(0 0 0 / 0.55)"
+};
+
+export {
+  TEXT_SCALE,
+  RADIUS_SCALE,
+  SHADOW_SCALE,
+  CONTAINER_SCALE,
+  ANIMATE_SCALE,
+  COLOR_SCALE,
+  TOKENS,
+  DARK_TOKENS
+};