@ugurdemirel/landcraft 0.1.4 → 0.1.9

package/src/index.ts

@@ -1,120 +0,0 @@
-export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from "./components/Button";
-export { Slot, type SlotProps } from "./components/Slot";
-export { Badge, type BadgeProps, type BadgeVariant, type BadgeSize } from "./components/Badge";
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter,
-  type CardProps,
-  type CardHeaderProps,
-  type CardVariant,
-} from "./components/Card";
-export {
-  Section,
-  SectionHeader,
-  type SectionProps,
-  type SectionHeaderProps,
-  type EyebrowStyle,
-} from "./components/Section";
-export { Hero, type HeroProps, type HeroMeta } from "./components/Hero";
-export { Navbar, type NavbarProps, type NavLink } from "./components/Navbar";
-export {
-  MegaMenu,
-  type MegaMenuProps,
-  type MegaMenuItem,
-  type MegaMenuColumn,
-  type MegaMenuLink,
-  type MegaMenuFeatured,
-} from "./components/MegaMenu";
-export { LogoCloud, type LogoCloudProps, type LogoItem } from "./components/LogoCloud";
-export {
-  FeatureCard,
-  FeatureGrid,
-  type FeatureCardProps,
-  type FeatureGridProps,
-  type FeatureItem,
-} from "./components/Features";
-export { Stats, type StatsProps, type Stat } from "./components/Stats";
-export { Pricing, type PricingProps, type Plan } from "./components/Pricing";
-export {
-  Testimonials,
-  TestimonialCard,
-  type TestimonialsProps,
-  type TestimonialCardProps,
-  type Testimonial,
-} from "./components/Testimonials";
-export { CTA, type CTAProps } from "./components/CTA";
-export { FAQ, type FAQProps, type FaqItem } from "./components/FAQ";
-export { Footer, type FooterProps, type FooterColumn, type FooterLink } from "./components/Footer";
-export {
-  LanguageSwitcher,
-  type LanguageSwitcherProps,
-  type LanguageSwitcherOption,
-  type LanguageOption,
-} from "./components/LanguageSwitcher";
-export { Modal, type ModalProps } from "./components/Modal";
-export { Newsletter, type NewsletterProps } from "./components/Newsletter";
-export { Prose, ProseLead, type ProseProps, type ProseSize } from "./components/Prose";
-export {
-  BlogCard,
-  BlogSection,
-  type BlogCardProps,
-  type BlogPost,
-  type BlogAuthor,
-  type BlogSectionProps,
-} from "./components/Blog";
-export {
-  Container,
-  Stack,
-  type ContainerProps,
-  type ContainerSize,
-  type StackProps,
-  type StackGap,
-} from "./components/Container";
-
-export { cn } from "./utils/cn";
-export { getContrastText, type ColorInput } from "./utils/contrast";
-export { useTokenForeground } from "./utils/useTokenForeground";
-export { iso2ToFlagEmoji } from "./utils/iso2Flag";
-
-export {
-  ArrowRight,
-  ArrowUpRight,
-  ArrowDown,
-  ArrowUp,
-  Check,
-  Plus,
-  X,
-  Menu,
-  ChevronDown,
-  ChevronRight,
-  ChevronLeft,
-  Zap,
-  ShieldCheck,
-  Layers,
-  Smartphone,
-  Gauge,
-  BarChart,
-  Users,
-  Star,
-  Quote,
-  Globe,
-  Mail,
-  Lock,
-  Clock,
-  DollarSign,
-  Code,
-  Terminal,
-  Send,
-  Play,
-  ExternalLink,
-  Sliders,
-  Database,
-  Box,
-  Cpu,
-  Palette,
-  Rocket,
-} from "./icons";

package/src/styles/index.css

@@ -1,18 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap");
-@import "tailwindcss";
-@import "./theme.css";
-
-@layer base {
-  html {
-    -webkit-tap-highlight-color: transparent;
-    scroll-behavior: smooth;
-  }
-
-  body {
-    @apply bg-background text-foreground font-sans antialiased;
-  }
-
-  ::selection {
-    background-color: rgb(var(--color-primary) / 0.18);
-  }
-}

package/src/utils/cn.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/utils/contrast.ts

@@ -1,107 +0,0 @@
-/**
- * Contrast utilities.
- *
- * The library ships paired semantic tokens (e.g. --color-primary /
- * --color-on-primary) so explicit pairings stay safe. For the few places where
- * a *dynamic* color paints a background (a `customColor` prop, a token-based
- * highlight card...) we pick the text color that yields the **best WCAG
- * contrast ratio** at runtime.
- *
- * Inputs may be hex colors, bare RGB channels ("21 128 61"), rgb() functions
- * (`rgb(21 128 61 / 0.95)`) or CSS variable references
- * (`rgb(var(--color-primary) / 0.85)`). Variable references are resolved
- * against the live stylesheet before computing luminance, so a re-themed
- * palette never produces a low-contrast combination.
- */
-
-export type ColorInput = string;
-
-function readVariable(name: string): string {
-  if (typeof window === "undefined") return "";
-  return window
-    .getComputedStyle(document.documentElement)
-    .getPropertyValue(name)
-    .trim();
-}
-
-/** Resolve `var(--x)` references against the live stylesheet. */
-function resolveVars(input: string): string {
-  let str = input;
-  const refs = str.match(/var\(--[\w-]+/g) ?? [];
-  for (const ref of refs) {
-    const name = ref.replace(/^var\(/, "");
-    const resolved = readVariable(name);
-    if (resolved) str = str.split(ref).join(resolved);
-  }
-  return str;
-}
-
-interface RGB {
-  r: number;
-  g: number;
-  b: number;
-}
-
-function channels(color: ColorInput): RGB | null {
-  let str = color.trim();
-
-  if (/^#([0-9a-f]{3}){1,2}$/i.test(str)) {
-    if (str.length === 4) {
-      str =
-        "#" +
-        str
-          .slice(1)
-          .split("")
-          .map((c) => c + c)
-          .join("");
-    }
-    return {
-      r: parseInt(str.slice(1, 3), 16),
-      g: parseInt(str.slice(3, 5), 16),
-      b: parseInt(str.slice(5, 7), 16),
-    };
-  }
-
-  const resolved = resolveVars(str);
-
-  // Normalize rgb()/rgba() separators ("r g b / a", "r, g, b") and bare channels.
-  const normalized = resolved.replace(/[()/;,]/g, " ");
-  const parts = normalized.match(/-?\d+(\.\d+)?/g)?.map(Number) ?? [];
-  if (parts.length < 3) return null;
-  // Alpha (4th component) is ignored: these colors paint opaque surfaces and
-  // mixing against an unknown backdrop can't be modelled reliably.
-  const [r, g, b] = parts;
-  return {
-    r: Math.max(0, Math.min(255, Math.round(r))),
-    g: Math.max(0, Math.min(255, Math.round(g))),
-    b: Math.max(0, Math.min(255, Math.round(b))),
-  };
-}
-
-function relativeLuminance(color: ColorInput): number {
-  const c = channels(color);
-  if (!c) return 0;
-  const lin = [c.r, c.g, c.b]
-    .map((v) => v / 255)
-    .map((v) => (v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4)));
-  return 0.2126 * lin[0] + 0.7152 * lin[1] + 0.0722 * lin[2];
-}
-
-function contrastRatio(lumA: number, lumB: number): number {
-  const [hi, lo] = lumA > lumB ? [lumA, lumB] : [lumB, lumA];
-  return (hi + 0.05) / (lo + 0.05);
-}
-
-/**
- * Returns the more readable of the two candidate text colors for a given
- * background. Both candidates are evaluated with the WCAG contrast formula and
- * the winning (highest ratio) color is returned — not a fixed luminance
- * breakpoint — so mid-luminance backgrounds (amber, pastels, light violet…)
- * always fall on the correct side.
- */
-export function getContrastText(bg: ColorInput, light = "#ffffff", dark = "#0f172a"): string {
-  const lumBg = relativeLuminance(bg);
-  const lumLight = relativeLuminance(light);
-  const lumDark = relativeLuminance(dark);
-  return contrastRatio(lumBg, lumLight) >= contrastRatio(lumBg, lumDark) ? light : dark;
-}

package/src/utils/iso2Flag.ts

@@ -1,26 +0,0 @@
-/**
- * Convert an ISO 3166-1 alpha-2 country code (e.g. "TR", "us") to its flag emoji
- * via regional indicator symbols. Returns `""` when the code is not a real
- * country code (e.g. a language code like "en"), so callers can fall back.
- *
- *   iso2ToFlagEmoji("tr") // 🇹🇷
- *   iso2ToFlagEmoji("en") // ""  (not a country)
- *   iso2ToFlagEmoji("")   // ""
- */
-const ISO3166 = new Set(
-  `AD AE AF AG AI AL AM AO AQ AR AS AT AU AW AX AZ BA BB BD BE BF BG BH BI BJ BL BM BN BO BQ BR BS BT BV BW BY BZ
-  CA CC CD CF CG CH CI CK CL CM CN CO CR CU CV CW CX CY CZ DE DJ DK DM DO DZ EC EE EG EH ER ES ET FI FJ FK FM FO FR
-  GA GB GD GE GF GG GH GI GL GM GN GP GQ GR GS GT GU GW GY HK HM HN HR HT HU ID IE IL IM IN IO IQ IR IS IT JE JM JO
-  JP KE KG KH KI KM KN KP KR KW KY KZ LA LB LC LI LK LR LS LT LU LV LY MA MC MD ME MF MG MH MK ML MM MN MO MP MQ MR
-  MS MT MU MV MW MX MY MZ NA NC NE NF NG NI NL NO NP NR NU NZ OM PA PE PF PG PH PK PL PM PN PR PS PT PW PY QA RE RO
-  RS RU RW SA SB SC SD SE SG SH SI SJ SK SL SM SN SO SR SS ST SV SX SY SZ TC TD TF TG TH TJ TK TL TM TN TO TR TT TV
-  TW TZ UA UG UM US UY UZ VA VC VE VG VI VN VU WF WS YE YT ZA ZM ZW`.split(/\s+/),
-);
-
-export function iso2ToFlagEmoji(code: string): string {
-  const upper = code.toUpperCase();
-  if (ISO3166.has(upper)) {
-    return String.fromCodePoint(0x1f1e6 + upper.charCodeAt(0) - 65, 0x1f1e6 + upper.charCodeAt(1) - 65);
-  }
-  return "";
-}

package/src/utils/useTokenForeground.ts

@@ -1,39 +0,0 @@
-"use client";
-import { useEffect, useState } from "react";
-import { getContrastText } from "./contrast";
-
-function readChannel(variable: string): string {
-  if (typeof window === "undefined") return "";
-  return window
-    .getComputedStyle(document.documentElement)
-    .getPropertyValue(variable)
-    .trim();
-}
-
-/**
- * Reads a `--color-*` token from the live stylesheet and returns a text color
- * that is always readable against it. Recomputes whenever the palette changes
- * at runtime (e.g. the Storybook theme switcher or an app-level theme swap).
- */
-export function useTokenForeground(variable: string, fallback = "#ffffff"): string {
-  const [text, setText] = useState<string>(() => {
-    const value = readChannel(variable);
-    return value ? getContrastText(value) : fallback;
-  });
-
-  useEffect(() => {
-    const update = () => {
-      const value = readChannel(variable);
-      setText(value ? getContrastText(value) : fallback);
-    };
-    update();
-    const observer = new MutationObserver(update);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["style", "class"],
-    });
-    return () => observer.disconnect();
-  }, [variable, fallback]);
-
-  return text;
-}