@mohasinac/appkit 2.1.1 → 2.2.0

package/dist/chunk-DSCHV5OD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-DSCHV5OD.js","sourcesContent":["/**\n * @mohasinac/tokens — TypeScript constants\n *\n * Mirrors the CSS custom properties in tokens.css as typed TS values.\n * Use these when you need token values in JS (e.g. canvas drawing, charting,\n * or building the tailwind.config.js color palette from a single source).\n *\n * In CSS/Tailwind prefer `var(--appkit-*)` references over these constants.\n */\n\n// ─── Brand Colors ──────────────────────────────────────────────────────────\n\nexport const COLORS = {\n  primary: {\n    DEFAULT: \"#84e122\",\n    50: \"#f3ffe3\",\n    100: \"#e4ffc5\",\n    200: \"#c8ff90\",\n    300: \"#a3f550\",\n    400: \"#84e122\",\n    500: \"#65c408\",\n    600: \"#509c02\",\n    700: \"#3e7708\",\n    800: \"#345e0d\",\n    900: \"#2c5011\",\n    950: \"#142d03\",\n  },\n  secondary: {\n    DEFAULT: \"#e91e8c\",\n    50: \"#fdf0f8\",\n    100: \"#fce2f2\",\n    200: \"#fac6e6\",\n    300: \"#f79dd2\",\n    400: \"#f063b9\",\n    500: \"#e91e8c\",\n    600: \"#d4107a\",\n    700: \"#b00d66\",\n    800: \"#900f56\",\n    900: \"#771249\",\n    950: \"#480525\",\n  },\n  cobalt: {\n    DEFAULT: \"#3570fc\",\n    50: \"#eef5ff\",\n    100: \"#d9e8ff\",\n    200: \"#bcd4ff\",\n    300: \"#8eb9ff\",\n    400: \"#5992ff\",\n    500: \"#3570fc\",\n    600: \"#1a55f2\",\n    700: \"#1343de\",\n    800: \"#1536b4\",\n    900: \"#18318e\",\n    950: \"#111e58\",\n  },\n  accent: {\n    DEFAULT: \"#8393b2\",\n    50: \"#f5f7fa\",\n    100: \"#eaeef4\",\n    200: \"#d1dae6\",\n    300: \"#adb9cf\",\n    400: \"#8393b2\",\n    500: \"#657599\",\n    600: \"#505f7f\",\n    700: \"#424d67\",\n    800: \"#394257\",\n    900: \"#333b4b\",\n    950: \"#222730\",\n  },\n  semantic: {\n    success: \"#059669\",\n    warning: \"#d97706\",\n    error: \"#dc2626\",\n    info: \"#0284c7\",\n  },\n} as const;\n\n// ─── Border Radius ─────────────────────────────────────────────────────────\n\nexport const RADIUS = {\n  sm: \"0.25rem\",\n  md: \"0.375rem\",\n  lg: \"0.5rem\",\n  xl: \"0.75rem\",\n  \"2xl\": \"1rem\",\n  \"3xl\": \"1.5rem\",\n  card: \"1rem\",\n  btn: \"0.75rem\",\n  full: \"9999px\",\n} as const;\n\n// ─── Shadow ────────────────────────────────────────────────────────────────\n\nexport const SHADOWS = {\n  sm: \"0 1px 2px 0 rgba(0,0,0,0.05)\",\n  md: \"0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)\",\n  lg: \"0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)\",\n  xl: \"0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)\",\n  soft: \"0 2px 15px -3px rgba(0,0,0,0.07), 0 10px 20px -2px rgba(0,0,0,0.04)\",\n  glow: \"0 0 20px rgba(80, 156, 2, 0.45)\",\n  glowPink: \"0 0 20px rgba(233, 30, 140, 0.5)\",\n} as const;\n\n// ─── Z-index ───────────────────────────────────────────────────────────────\n\nexport const Z_INDEX = {\n  dropdown: 30,\n  searchBackdrop: 35,\n  navbar: 40,\n  bottomNav: 40,\n  overlay: 45,\n  sidebar: 50,\n  titleBar: 50,\n  modal: 60,\n  toast: 70,\n} as const;\n\n// ─── Token helper ──────────────────────────────────────────────────────────\n\n/**\n * Returns a CSS custom property reference for the given token name.\n *\n * @example\n *   token(\"color-primary\")       // \"var(--appkit-color-primary)\"\n *   token(\"radius-card\")         // \"var(--appkit-radius-card)\"\n *   token(\"shadow-glow\")         // \"var(--appkit-shadow-glow)\"\n */\nexport function token(name: string): string {\n  return `var(--appkit-${name})`;\n}\n\n// ─── Convenience groups ────────────────────────────────────────────────────\n\nexport const TOKENS = {\n  colors: COLORS,\n  radius: RADIUS,\n  shadows: SHADOWS,\n  zIndex: Z_INDEX,\n  token,\n} as const;\n\n// ─── LOCALE_CONFIG ─────────────────────────────────────────────────────────\n\n/**\n * Locale and currency defaults for Indian e-commerce.\n * Consumer projects can override individual keys in their own constants.\n *\n * @example\n * ```ts\n * import { LOCALE_CONFIG } from \"@mohasinac/appkit/tokens\";\n *\n * const price = new Intl.NumberFormat(LOCALE_CONFIG.defaultLocale, {\n *   style: \"currency\",\n *   currency: LOCALE_CONFIG.defaultCurrency,\n * }).format(1299);\n * // => \"\\u20b91,299.00\"\n * ```\n */\nexport const LOCALE_CONFIG = {\n  /** IETF language tag used for Intl formatters. */\n  defaultLocale: \"en-IN\",\n  /** ISO 4217 currency code. */\n  defaultCurrency: \"INR\",\n  /** IANA timezone for server-side date rendering. */\n  defaultTimezone: \"Asia/Kolkata\",\n  /** ISO 3166-1 alpha-2 country code. */\n  defaultCountry: \"IN\",\n  /** Locales available for the i18n router. */\n  supportedLocales: [\"en-IN\", \"en-US\", \"en-GB\"] as const,\n  /** Currencies the platform accepts. */\n  supportedCurrencies: [\"INR\", \"USD\", \"GBP\", \"EUR\", \"AED\", \"SGD\"] as const,\n  /** Currency symbol map for quick display use. */\n  currencySymbols: {\n    INR: \"\\u20b9\",\n    USD: \"$\",\n    GBP: \"\\u00a3\",\n    EUR: \"\\u20ac\",\n    AED: \"\\u062f.\\u0625\",\n    SGD: \"S$\",\n  } as const,\n  /** Phone number prefix for IN locale. */\n  defaultPhonePrefix: \"+91\",\n  /** Postal code pattern for India (6 digits). */\n  postalPattern: /^[1-9][0-9]{5}$/,\n} as const;\n\n//\n// Responsive-first design system constants for Tailwind CSS.\n// Framework rule: every grid includes xl: and 2xl: breakpoints (widescreen).\n// Touch targets are ≥ 44×44 px (WCAG 2.5.5).\n//\n// Projects (letitrip.in, licorice, hobson) import this as their base and\n// extend with brand-specific values. The `primary`/`secondary` Tailwind color\n// names are resolved by each consumer project's tailwind.config.js.\n\n/**\n * Dark-mode aware classes for backgrounds, text, and borders.\n * Base = zinc (light) / slate (dark — navy-tinted).\n */\nconst THEMED = {\n  // Backgrounds\n  bgPrimary: \"bg-zinc-50 dark:bg-slate-950\",\n  bgSecondary: \"bg-zinc-100 dark:bg-slate-900\",\n  bgTertiary: \"bg-zinc-200 dark:bg-slate-800\",\n  bgElevated: \"bg-white dark:bg-slate-900/90\",\n  bgInput: \"bg-white dark:bg-slate-800/60\",\n  // Text\n  textPrimary: \"text-zinc-900 dark:text-zinc-50\",\n  textSecondary: \"text-zinc-500 dark:text-zinc-400\",\n  textMuted: \"text-zinc-400 dark:text-zinc-500\",\n  textError: \"text-red-600 dark:text-red-400\",\n  textSuccess: \"text-emerald-600 dark:text-emerald-400\",\n  textOnPrimary: \"text-white\",\n  textOnDark: \"text-white\",\n  // Borders\n  border: \"border-zinc-200 dark:border-slate-700\",\n  borderSubtle: \"border-zinc-100 dark:border-slate-800/60\",\n  borderLight: \"border-zinc-100 dark:border-slate-700/60\",\n  borderError: \"border-red-500\",\n  borderColor: \"border-zinc-200 dark:border-slate-700\",\n  // Interactive\n  hover: \"hover:bg-zinc-100 dark:hover:bg-slate-800\",\n  hoverCard: \"hover:bg-zinc-50 dark:hover:bg-slate-800/60\",\n  hoverBorder: \"hover:border-zinc-300 dark:hover:border-slate-600\",\n  hoverText: \"hover:text-zinc-800 dark:hover:text-zinc-100\",\n  activeRow: \"bg-primary-50 dark:bg-secondary-950/30\",\n  focusRing: \"focus:ring-primary-500 dark:focus:ring-secondary-400\",\n  divider: \"divide-zinc-200 dark:divide-slate-700\",\n  placeholder: \"placeholder-zinc-400 dark:placeholder-zinc-500\",\n} as const;\n\n/**\n * Layout dimension constants (height, width strings for Tailwind).\n */\nconst LAYOUT = {\n  titleBarHeight: \"h-12\",\n  navbarHeight: \"h-10 md:h-12\",\n  sidebarWidth: \"w-80\",\n  bottomNavHeight: \"h-14\",\n  maxContentWidth: \"max-w-[1920px]\",\n  containerWidth: \"max-w-[1920px]\",\n  contentPadding: \"px-4 md:px-6 lg:px-8\",\n  navPadding: \"px-4 sm:px-6 lg:px-8\",\n  titleBarBg:\n    \"bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-zinc-200/80 dark:border-slate-800/80\",\n  navbarBg:\n    \"bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-zinc-200/80 dark:border-slate-800/80\",\n  sidebarBg:\n    \"bg-white dark:bg-slate-900 border-l border-zinc-200 dark:border-slate-800\",\n  bottomNavBg:\n    \"bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-t border-zinc-200/80 dark:border-slate-800/80\",\n  footerBg:\n    \"bg-zinc-50 dark:bg-slate-900 border-t border-zinc-200 dark:border-slate-800\",\n  fullScreen: \"min-h-screen\",\n  flexCenter: \"flex items-center justify-center\",\n  centerText: \"text-center\",\n  // Mobile-first layout zone tokens (Phase 20)\n  /** Full-width content zone: max screen-xl, centred, responsive px */\n  content: \"w-full max-w-screen-xl mx-auto px-4 sm:px-6 xl:px-8\",\n  /** Narrow zone for forms, articles, policy pages */\n  tight: \"w-full max-w-3xl mx-auto px-4 sm:px-6\",\n  /** Vertical rhythm padding for sections */\n  section: \"py-10 sm:py-14 xl:py-20\",\n  /** Compact sections (filters, related products) */\n  sectionSm: \"py-6 sm:py-10\",\n  /** Responsive gap for flex/grid children */\n  gap: \"gap-4 sm:gap-6 xl:gap-8\",\n  /** Responsive vertical stack spacing */\n  stack: \"space-y-4 sm:space-y-6\",\n  /** Kill trailing space from last child in a zone */\n  noBleed: \"pb-0 mb-0\",\n  /** Kill top margin from first element in a zone */\n  firstChild: \"mt-0 pt-0\",\n  /** Kill bottom margin from last element in a zone */\n  lastChild: \"mb-0 pb-0\",\n  /** Combined bottom-nav bar (hidden on lg+, iPhone safe-area aware) */\n  bottomNav:\n    \"fixed bottom-0 inset-x-0 z-50 flex justify-around items-center h-16 bg-white dark:bg-zinc-900 border-t border-zinc-200 dark:border-zinc-800 lg:hidden pb-[env(safe-area-inset-bottom)]\",\n  /** Main content bottom padding to clear the bottom nav on mobile */\n  mainPadBottomNav: \"pb-20 lg:pb-0\",\n} as const;\n\n/**\n * Typography scale — fluid steps across sm/md/lg breakpoints.\n */\nconst TYPOGRAPHY = {\n  pageTitle:\n    \"text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight leading-tight\",\n  pageSubtitle:\n    \"text-base md:text-lg text-zinc-500 dark:text-zinc-400 leading-relaxed mt-1\",\n  sectionTitle: \"text-xl md:text-2xl lg:text-3xl font-semibold tracking-tight\",\n  sectionSubtitle:\n    \"text-sm md:text-base lg:text-lg text-zinc-500 dark:text-zinc-400\",\n  cardTitle: \"text-base md:text-lg font-semibold leading-snug\",\n  cardBody: \"text-sm md:text-base leading-relaxed\",\n  label: \"text-sm font-medium text-zinc-700 dark:text-zinc-300\",\n  caption: \"text-xs text-zinc-500 dark:text-zinc-400\",\n  overline:\n    \"text-xs font-semibold uppercase tracking-wider text-zinc-500 dark:text-zinc-400\",\n  h1: \"text-3xl md:text-4xl lg:text-5xl font-bold tracking-tight font-display\",\n  h2: \"text-2xl md:text-3xl lg:text-4xl font-bold tracking-tight font-display\",\n  h3: \"text-xl md:text-2xl lg:text-3xl font-bold tracking-tight font-display\",\n  h4: \"text-lg md:text-xl lg:text-2xl font-bold font-display\",\n  h5: \"text-base md:text-lg lg:text-xl font-medium\",\n  h6: \"text-sm md:text-base lg:text-lg font-medium\",\n  body: \"text-base lg:text-lg\",\n  small: \"text-sm lg:text-base\",\n  xs: \"text-xs lg:text-sm\",\n  display: \"text-8xl md:text-9xl font-bold font-display\",\n} as const;\n\n/**\n * Spacing — section, form, and element stacking patterns + gap token map.\n * The gap map mirrors the GAP_MAP inlined in @mohasinac/ui Layout.tsx.\n */\nconst SPACING = {\n  section: \"space-y-8 md:space-y-12 lg:space-y-16\",\n  formGroup: \"space-y-6 lg:space-y-8\",\n  stack: \"space-y-4\",\n  stackSmall: \"space-y-2\",\n  inline: \"space-x-4\",\n  inlineSmall: \"gap-2 lg:gap-3\",\n  inlineLarge: \"gap-4 lg:gap-6\",\n  pageY: \"py-6 sm:py-8 lg:py-10\",\n  sectionGap: \"mt-8 md:mt-12\",\n  cardPadding: \"p-5 sm:p-6 lg:p-8\",\n  padding: {\n    xs: \"p-2\",\n    sm: \"p-3\",\n    md: \"p-4\",\n    lg: \"p-6\",\n    xl: \"p-8\",\n  },\n  gap: {\n    none: \"\",\n    px: \"gap-px\",\n    xs: \"gap-1\",\n    sm: \"gap-2\",\n    \"2.5\": \"gap-2.5\",\n    \"3\": \"gap-3\",\n    md: \"gap-4\",\n    lg: \"gap-6\",\n    xl: \"gap-8\",\n    \"2xl\": \"gap-12\",\n  },\n} as const;\n\n/**\n * Responsive grid presets — mobile-first, every preset reaches xl: and 2xl:.\n *\n * Rules:\n * - Fixed column grids (cols1–cols6) scale gracefully to widescreen.\n * - Card grids start at 1 col on portrait mobile (≤639 px) for readability.\n * - Auto-fill grids use minmax so columns form naturally at any viewport width.\n */\nconst GRID = {\n  /** Single column */\n  cols1: \"grid grid-cols-1\",\n  /** 1 → 2 */\n  cols2: \"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2\",\n  /** 1 → 2 → 3 → 4 on widescreen */\n  cols3:\n    \"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4\",\n  /** 1 → 2 → 3 → 4 → 5 on widescreen */\n  cols4:\n    \"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5\",\n  /** 1 → 2 → 3 → 4 → 5 */\n  cols5:\n    \"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5\",\n  /** 2 → 3 → 4 → 5 → 6 */\n  cols6:\n    \"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6\",\n  /**\n   * Generic card grid — 1 col on portrait mobile → 5 on ultrawide.\n   * Starts at 1 (not 2) so product cards with title+image+price are readable\n   * even on 320 px handsets in portrait orientation.\n   */\n  cards:\n    \"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-4 2xl:grid-cols-5\",\n  /** Auto-fill product cards — min 200 px */\n  productCards: \"grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-6\",\n  /** Auto-fill store cards — min 220 px */\n  storeCards: \"grid grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-6\",\n  /** Auto-fill category icon+label tiles — min 130 px */\n  categoryCards: \"grid grid-cols-[repeat(auto-fill,minmax(130px,1fr))] gap-4\",\n  /** Auto-fill coupon/promo cards — min 264 px */\n  couponCards: \"grid grid-cols-[repeat(auto-fill,minmax(264px,1fr))] gap-6\",\n  /** Auto-fill address / wide cards — min 300 px */\n  addressCards: \"grid grid-cols-[repeat(auto-fill,minmax(300px,1fr))] gap-4\",\n  /** Auto-fill KPI/stat tiles — min 180 px */\n  statTiles: \"grid grid-cols-[repeat(auto-fill,minmax(180px,1fr))] gap-4\",\n  /** Auto-fill account nav tiles — min 160 px */\n  navTiles: \"grid grid-cols-[repeat(auto-fill,minmax(160px,1fr))] gap-4\",\n  /** Auto-fill, min 200 px */\n  autoFillSm: \"grid grid-cols-[repeat(auto-fill,minmax(200px,1fr))]\",\n  /** Auto-fill, min 280 px */\n  autoFillMd: \"grid grid-cols-[repeat(auto-fill,minmax(280px,1fr))]\",\n  /** Auto-fill, min 360 px */\n  autoFillLg: \"grid grid-cols-[repeat(auto-fill,minmax(360px,1fr))]\",\n  /** Fixed 280 px left sidebar + 1fr */\n  sidebar: \"grid grid-cols-1 lg:grid-cols-[280px_1fr]\",\n  /** 1fr + fixed 280 px right sidebar */\n  sidebarRight: \"grid grid-cols-1 lg:grid-cols-[1fr_280px]\",\n  /** Fixed 320 px left sidebar + 1fr (admin) */\n  sidebarWide: \"grid grid-cols-1 lg:grid-cols-[320px_1fr]\",\n  /** Equal halves on md+ */\n  halves: \"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-2 2xl:grid-cols-2\",\n  /** 2fr / 1fr */\n  twoThird: \"grid grid-cols-1 md:grid-cols-[2fr_1fr]\",\n  /** 1fr / 2fr */\n  oneThird: \"grid grid-cols-1 md:grid-cols-[1fr_2fr]\",\n  // Phase 20 mobile-first named grid presets\n  /** Product grid — 2 cols on mobile, scales to 5 on ultrawide */\n  products:\n    \"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3 sm:gap-4 xl:gap-6\",\n  /** Wide card grid — 1 col on mobile → 3 on xl */\n  wide: \"grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6 xl:gap-8\",\n  /** Admin stats grid — 1 col → 4 KPI tiles on xl */\n  admin: \"grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4\",\n  /** Filter sidebar + main content + optional right aside */\n  withFilter:\n    \"grid grid-cols-1 lg:grid-cols-[220px_1fr] xl:grid-cols-[260px_1fr_200px] gap-4 xl:gap-6\",\n} as const;\n\n// ─── FLUID GRID ─────────────────────────────────────────────────────────────\n/**\n * Minimum item widths for auto-fill fluid grids matching the four\n * `fluid-grid-*` CSS utilities (defined in tailwind.config.js plugin).\n *\n * Usage: `useContainerGrid({ minItemWidth: FLUID_GRID_MIN_WIDTHS.card })`\n */\nexport const FLUID_GRID_MIN_WIDTHS = {\n  /** Product cards, store cards */\n  card: 220,\n  /** Admin stat cards, user cards */\n  admin: 260,\n  /** Blog cards, event cards */\n  wide: 300,\n  /** Gallery thumbnails */\n  thumb: 160,\n  /** Form fields — two-column threshold */\n  form: 280,\n  /** Tab strip items */\n  tabItem: 100,\n  /** Filter chips */\n  chip: 80,\n} as const;\n\n/**\n * Tailwind CSS class strings for fluid auto-fill grids.\n * Use these instead of `grid grid-cols-*` breakpoint classes.\n */\nconst FLUID_GRID = {\n  /** Product / store cards — min 220 px */\n  card: \"fluid-grid-card\",\n  /** Admin stat / user cards — min 260 px */\n  admin: \"fluid-grid-admin\",\n  /** Blog / event cards — min 300 px */\n  wide: \"fluid-grid-wide\",\n  /** Gallery thumbnails — min 160 px */\n  thumb: \"fluid-grid-thumb\",\n} as const;\n\n/**\n * Page container presets — max-width + centering + responsive horizontal padding.\n * Mirrors the CONTAINER_MAP inlined in @mohasinac/ui Layout.tsx.\n */\nconst PAGE = {\n  px: \"px-4 sm:px-6 lg:px-8\",\n  container: {\n    /** max-w-3xl — blog / policy */\n    sm: \"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-4xl — contact / about */\n    md: \"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-5xl — checkout / help */\n    lg: \"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-6xl — product detail / cart */\n    xl: \"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-7xl — main content grids (default) */\n    \"2xl\": \"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-screen-2xl — full-bleed content */\n    full: \"max-w-screen-2xl mx-auto px-4 sm:px-6 lg:px-8\",\n    /** max-w-screen-2xl — wide store/seller layouts (compact px) */\n    wide: \"max-w-screen-2xl mx-auto px-4 sm:px-6\",\n    /** max-w-[1920px] — ultra-wide / 4K displays */\n    ultra: \"max-w-[1920px] mx-auto px-4 sm:px-6 lg:px-8\",\n  },\n} as const;\n\n/**\n * Form input styles — border, bg, focus ring, error/success/disabled states.\n */\nconst INPUT = {\n  base: \"rounded-lg border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-800/60 px-3.5 py-2.5 text-base sm:text-sm text-zinc-900 dark:text-zinc-100 focus:ring-2 focus:ring-primary-500/40 dark:focus:ring-secondary-400/40 focus:border-primary-500 dark:focus:border-secondary-400 focus:outline-none transition-colors duration-150 placeholder:text-zinc-400 dark:placeholder:text-zinc-500\",\n  error:\n    \"border-red-400 dark:border-red-500 focus:ring-red-500/20 focus:border-red-500 bg-red-50/30 dark:bg-red-950/10\",\n  success:\n    \"border-emerald-400 dark:border-emerald-500 focus:ring-emerald-500/20 focus:border-emerald-500\",\n  disabled:\n    \"bg-zinc-50 dark:bg-slate-800/30 text-zinc-400 dark:text-zinc-500 cursor-not-allowed opacity-60\",\n  withIcon: \"pl-10\",\n} as const;\n\n/**\n * Card styles — base, hover, elevated, glass, and interactive variants.\n */\nconst CARD = {\n  base: \"rounded-2xl overflow-hidden transition-all\",\n  shadow: \"shadow-sm\",\n  shadowElevated: \"shadow-lg\",\n  hover:\n    \"hover:shadow-md dark:hover:shadow-xl cursor-pointer transition-shadow duration-200\",\n  standard:\n    \"rounded-2xl border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-sm hover:shadow-md transition-all duration-200\",\n  elevated:\n    \"rounded-2xl bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 shadow-md hover:shadow-lg transition-shadow duration-200\",\n  interactive:\n    \"rounded-2xl border border-zinc-200 dark:border-slate-700 bg-white dark:bg-slate-900 shadow-sm hover:shadow-md hover:border-primary-300/60 dark:hover:border-secondary-500/60 transition-all duration-200 cursor-pointer\",\n  glass:\n    \"rounded-2xl backdrop-blur-md bg-white/85 dark:bg-slate-900/85 border border-zinc-200/60 dark:border-slate-700/40 shadow-lg\",\n  // Card anatomy tokens (Phase 20)\n  /** Product card image wrapper — portrait aspect ratio */\n  image: \"relative aspect-[3/4] overflow-hidden bg-zinc-100 dark:bg-zinc-800\",\n  /** Wide image wrapper — video/landscape ratio */\n  imageWide:\n    \"relative aspect-video overflow-hidden bg-zinc-100 dark:bg-zinc-800\",\n  /** Square image wrapper */\n  imageSquare:\n    \"relative aspect-square overflow-hidden bg-zinc-100 dark:bg-zinc-800\",\n  /** Card body — flex-column, responsive padding */\n  body: \"flex flex-col flex-1 gap-1 p-3 sm:p-4\",\n  /** Card footer — responsive padding */\n  footer: \"px-3 pb-3 sm:px-4 sm:pb-4\",\n  /** Badge overlay (top-left) */\n  badge: \"absolute top-2 left-2 z-10\",\n  /** Action overlay, e.g. wishlist button (top-right) */\n  action: \"absolute top-2 right-2 z-10\",\n} as const;\n\n/**\n * Flex layout compositions — pre-composed flex containers.\n * Use these instead of writing flex classes inline.\n */\nconst FLEX = {\n  row: \"flex flex-row\",\n  col: \"flex flex-col\",\n  rowWrap: \"flex flex-row flex-wrap\",\n  colWrap: \"flex flex-col flex-wrap\",\n  inline: \"inline-flex\",\n  center: \"flex items-center justify-center\",\n  between: \"flex items-center justify-between\",\n  betweenStart: \"flex items-start justify-between\",\n  betweenEnd: \"flex items-end justify-between\",\n  start: \"flex items-center justify-start\",\n  end: \"flex items-center justify-end\",\n  rowCenter: \"flex flex-row items-center\",\n  rowStart: \"flex flex-row items-start\",\n  rowEnd: \"flex flex-row items-end\",\n  centerCol: \"flex flex-col items-center justify-center\",\n  colStart: \"flex flex-col items-start\",\n  colCenter: \"flex flex-col items-center\",\n  colEnd: \"flex flex-col items-end\",\n  colBetween: \"flex flex-col justify-between\",\n  inlineCenter: \"inline-flex items-center\",\n  inlineFull: \"inline-flex items-center justify-center\",\n  grow: \"flex-1\",\n  growMin: \"flex-1 min-w-0\",\n  growMinH: \"flex-1 min-h-0\",\n  noShrink: \"flex-shrink-0\",\n  none: \"flex-none\",\n  hCenter: \"flex justify-center\",\n} as const;\n\n/**\n * Position utilities.\n */\nconst POSITION = {\n  relative: \"relative\",\n  absolute: \"absolute\",\n  fixed: \"fixed\",\n  sticky: \"sticky\",\n  static: \"static\",\n  fill: \"absolute inset-0\",\n  absoluteCenter: \"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2\",\n  absoluteTop: \"absolute top-0 inset-x-0\",\n  absoluteBottom: \"absolute bottom-0 inset-x-0\",\n  absoluteTopRight: \"absolute top-0 right-0\",\n  absoluteTopLeft: \"absolute top-0 left-0\",\n  absoluteBottomRight: \"absolute bottom-0 right-0\",\n  absoluteBottomLeft: \"absolute bottom-0 left-0\",\n} as const;\n\n/**\n * Component state modifiers.\n */\nconst STATES = {\n  disabled: \"opacity-50 cursor-not-allowed pointer-events-none\",\n  loading: \"opacity-75 cursor-wait\",\n  readonly: \"bg-zinc-100 dark:bg-slate-800 cursor-default\",\n  error: \"border-red-500 dark:border-red-500\",\n  success: \"border-green-500 dark:border-green-500\",\n  focus:\n    \"focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:focus:ring-secondary-400 dark:focus:ring-offset-slate-950\",\n} as const;\n\n/**\n * Transition classes.\n */\nconst TRANSITIONS = {\n  default: \"transition-all duration-200 ease-in-out\",\n  fast: \"transition-all duration-150 ease-in-out\",\n  slow: \"transition-all duration-500 ease-in-out\",\n  colors: \"transition-colors duration-200 ease-in-out\",\n  transform: \"transition-transform duration-200 ease-in-out\",\n  opacity: \"transition-opacity duration-200 ease-in-out\",\n} as const;\n\n/**\n * Skeleton loading placeholders.\n *\n * Two variants:\n * - `pulse` (default) — fade in/out via `animate-pulse`.\n * - `shimmer` — left-to-right highlight sweep. Requires `animate-shimmer`\n *   keyframe defined in tailwind.config.js:\n *   ```js\n *   // tailwind.config.js\n *   theme: { extend: { animation: { shimmer: \"shimmer 1.5s infinite\" },\n *     keyframes: { shimmer: { \"0%\": { backgroundPosition: \"-400% 0\" },\n *                              \"100%\": { backgroundPosition: \"400% 0\" } } } } }\n *   ```\n */\nconst SKELETON = {\n  // ─ Pulse (fade) variant ────────────────────────────────────────────────────────────────\n  base: \"animate-pulse rounded bg-zinc-200 dark:bg-slate-700/60\",\n  text: \"animate-pulse rounded bg-zinc-200 dark:bg-slate-700/60 h-4\",\n  heading: \"animate-pulse rounded bg-zinc-200 dark:bg-slate-700/60 h-7\",\n  image: \"animate-pulse rounded-xl bg-zinc-200 dark:bg-slate-700/60\",\n  card: \"animate-pulse rounded-2xl bg-zinc-200 dark:bg-slate-700/60\",\n  // ─ Shimmer (sweep) variant ──────────────────────────────────────────────────────────\n  shimmer:\n    \"animate-shimmer bg-[length:400%_100%] rounded bg-gradient-to-r from-zinc-200 via-zinc-100 to-zinc-200 dark:from-slate-800 dark:via-slate-700/60 dark:to-slate-800\",\n  shimmerText:\n    \"animate-shimmer bg-[length:400%_100%] h-4 rounded bg-gradient-to-r from-zinc-200 via-zinc-100 to-zinc-200 dark:from-slate-800 dark:via-slate-700/60 dark:to-slate-800\",\n  shimmerCard:\n    \"animate-shimmer bg-[length:400%_100%] rounded-2xl bg-gradient-to-r from-zinc-200 via-zinc-100 to-zinc-200 dark:from-slate-800 dark:via-slate-700/60 dark:to-slate-800\",\n} as const;\n\n/**\n * Touch target sizes — WCAG 2.5.5 (minimum 44 × 44 px).\n */\nconst TOUCH = {\n  target: \"min-h-[44px] min-w-[44px]\",\n  targetSm: \"min-h-[36px] min-w-[36px]\",\n  targetH: \"min-h-[44px]\",\n  targetW: \"min-w-[44px]\",\n  /** 44 px height primary button */\n  button: \"h-11 px-5 py-2.5\",\n  /** 44×44 icon button */\n  icon: \"h-11 w-11 flex items-center justify-center\",\n  /** 44 px height input */\n  input: \"h-11 px-3 py-2\",\n  /** 48 px height tab */\n  tab: \"h-12 px-4\",\n  /** Secondary chip (smaller but acceptable) */\n  chip: \"h-9 px-3\",\n} as const;\n\n/**\n * Scrollbar and safe-area utilities.\n */\nconst UTILITIES = {\n  scrollbarHide:\n    \"scrollbar-hide [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]\",\n  scrollbarThin:\n    \"scrollbar-thin [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-track]:bg-zinc-100 dark:[&::-webkit-scrollbar-track]:bg-slate-800/60 [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 dark:[&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb:hover]:bg-zinc-400 dark:[&::-webkit-scrollbar-thumb:hover]:bg-slate-500\",\n  scrollbarThinX:\n    \"[&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-zinc-100 dark:[&::-webkit-scrollbar-track]:bg-slate-800/60 [&::-webkit-scrollbar-thumb]:bg-zinc-300 dark:[&::-webkit-scrollbar-thumb]:bg-slate-600 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb:hover]:bg-zinc-400 dark:[&::-webkit-scrollbar-thumb:hover]:bg-slate-500\",\n  safeAreaBottom: \"pb-[env(safe-area-inset-bottom)]\",\n  safeAreaTop: \"pt-[env(safe-area-inset-top)]\",\n  safeAreaInline:\n    \"px-[env(safe-area-inset-left)] px-[env(safe-area-inset-right)]\",\n  gradientText:\n    \"bg-gradient-to-r from-primary-600 to-primary-800 bg-clip-text text-transparent\",\n} as const;\n\n/**\n * Common component pattern compositions.\n */\nconst PATTERNS = {\n  pageContainer: \"min-h-screen bg-white dark:bg-slate-950\",\n  sectionContainer: \"max-w-7xl mx-auto px-4 md:px-6 lg:px-8 py-8 lg:py-12\",\n  formContainer:\n    \"bg-white dark:bg-slate-900 rounded-2xl border border-zinc-200 dark:border-slate-700 shadow-sm p-6 lg:p-8 space-y-6\",\n  listItem:\n    \"bg-white dark:bg-slate-900 border border-zinc-200 dark:border-slate-700 rounded-xl p-4 hover:border-zinc-300 dark:hover:border-slate-600 transition-colors\",\n  linkDefault:\n    \"text-primary-600 dark:text-secondary-400 hover:text-primary-500 dark:hover:text-secondary-300 transition-colors underline-offset-2 hover:underline\",\n  iconButton:\n    \"p-2 rounded-lg transition-colors hover:bg-zinc-100 dark:hover:bg-slate-800 active:bg-zinc-200 dark:active:bg-slate-700 min-h-[44px] min-w-[44px] flex items-center justify-center\",\n  modalOverlay:\n    \"fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50\",\n  modalContent:\n    \"bg-white dark:bg-slate-900 rounded-2xl border border-zinc-200 dark:border-slate-700 shadow-xl max-w-lg w-full mx-4 overflow-hidden\",\n  divider: \"border-t border-zinc-200 dark:border-slate-700\",\n  emptyState:\n    \"flex flex-col items-center justify-center py-12 text-center text-zinc-500 dark:text-zinc-400\",\n} as const;\n\n/** Icon colour variants and sizes. */\nconst ICON = {\n  muted: \"text-zinc-400 dark:text-zinc-500\",\n  primary: \"text-primary-600 dark:text-secondary-400\",\n  success: \"text-emerald-500 dark:text-emerald-400\",\n  danger: \"text-red-500 dark:text-red-400\",\n  warning: \"text-amber-500 dark:text-amber-400\",\n  size: {\n    sm: \"w-4 h-4\",\n    md: \"w-6 h-6\",\n    lg: \"w-8 h-8\",\n    xl: \"w-16 h-16\",\n  },\n} as const;\n\n/** Horizontal tab active / inactive states. */\nconst TAB = {\n  active:\n    \"border-b-2 border-primary-600 dark:border-secondary-400 text-primary-600 dark:text-secondary-400 font-semibold\",\n  inactive:\n    \"border-transparent text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-300\",\n} as const;\n\n/**\n * Motion tokens — respect prefers-reduced-motion via motion-safe: prefix.\n * Custom keyframes must be defined in tailwind.config.js:\n *   fade-in, slide-up, scale-in\n */\nconst MOTION = {\n  fadeIn: \"motion-safe:animate-fade-in\",\n  slideUp: \"motion-safe:animate-slide-up\",\n  scaleIn: \"motion-safe:animate-scale-in\",\n  skeleton: \"motion-safe:animate-pulse\",\n  transition: \"motion-safe:transition-all motion-safe:duration-200\",\n  transitionSlow:\n    \"motion-safe:transition-all motion-safe:duration-500 motion-safe:ease-in-out\",\n} as const;\n\n/**\n * Mobile-first typography scale — maps to named semantic sizes.\n * Use in place of raw text-* utilities.\n */\nconst TEXT = {\n  h1: \"text-2xl sm:text-3xl xl:text-4xl font-bold tracking-tight leading-tight\",\n  h2: \"text-xl sm:text-2xl xl:text-3xl font-semibold tracking-tight\",\n  h3: \"text-lg sm:text-xl xl:text-2xl font-semibold\",\n  h4: \"text-base sm:text-lg font-semibold\",\n  body: \"text-sm sm:text-base leading-relaxed\",\n  bodyLg: \"text-base sm:text-lg leading-relaxed\",\n  small: \"text-xs sm:text-sm\",\n  label: \"text-xs font-medium uppercase tracking-wide\",\n  price: \"text-lg sm:text-xl font-bold tabular-nums\",\n  priceLg: \"text-2xl sm:text-3xl font-bold tabular-nums\",\n  muted: \"text-zinc-500 dark:text-zinc-400\",\n  error: \"text-red-600 dark:text-red-400\",\n  success: \"text-green-600 dark:text-green-400\",\n} as const;\n\n/** Star rating colours. */\nconst RATING = {\n  filled: \"text-yellow-400\",\n  empty: \"text-zinc-300 dark:text-zinc-600\",\n} as const;\n\n/**\n * THEME_CONSTANTS\n *\n * The complete, responsive-first design system constant map.\n * Import in your project's `constants/theme.ts` and extend with\n * brand-specific values (accentBanner gradients, badge role variants, etc.).\n *\n * @example\n * ```ts\n * // In your project constants/theme.ts:\n * import { THEME_CONSTANTS } from \"@mohasinac/tokens\";\n *\n * export { THEME_CONSTANTS };        // re-export as-is\n *\n * // or merge with project-specific extensions:\n * export const THEME_CONSTANTS = {\n *   ...baseTheme,\n *   accentBanner: { ... },           // project-specific\n * };\n * ```\n */\nexport const THEME_CONSTANTS = {\n  themed: THEMED,\n  layout: LAYOUT,\n  typography: TYPOGRAPHY,\n  spacing: SPACING,\n  grid: GRID,\n  page: PAGE,\n  input: INPUT,\n  card: CARD,\n  flex: FLEX,\n  position: POSITION,\n  states: STATES,\n  transitions: TRANSITIONS,\n  skeleton: SKELETON,\n  motion: MOTION,\n  text: TEXT,\n  touch: TOUCH,\n  fluidGrid: FLUID_GRID,\n  /** Form layout tokens — pair with FormGrid / FormField components */\n  form: {\n    grid: \"flex flex-wrap gap-4\",\n    field: \"flex-1 min-w-[280px] flex flex-col gap-1.5\",\n    fieldWide: \"w-full flex flex-col gap-1.5\",\n    fieldHalf: \"w-1/2 min-w-[280px] flex flex-col gap-1.5\",\n    label: \"text-sm font-medium text-zinc-700 dark:text-zinc-300\",\n    hint: \"text-xs text-zinc-500 dark:text-zinc-400\",\n    error: \"text-xs text-red-600 dark:text-red-400\",\n    section: \"space-y-6\",\n    sectionHead:\n      \"text-base font-semibold text-zinc-900 dark:text-zinc-100 border-b pb-2 mb-2 border-zinc-200 dark:border-zinc-700\",\n  } as const,\n  /** Tooltip bubble styles — used by the <Tooltip> component. */\n  tooltip: {\n    content:\n      \"z-50 px-2 py-1 text-xs font-medium rounded bg-zinc-900 dark:bg-zinc-100 text-white dark:text-zinc-900 shadow-sm\",\n    arrow: \"fill-zinc-900 dark:fill-zinc-100\",\n  } as const,\n  utilities: UTILITIES,\n  patterns: PATTERNS,\n  icon: ICON,\n  tab: TAB,\n  rating: RATING,\n  /** Breakpoints for reference (matches Tailwind defaults). */\n  breakpoints: {\n    sm: \"640px\",\n    md: \"768px\",\n    lg: \"1024px\",\n    xl: \"1280px\",\n    \"2xl\": \"1536px\",\n    \"3xl\": \"1920px\",\n  },\n  /** Global body/html base classes. */\n  base: {\n    body: 'bg-white dark:bg-slate-950 text-zinc-900 dark:text-zinc-100 antialiased font-[Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe_UI\",Roboto,\"Helvetica_Neue\",Arial,sans-serif]',\n    html: \"scroll-smooth\",\n  },\n  /** Hero / homepage section layout tokens. */\n  homepage: {\n    heroMinH: \"min-h-[clamp(420px,72vh,680px)]\" as const,\n    heroMinHMobile: \"min-h-[clamp(120px,14vh,200px)]\" as const,\n  },\n  /** Carousel navigation tokens — shared by HeroCarousel and SectionCarousel. */\n  carousel: {\n    arrow:\n      \"w-10 h-10 rounded-2xl bg-white/85 dark:bg-slate-800/90 backdrop-blur-sm shadow-lg border border-zinc-300/70 dark:border-slate-600 text-zinc-800 dark:text-zinc-200 hover:-translate-y-0.5 hover:bg-white hover:shadow-xl hover:border-zinc-400 dark:hover:border-slate-500 active:scale-95 transition-all duration-200 flex items-center justify-center\" as const,\n    dotActive:\n      \"w-8 h-2 !min-h-0 rounded-full bg-white shadow-sm transition-all duration-500\" as const,\n    dotInactive:\n      \"w-2 h-2 !min-h-0 rounded-full bg-white/55 shadow-sm transition-all duration-500\" as const,\n  },\n} as const;\n"]}