@nexub/react 1.0.0 → 1.1.0

package/dist/chunk-Y45JAJKW.js

@@ -0,0 +1,44 @@
+'use client';
+import {
+  Flag
+} from "./chunk-POFKKYHY.js";
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/CountryBadge/CountryBadge.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var sizeClass = {
+  sm: "px-2 py-0.5 text-xs gap-1",
+  md: "px-2.5 py-1 text-sm gap-1.5",
+  lg: "px-3 py-1.5 text-base gap-2"
+};
+var CountryBadge = React.forwardRef(
+  ({ code, label, size = "md", className, ...rest }, ref) => {
+    const displayLabel = label ?? code;
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center rounded-full font-medium",
+          "bg-[var(--color-bg-subtle)] text-[var(--color-text-primary)]",
+          "border border-[var(--color-border-default)]",
+          sizeClass[size],
+          className
+        ),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(Flag, { code, size }),
+          /* @__PURE__ */ jsx("span", { children: displayLabel })
+        ]
+      }
+    );
+  }
+);
+CountryBadge.displayName = "CountryBadge";
+
+export {
+  CountryBadge
+};

package/dist/chunk-YAGVMERC.js

@@ -0,0 +1,81 @@
+'use client';
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-NHUQLIHL.js";
+
+// src/components/ThemeProvider/ThemeProvider.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeContext = React.createContext(void 0);
+ThemeContext.displayName = "ThemeContext";
+var DARK_QUERY = "(prefers-color-scheme: dark)";
+function applyTheme(theme) {
+  if (typeof document === "undefined") return;
+  const root = document.documentElement;
+  if (theme === "system") root.removeAttribute("data-theme");
+  else root.setAttribute("data-theme", theme);
+}
+function readStorage(key, fallback) {
+  if (typeof window === "undefined") return fallback;
+  try {
+    const stored = window.localStorage.getItem(key);
+    if (stored === "light" || stored === "dark" || stored === "system") {
+      return stored;
+    }
+  } catch {
+  }
+  return fallback;
+}
+function writeStorage(key, value) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(key, value);
+  } catch {
+  }
+}
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "nexub-theme"
+}) {
+  const [theme, setThemeState] = React.useState(defaultTheme);
+  const [systemTheme, setSystemTheme] = React.useState("light");
+  useIsomorphicLayoutEffect(() => {
+    setThemeState(readStorage(storageKey, defaultTheme));
+  }, [storageKey, defaultTheme]);
+  useIsomorphicLayoutEffect(() => {
+    const mq = window.matchMedia(DARK_QUERY);
+    const sync = () => setSystemTheme(mq.matches ? "dark" : "light");
+    sync();
+    mq.addEventListener("change", sync);
+    return () => mq.removeEventListener("change", sync);
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    applyTheme(theme);
+  }, [theme]);
+  const resolvedTheme = theme === "system" ? systemTheme : theme;
+  const setTheme = React.useCallback(
+    (mode) => {
+      writeStorage(storageKey, mode);
+      setThemeState(mode);
+    },
+    [storageKey]
+  );
+  const value = React.useMemo(
+    () => ({ theme, resolvedTheme, setTheme }),
+    [theme, resolvedTheme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const ctx = React.useContext(ThemeContext);
+  if (!ctx) {
+    throw new Error("useTheme must be used inside a <ThemeProvider>.");
+  }
+  return ctx;
+}
+
+export {
+  ThemeProvider,
+  useTheme
+};

package/dist/chunk-YGOR3KT7.js

@@ -0,0 +1,46 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/EyebrowChip/EyebrowChip.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var toneTextMap = {
+  neutral: "text-[var(--color-neutral-700)]",
+  info: "text-[var(--color-semantic-info-default)]",
+  success: "text-[var(--color-semantic-success-default)]",
+  warning: "text-[var(--color-semantic-warning-default)]",
+  danger: "text-[var(--color-semantic-error-default)]",
+  leap: "text-[var(--color-leap-700)]",
+  bookub: "text-[var(--color-bookub-700)]",
+  payub: "text-[var(--color-payub-700)]",
+  founderub: "text-[var(--color-founderub-700)]"
+};
+var EyebrowChip = React.forwardRef(
+  ({ className, tone = "neutral", leadingIcon, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(
+          "inline-flex items-center gap-1.5 rounded-full px-3 py-1",
+          "text-xs font-semibold uppercase tracking-wider select-none",
+          "bg-[var(--color-bg-subtle)]",
+          toneTextMap[tone],
+          className
+        ),
+        ...props,
+        children: [
+          leadingIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0 inline-flex items-center", "aria-hidden": "true", children: leadingIcon }),
+          children
+        ]
+      }
+    );
+  }
+);
+EyebrowChip.displayName = "EyebrowChip";
+
+export {
+  EyebrowChip
+};

package/dist/chunk-YJD66LTV.js

@@ -0,0 +1,54 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Grid/Grid.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var flowClass = {
+  row: "grid-flow-row",
+  column: "grid-flow-col",
+  dense: "grid-flow-dense"
+};
+var Grid = React.forwardRef(
+  ({
+    cols,
+    rows,
+    gap,
+    flow,
+    asChild = false,
+    className,
+    style,
+    children,
+    ...rest
+  }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    const inlineStyle = {
+      ...cols !== void 0 ? {
+        gridTemplateColumns: typeof cols === "number" ? `repeat(${cols}, minmax(0, 1fr))` : cols
+      } : {},
+      ...rows !== void 0 ? {
+        gridTemplateRows: typeof rows === "number" ? `repeat(${rows}, minmax(0, 1fr))` : rows
+      } : {},
+      ...gap !== void 0 ? { gap: typeof gap === "number" ? `${gap * 0.25}rem` : gap } : {},
+      ...style
+    };
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn("grid", flow && flowClass[flow], className),
+        style: inlineStyle,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+export {
+  Grid
+};

package/dist/chunk-YJU4ZRQZ.js

@@ -0,0 +1 @@
+'use client';

package/dist/chunk-YUFCNHZF.js

@@ -0,0 +1,27 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/AspectRatio/AspectRatio.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var AspectRatio = React.forwardRef(
+  ({ ratio = 16 / 9, className, children, style, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn("relative w-full overflow-hidden", className),
+        style: { aspectRatio: String(ratio), ...style },
+        ...rest,
+        children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 h-full w-full", children })
+      }
+    );
+  }
+);
+AspectRatio.displayName = "AspectRatio";
+
+export {
+  AspectRatio
+};

package/dist/chunk-YUNWZAAD.js

@@ -0,0 +1,57 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/HoverCard/HoverCard.tsx
+import * as React from "react";
+import * as RadixHoverCard from "@radix-ui/react-hover-card";
+import { jsx } from "react/jsx-runtime";
+var Root2 = RadixHoverCard.Root;
+var Trigger2 = RadixHoverCard.Trigger;
+var Content2 = React.forwardRef(
+  function HoverCardContent({ className, sideOffset = 4, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixHoverCard.Content,
+      {
+        ref,
+        sideOffset,
+        className: cn(
+          "z-[var(--z-popover)] w-64 rounded-lg border border-[var(--color-border-default)]",
+          "bg-[var(--color-bg-default)] p-4 shadow-md outline-none",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+          "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+          "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+          "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Content2.displayName = "HoverCard.Content";
+var Arrow2 = React.forwardRef(
+  function HoverCardArrow({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixHoverCard.Arrow,
+      {
+        ref,
+        className: cn("fill-[var(--color-border-default)]", className),
+        ...props
+      }
+    );
+  }
+);
+Arrow2.displayName = "HoverCard.Arrow";
+var HoverCard = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Content: Content2,
+  Arrow: Arrow2
+};
+
+export {
+  HoverCard
+};

package/dist/chunk-ZFVBFCYV.js

@@ -0,0 +1,84 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Banner/Banner.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var bannerVariants = cva(
+  [
+    "relative flex gap-3 border-l-4 px-4 py-3",
+    "w-full"
+    // No border-radius — full-width banner
+  ],
+  {
+    variants: {
+      tone: {
+        neutral: "bg-[var(--color-bg-subtle)] border-l-[var(--color-neutral-500)] text-[var(--color-text-primary)]",
+        info: "bg-[var(--color-semantic-info-default)]/10 border-l-[var(--color-semantic-info-default)] text-[var(--color-semantic-info-default)]",
+        success: "bg-[var(--color-semantic-success-default)]/10 border-l-[var(--color-semantic-success-default)] text-[var(--color-semantic-success-default)]",
+        warning: "bg-[var(--color-semantic-warning-default)]/10 border-l-[var(--color-semantic-warning-default)] text-[var(--color-semantic-warning-default)]",
+        danger: "bg-[var(--color-semantic-error-default)]/10 border-l-[var(--color-semantic-error-default)] text-[var(--color-semantic-error-default)]",
+        leap: "bg-[var(--color-leap-500)]/10 border-l-[var(--color-leap-500)] text-[var(--color-leap-700)]",
+        bookub: "bg-[var(--color-bookub-500)]/10 border-l-[var(--color-bookub-500)] text-[var(--color-bookub-700)]",
+        payub: "bg-[var(--color-payub-500)]/10 border-l-[var(--color-payub-500)] text-[var(--color-payub-700)]",
+        founderub: "bg-[var(--color-founderub-500)]/10 border-l-[var(--color-founderub-500)] text-[var(--color-founderub-700)]"
+      }
+    },
+    defaultVariants: {
+      tone: "neutral"
+    }
+  }
+);
+var Banner = React.forwardRef(
+  ({
+    className,
+    tone = "neutral",
+    title,
+    icon,
+    action,
+    onClose,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        className: cn(bannerVariants({ tone }), className),
+        "data-tone": tone,
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 mt-0.5 inline-flex items-start", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            title && /* @__PURE__ */ jsx("p", { className: "font-semibold text-sm mb-0.5", children: title }),
+            children && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-90", children }),
+            action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: action })
+          ] }),
+          onClose && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": "Dismiss banner",
+              onClick: onClose,
+              className: cn(
+                "shrink-0 inline-flex items-center justify-center rounded-md w-6 h-6 opacity-60 hover:opacity-100 transition-opacity",
+                "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)]"
+              ),
+              children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M10 2L2 10M2 2l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Banner.displayName = "Banner";
+
+export {
+  bannerVariants,
+  Banner
+};

package/dist/chunk-ZXLACKEB.js

@@ -0,0 +1,8 @@
+'use client';
+
+// src/components/VisuallyHidden/VisuallyHidden.tsx
+import { Root } from "@radix-ui/react-visually-hidden";
+
+export {
+  Root
+};

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Accordion
+} from "../../chunk-JQDLCN5D.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Accordion
+};

package/dist/components/Alert/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Alert,
+  alertVariants
+} from "../../chunk-24CZFBTG.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Alert,
+  alertVariants
+};

package/dist/components/AlertDialog/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  AlertDialog
+} from "../../chunk-L6GBZ2HB.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  AlertDialog
+};

package/dist/components/AppShell/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  AppShell
+} from "../../chunk-KZW37FQZ.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  AppShell
+};

package/dist/components/AspectRatio/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  AspectRatio
+} from "../../chunk-YUFCNHZF.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  AspectRatio
+};

package/dist/components/Autocomplete/index.js

@@ -0,0 +1,9 @@
+'use client';
+import {
+  Autocomplete
+} from "../../chunk-VT7RKY46.js";
+import "../../chunk-2VDP2ML4.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Autocomplete
+};

package/dist/components/Avatar/index.js

@@ -0,0 +1,11 @@
+'use client';
+import "../../chunk-IZ6ZPEZ2.js";
+import {
+  Avatar,
+  avatarVariants
+} from "../../chunk-CPV367VS.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Avatar,
+  avatarVariants
+};

package/dist/components/AvatarGroup/index.js

@@ -0,0 +1,11 @@
+'use client';
+import {
+  AvatarGroup,
+  avatarGroupVariants
+} from "../../chunk-BYCTJHXY.js";
+import "../../chunk-CPV367VS.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  AvatarGroup,
+  avatarGroupVariants
+};

package/dist/components/Badge/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Badge,
+  badgeVariants
+} from "../../chunk-BGY23Y5O.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Badge,
+  badgeVariants
+};

package/dist/components/Banner/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Banner,
+  bannerVariants
+} from "../../chunk-ZFVBFCYV.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Banner,
+  bannerVariants
+};

package/dist/components/Box/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Box
+} from "../../chunk-BUBYXAJK.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Box
+};

package/dist/components/Breadcrumb/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Breadcrumb
+} from "../../chunk-3U54QLYB.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Breadcrumb
+};

package/dist/components/Button/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Button,
+  buttonVariants
+} from "../../chunk-N2GIMMTF.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Button,
+  buttonVariants
+};

package/dist/components/ButtonGroup/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  ButtonGroup
+} from "../../chunk-QURKXXNS.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  ButtonGroup
+};

package/dist/components/Callout/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Callout,
+  calloutVariants
+} from "../../chunk-DD6XCW6R.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Callout,
+  calloutVariants
+};

package/dist/components/Card/index.js

@@ -0,0 +1,11 @@
+'use client';
+import {
+  Card,
+  cardVariants
+} from "../../chunk-PBLEGOLM.js";
+import "../../chunk-ROZVVWPV.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Card,
+  cardVariants
+};

package/dist/components/CheckList/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  CheckList,
+  CheckListItem
+} from "../../chunk-PANDAMD2.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  CheckList,
+  CheckListItem
+};

package/dist/components/Checkbox/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Checkbox
+} from "../../chunk-VPZCQFVY.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Checkbox
+};

package/dist/components/Chip/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Chip,
+  chipVariants
+} from "../../chunk-DAXDAFNG.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Chip,
+  chipVariants
+};

package/dist/components/Code/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Code
+} from "../../chunk-DEH2Z27F.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Code
+};

package/dist/components/Collapsible/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  Collapsible
+} from "../../chunk-H4MXRAXP.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Collapsible
+};

package/dist/components/Combobox/index.js

@@ -0,0 +1,9 @@
+'use client';
+import "../../chunk-HY3JWSG4.js";
+import {
+  Combobox
+} from "../../chunk-2VDP2ML4.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Combobox
+};

package/dist/components/CommandPalette/index.js

@@ -0,0 +1,8 @@
+'use client';
+import {
+  CommandPalette
+} from "../../chunk-V6GZZFTV.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  CommandPalette
+};

package/dist/components/Container/index.js

@@ -0,0 +1,10 @@
+'use client';
+import {
+  Container,
+  containerVariants
+} from "../../chunk-6Y734SXN.js";
+import "../../chunk-AT6RPKU3.js";
+export {
+  Container,
+  containerVariants
+};