@vadimcomanescu/nadicode-design-system 4.0.3 → 4.0.5

package/dist/chunk-IC3BMFHV.js

@@ -0,0 +1,86 @@
+import { CountingNumber } from './chunk-F3T2U7YL.js';
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_BILLING_MODELS = [
+  { model: "Claude Opus 4.5/4.6", inputRate: "$5.00", savedPerRead: "$0.009" },
+  { model: "Claude Sonnet 4.5/4.6", inputRate: "$3.00", savedPerRead: "$0.0054" },
+  { model: "GPT-4o", inputRate: "$2.50", savedPerRead: "$0.0045" }
+];
+var DEFAULT_PROJECTIONS = [
+  { label: "On Sonnet ($3/MTok)", amount: 49, suffix: "/mo", detail: "16.2M tokens/mo saved" },
+  { label: "On Opus ($5/MTok)", amount: 81, suffix: "/mo", detail: "16.2M tokens/mo saved" }
+];
+var DEFAULT_SUMMARY_ITEMS = [
+  { label: "Team of 5 on Opus", value: "$400+/mo saved" },
+  { label: "Subscription stretch (Sonnet)", value: "1.6x further" }
+];
+function SavingsCalculatorBlock({
+  title = "What this saves you",
+  description = "Real numbers from API billing rates and SWE-Bench token data.",
+  badgeLabel = "Savings",
+  billingTitle = "API billing savings",
+  billingDescription = "Per file read, avg 1,800 tokens saved",
+  billingModels = DEFAULT_BILLING_MODELS,
+  projectionTitle = "Monthly projections",
+  projectionDescription = "Active developer, 300 pruned reads/day",
+  projections = DEFAULT_PROJECTIONS,
+  summaryItems = DEFAULT_SUMMARY_ITEMS,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-16 max-w-2xl mx-auto", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badgeLabel }),
+      /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-4", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-lg", children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(StaggerChildren, { staggerMs: 120, className: "grid gap-8 lg:grid-cols-2 [grid-auto-rows:1fr]", children: [
+      /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: billingTitle }),
+          /* @__PURE__ */ jsx(CardDescription, { children: billingDescription })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { children: "Model" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Input $/MTok" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Saved/read" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: billingModels.map((row) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: row.model }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right", children: row.inputRate }),
+            /* @__PURE__ */ jsx(TableCell, { className: "text-right font-semibold text-chart-4", children: row.savedPerRead })
+          ] }, row.model)) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsx(CardTitle, { children: projectionTitle }),
+          /* @__PURE__ */ jsx(CardDescription, { children: projectionDescription })
+        ] }),
+        /* @__PURE__ */ jsxs(CardContent, { className: "flex-1 space-y-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-6", children: projections.map((proj) => /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "text-sm text-text-tertiary", children: proj.label }),
+            /* @__PURE__ */ jsxs("div", { className: "text-3xl font-bold tabular-nums text-text-primary", children: [
+              "~$",
+              /* @__PURE__ */ jsx(CountingNumber, { number: proj.amount, inViewOnce: true }),
+              /* @__PURE__ */ jsx("span", { className: "text-lg text-text-secondary", children: proj.suffix })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary", children: proj.detail })
+          ] }, proj.label)) }),
+          summaryItems.length > 0 && /* @__PURE__ */ jsx("div", { className: "border-t border-border/50 pt-6 space-y-4", children: summaryItems.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-baseline", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: item.label }),
+            /* @__PURE__ */ jsx("span", { className: "text-lg font-bold text-chart-4", children: item.value })
+          ] }, item.label)) })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+
+export { SavingsCalculatorBlock };

package/dist/chunk-JVIRZNQ6.js

@@ -0,0 +1,37 @@
+import { useRef, useEffect, useMemo } from 'react';
+
+// src/hooks/useHotkey.ts
+function parseCombo(combo) {
+  const parts = combo.toLowerCase().split("+");
+  return {
+    key: parts[parts.length - 1],
+    mod: parts.includes("mod"),
+    shift: parts.includes("shift"),
+    alt: parts.includes("alt")
+  };
+}
+function useHotkey(combo, callback, options) {
+  const callbackRef = useRef(callback);
+  const enabled = options?.enabled ?? true;
+  useEffect(() => {
+    callbackRef.current = callback;
+  });
+  const parsed = useMemo(() => parseCombo(combo), [combo]);
+  useEffect(() => {
+    if (!enabled) return;
+    function handler(event) {
+      const mac = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.userAgent);
+      const modPressed = mac ? event.metaKey : event.ctrlKey;
+      if (parsed.mod && !modPressed) return;
+      if (parsed.shift && !event.shiftKey) return;
+      if (parsed.alt && !event.altKey) return;
+      if (event.key.toLowerCase() !== parsed.key) return;
+      event.preventDefault();
+      callbackRef.current(event);
+    }
+    document.addEventListener("keydown", handler);
+    return () => document.removeEventListener("keydown", handler);
+  }, [parsed, enabled]);
+}
+
+export { useHotkey };

package/dist/chunk-K5AFXZDL.js

@@ -0,0 +1,30 @@
+import { InputOTP, InputOTPGroup, InputOTPSlot } from './chunk-WN5ONOHC.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function OTPBlock({
+  className,
+  title = "One-Time Password",
+  description = "Please enter the one-time password sent to your phone.",
+  maxLength = 6,
+  buttonText = "Verify",
+  onVerify
+}) {
+  const [otp, setOtp] = React.useState("");
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { className: "text-center", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(CardContent, { className: "grid gap-4 justify-center", children: [
+      /* @__PURE__ */ jsx(InputOTP, { maxLength, value: otp, onChange: setOtp, children: /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length: maxLength }, (_, i) => /* @__PURE__ */ jsx(InputOTPSlot, { index: i }, i)) }) }),
+      /* @__PURE__ */ jsx(Button, { className: "w-full", onClick: () => onVerify?.(otp), children: buttonText })
+    ] })
+  ] }) });
+}
+
+export { OTPBlock };

package/dist/{chunk-LK2L3C7D.js → chunk-LCMAB2BX.js}

@@ -1,8 +1,8 @@
-import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
-import { SocialProofBlock } from './chunk-C7WHMSF3.js';
+import { MarketingShellPageKit } from './chunk-E4L6LR6P.js';
 import { StatsMarketingBlock } from './chunk-QIHA7S3A.js';
-import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
 import { PricingBlock } from './chunk-VNNAL4A6.js';
+import { SocialProofBlock } from './chunk-C7WHMSF3.js';
+import { NewsletterBlock } from './chunk-K7NQ6ZAW.js';
 import { HeroBlock } from './chunk-GJ557DGH.js';
 import { FAQBlock } from './chunk-NEHCPO53.js';
 import { FeatureBlock } from './chunk-HJ3A2YNO.js';

package/dist/chunk-LIJYUSSE.js

@@ -0,0 +1,152 @@
+import { SearchIcon } from './chunk-T6BRD7TS.js';
+import { CornerDownLeftIcon } from './chunk-4FEAWXJD.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var searchCommandVariants = cva(
+  "flex flex-col rounded-xl glass-panel overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "",
+        floating: "shadow-lg shadow-black/20"
+      },
+      size: {
+        sm: "max-w-sm",
+        default: "max-w-lg",
+        lg: "max-w-2xl"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var EMPTY_RESULTS = [];
+function SearchCommand({
+  className,
+  variant,
+  size,
+  value = "",
+  onChange,
+  results = EMPTY_RESULTS,
+  onSelect,
+  placeholder,
+  loading = false,
+  showShortcut = true,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("components.searchCommand");
+  const resolvedPlaceholder = placeholder ?? t("placeholder");
+  const [selectedIndex, setSelectedIndex] = React.useState(0);
+  const inputRef = React.useRef(null);
+  const prevResultsRef = React.useRef(results);
+  if (prevResultsRef.current !== results) {
+    prevResultsRef.current = results;
+    if (selectedIndex !== 0) setSelectedIndex(0);
+  }
+  const handleKeyDown = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setSelectedIndex((prev) => (prev + 1) % Math.max(results.length, 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setSelectedIndex(
+        (prev) => prev <= 0 ? Math.max(results.length - 1, 0) : prev - 1
+      );
+    } else if (e.key === "Enter" && results[selectedIndex]) {
+      e.preventDefault();
+      onSelect?.(results[selectedIndex]);
+    }
+  };
+  const groupedResults = React.useMemo(() => results.reduce(
+    (acc, result) => {
+      const category = result.category ?? "Results";
+      if (!acc[category]) acc[category] = [];
+      acc[category].push(result);
+      return acc;
+    },
+    {}
+  ), [results]);
+  let flatIndex = -1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(searchCommandVariants({ variant, size }), "w-full", className),
+      role: "combobox",
+      "aria-expanded": results.length > 0,
+      "aria-controls": "search-command-listbox",
+      "aria-haspopup": "listbox",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-border pl-4 pr-12 transition-[border-color]", children: [
+          /* @__PURE__ */ jsx(SearchIcon, { size: 16, className: "shrink-0 text-text-tertiary" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              className: "flex-1 bg-transparent py-4 text-sm text-text-primary placeholder:text-text-tertiary outline-none focus-visible:outline-1 focus-visible:outline-border",
+              placeholder: resolvedPlaceholder,
+              value,
+              onChange: (e) => onChange?.(e.target.value),
+              onKeyDown: handleKeyDown,
+              role: "searchbox",
+              "aria-label": "Search",
+              "aria-autocomplete": "list",
+              "aria-activedescendant": results[selectedIndex] ? `search-option-${results[selectedIndex].id}` : void 0
+            }
+          ),
+          !!showShortcut && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5 text-text-tertiary", children: /* @__PURE__ */ jsx(CornerDownLeftIcon, { size: 12 }) })
+        ] }),
+        !!loading && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary animate-pulse", children: t("searching") }) }),
+        !loading && results.length > 0 && /* @__PURE__ */ jsx(
+          "ul",
+          {
+            id: "search-command-listbox",
+            className: "max-h-[300px] overflow-y-auto py-1.5",
+            role: "listbox",
+            "aria-label": "Search results",
+            children: Object.entries(groupedResults).map(([category, items]) => /* @__PURE__ */ jsxs("li", { role: "presentation", children: [
+              /* @__PURE__ */ jsx("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-wider text-text-tertiary", children: category }),
+              /* @__PURE__ */ jsx("ul", { role: "group", "aria-label": category, children: items.map((result) => {
+                flatIndex++;
+                const idx = flatIndex;
+                return /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    id: `search-option-${result.id}`,
+                    role: "option",
+                    "aria-selected": idx === selectedIndex,
+                    className: cn(
+                      "flex items-center gap-4 cursor-pointer px-4 py-2 text-sm transition-colors",
+                      idx === selectedIndex ? "bg-accent/10 text-accent" : "text-text-primary hover:bg-surface-hover"
+                    ),
+                    onClick: () => onSelect?.(result),
+                    onMouseEnter: () => setSelectedIndex(idx),
+                    children: [
+                      result.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-text-tertiary", children: result.icon }),
+                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx("p", { className: "truncate", children: result.title }),
+                        result.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary truncate", children: result.description })
+                      ] })
+                    ]
+                  },
+                  result.id
+                );
+              }) })
+            ] }, category))
+          }
+        ),
+        !loading && value && results.length === 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-6", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-text-tertiary", children: t("noResults") }) })
+      ]
+    }
+  );
+}
+
+export { SearchCommand, searchCommandVariants };

package/dist/chunk-MB6TIORE.js

@@ -0,0 +1,103 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-PXDHNGTG.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './chunk-AH6YSYYT.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_DATASETS = [
+  {
+    name: "Latency (p95)",
+    description: "End-to-end response time under load",
+    columns: ["Configuration", "p95 (ms)", "Throughput"],
+    rows: [
+      { cells: ["Baseline", "420ms", "1.2K rps"] },
+      { cells: ["+ Cache layer", "185ms", "3.1K rps"], highlight: true },
+      { cells: ["+ Connection pool", "210ms", "2.8K rps"] }
+    ]
+  },
+  {
+    name: "Accuracy",
+    description: "Precision and recall across evaluation sets",
+    columns: ["Model", "Precision", "Recall"],
+    rows: [
+      { cells: ["v1.0", "82.3%", "78.1%"] },
+      { cells: ["v2.0", "89.7%", "85.4%"] },
+      { cells: ["v2.1 (current)", "91.2%", "88.6%"], highlight: true }
+    ]
+  },
+  {
+    name: "Resource usage",
+    description: "Memory and CPU utilization per instance",
+    columns: ["Tier", "Memory", "CPU"],
+    rows: [
+      { cells: ["Small", "256 MB", "0.25 vCPU"] },
+      { cells: ["Medium", "512 MB", "0.5 vCPU"], highlight: true },
+      { cells: ["Large", "1024 MB", "1.0 vCPU"] }
+    ]
+  },
+  {
+    name: "Cost efficiency",
+    description: "Normalized cost per 1M operations",
+    columns: ["Provider", "Cost", "Savings"],
+    rows: [
+      { cells: ["Legacy", "$4.20", "-"] },
+      { cells: ["Current", "$1.85", "56%"], highlight: true },
+      { cells: ["Projected", "$0.92", "78%"] }
+    ]
+  }
+];
+function BenchmarksBlock({
+  badgeLabel = "Benchmarks",
+  title = "Performance at a glance",
+  subtitle = "Key metrics across latency, accuracy, resource usage, and cost.",
+  datasets = DEFAULT_DATASETS,
+  staggerMs = 120,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: cn("py-16 md:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto px-6 lg:px-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center mb-16 max-w-2xl mx-auto", children: [
+      /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "mb-4", children: badgeLabel }),
+      /* @__PURE__ */ jsx(Heading, { level: 2, className: "mb-4", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-lg", children: subtitle })
+    ] }),
+    datasets.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-center text-text-secondary py-12", children: "No benchmark data available." }) : /* @__PURE__ */ jsx(StaggerChildren, { staggerMs, className: "grid gap-8 lg:grid-cols-2 [grid-auto-rows:1fr]", children: datasets.map((dataset) => /* @__PURE__ */ jsxs(Card, { className: "h-full", children: [
+      /* @__PURE__ */ jsxs(CardHeader, { children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: dataset.name }),
+        /* @__PURE__ */ jsx(CardDescription, { children: dataset.description })
+      ] }),
+      /* @__PURE__ */ jsx(CardContent, { className: "flex-1 overflow-x-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: dataset.columns.map((col) => /* @__PURE__ */ jsx(
+          TableHead,
+          {
+            className: col === dataset.columns[0] ? void 0 : "text-right",
+            children: col
+          },
+          col
+        )) }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: dataset.rows.map((row, rowIdx) => /* @__PURE__ */ jsx(
+          TableRow,
+          {
+            className: row.highlight ? "bg-accent/5 font-semibold" : void 0,
+            children: row.cells.map((cell, cellIdx) => /* @__PURE__ */ jsx(
+              TableCell,
+              {
+                className: cn(
+                  cellIdx === 0 ? "font-medium" : "text-right",
+                  row.highlight && cellIdx === 0 && "text-accent",
+                  row.highlight && cellIdx > 0 && "text-chart-4"
+                ),
+                children: cell
+              },
+              cellIdx
+            ))
+          },
+          rowIdx
+        )) })
+      ] }) })
+    ] }, dataset.name)) })
+  ] }) });
+}
+
+export { BenchmarksBlock };

package/dist/chunk-PTJPPKDR.js

@@ -0,0 +1,115 @@
+// src/lib/timezones.ts
+var FALLBACK_TIMEZONES = [
+  "Etc/UTC",
+  "America/New_York",
+  "America/Chicago",
+  "America/Denver",
+  "America/Los_Angeles",
+  "Europe/London",
+  "Europe/Rome",
+  "Europe/Bucharest",
+  "Asia/Tokyo",
+  "Australia/Sydney"
+];
+function getTimezoneGroups(referenceDate = /* @__PURE__ */ new Date()) {
+  const allTimezones = getAllTimezones();
+  const entries = allTimezones.filter((timezone) => timezone.includes("/") || timezone === "UTC").map((timezone) => {
+    const normalizedTimezone = timezone === "UTC" ? "Etc/UTC" : timezone;
+    const [region, ...rest] = normalizedTimezone.split("/");
+    const labelSource = rest.length > 0 ? rest[rest.length - 1] : normalizedTimezone;
+    const offsetMinutes = getOffsetMinutes(normalizedTimezone, referenceDate);
+    return {
+      value: normalizedTimezone,
+      label: labelSource.replaceAll("_", " "),
+      region,
+      offset: formatOffset(offsetMinutes),
+      offsetMinutes
+    };
+  });
+  const groupedByRegion = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const regionEntries = groupedByRegion.get(entry.region) ?? [];
+    regionEntries.push(entry);
+    groupedByRegion.set(entry.region, regionEntries);
+  }
+  const groups = Array.from(groupedByRegion.entries()).map(([region, timezones]) => ({
+    region,
+    timezones: timezones.slice().sort(
+      (left, right) => left.offsetMinutes - right.offsetMinutes || left.label.localeCompare(right.label)
+    )
+  }));
+  return groups.sort((left, right) => left.region.localeCompare(right.region));
+}
+function searchTimezones(query, groups) {
+  const normalizedQuery = query.trim().toLowerCase();
+  if (!normalizedQuery) {
+    return groups.flatMap((group) => group.timezones);
+  }
+  const matches = [];
+  for (const group of groups) {
+    for (const timezone of group.timezones) {
+      const candidate = `${timezone.value} ${timezone.label} ${timezone.region} ${timezone.offset}`;
+      if (candidate.toLowerCase().includes(normalizedQuery)) {
+        matches.push(timezone);
+      }
+    }
+  }
+  return matches;
+}
+function detectBrowserTimezone() {
+  try {
+    const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    if (!timezone) {
+      return "Etc/UTC";
+    }
+    return timezone === "UTC" ? "Etc/UTC" : timezone;
+  } catch {
+    return "Etc/UTC";
+  }
+}
+function getAllTimezones() {
+  const supportedValuesOf = Intl.supportedValuesOf;
+  if (typeof supportedValuesOf !== "function") {
+    return FALLBACK_TIMEZONES;
+  }
+  try {
+    const supported = supportedValuesOf("timeZone");
+    if (supported.length === 0) {
+      return FALLBACK_TIMEZONES;
+    }
+    return supported;
+  } catch {
+    return FALLBACK_TIMEZONES;
+  }
+}
+function getOffsetMinutes(timezone, referenceDate) {
+  try {
+    const formatter = new Intl.DateTimeFormat("en-US", {
+      timeZone: timezone,
+      timeZoneName: "shortOffset"
+    });
+    const timezoneName = formatter.formatToParts(referenceDate).find((part) => part.type === "timeZoneName")?.value ?? "GMT";
+    const match = timezoneName.match(/^GMT(?:(\+|-)(\d{1,2})(?::(\d{2}))?)?$/);
+    if (!match) {
+      return 0;
+    }
+    if (!match[1] || !match[2]) {
+      return 0;
+    }
+    const sign = match[1] === "-" ? -1 : 1;
+    const hours = Number.parseInt(match[2], 10);
+    const minutes = Number.parseInt(match[3] ?? "0", 10);
+    return sign * (hours * 60 + minutes);
+  } catch {
+    return 0;
+  }
+}
+function formatOffset(offsetMinutes) {
+  const sign = offsetMinutes >= 0 ? "+" : "-";
+  const absoluteMinutes = Math.abs(offsetMinutes);
+  const hours = String(Math.floor(absoluteMinutes / 60)).padStart(2, "0");
+  const minutes = String(absoluteMinutes % 60).padStart(2, "0");
+  return `UTC${sign}${hours}:${minutes}`;
+}
+
+export { detectBrowserTimezone, getTimezoneGroups, searchTimezones };

package/dist/chunk-PV62D7H6.js

@@ -0,0 +1,75 @@
+import { Spinner } from './chunk-ZLSWCV55.js';
+import { Field, FieldLabel } from './chunk-RX5EUODB.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { m, scaleIn } from './chunk-PD2YEH3H.js';
+import { MailIcon } from './chunk-XQ2UDMPO.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ForgotPasswordBlock({
+  className,
+  onSubmit,
+  onBackToLogin,
+  title = "Forgot password?",
+  description = "Enter your email to reset your password",
+  successTitle = "Email sent",
+  submitLabel = "Send reset link",
+  loadingLabel = "Sending...",
+  backLabel = "Back to login",
+  emailPlaceholder = "name@example.com"
+}) {
+  const [email, setEmail] = React.useState("");
+  const [state, setState] = React.useState("idle");
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    if (!email) return;
+    setState("loading");
+    onSubmit?.(email);
+    setTimeout(() => setState("success"), 1500);
+  };
+  return /* @__PURE__ */ jsx(m.div, { ...scaleIn, className: cn("w-full max-w-sm mx-auto", className), children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "text-center", children: [
+      state === "success" ? /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2 flex h-16 w-16 items-center justify-center rounded-full bg-success/10 shadow-[0_0_24px_rgba(61,214,140,0.2)]", children: /* @__PURE__ */ jsx(CheckIcon, { size: 32, className: "text-success" }) }) : /* @__PURE__ */ jsx("div", { className: "mx-auto mb-2", children: /* @__PURE__ */ jsx(MailIcon, { size: 32, className: "text-text-secondary" }) }),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl", children: state === "success" ? successTitle : title }),
+      /* @__PURE__ */ jsx(CardDescription, { children: state === "success" ? `We sent a reset link to ${email}` : description })
+    ] }),
+    state !== "success" && /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("form", { noValidate: true, onSubmit: handleSubmit, className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxs(Field, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "forgot-email", children: "Email" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "forgot-email",
+            name: "email",
+            type: "email",
+            placeholder: emailPlaceholder,
+            value: email,
+            onChange: (e) => setEmail(e.target.value),
+            autoComplete: "email",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "accent", className: "w-full", disabled: state === "loading", children: state === "loading" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Spinner, { className: "mr-2" }),
+        loadingLabel
+      ] }) : submitLabel })
+    ] }) }),
+    /* @__PURE__ */ jsx(CardFooter, { className: "justify-center", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBackToLogin,
+        "aria-label": backLabel,
+        className: "text-sm text-text-tertiary hover:text-text-primary transition-colors",
+        children: backLabel
+      }
+    ) })
+  ] }) });
+}
+
+export { ForgotPasswordBlock };