@nexub/react 1.5.0 → 1.6.0

package/dist/chunk-NMH5WSZG.js

@@ -1,72 +0,0 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-Q7G5WGYV.js";
-
-// src/components/Card/Card.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var cardVariants = cva(
-  // In-flow content: tone + a soft alpha hairline, no shadow (shadows are for floating layers).
-  "rounded-shape-container bg-[var(--color-surface-elevated)] border border-[color-mix(in_srgb,var(--color-outline-variant)_60%,transparent)] text-[var(--color-on-surface)]",
-  {
-    variants: {
-      variant: {
-        flat: "",
-        surface: "bg-[var(--color-surface-elevated)] shadow-elevation-1",
-        interactive: "nx-state-layer cursor-pointer bg-[var(--color-surface-elevated)] shadow-elevation-1 transition-[box-shadow,transform] duration-spatial-fast ease-spatial-fast hover:-translate-y-0.5 hover:shadow-elevation-2"
-      },
-      // Material. 'glass' needs data-material="glass" on the element (set in the
-      // component) for the --glass-* vars to resolve. Single box-shadow carries
-      // both the inset specular highlight and the drop shadow so neither clobbers
-      // the other. Listed after `variant` so tailwind-merge lets it win on bg/border.
-      surface: {
-        solid: "",
-        glass: glassSurfaceClass
-      }
-    },
-    defaultVariants: {
-      variant: "flat",
-      surface: "solid"
-    }
-  }
-);
-var toneBorderMap = {
-  neutral: "",
-  info: "border-l-4 border-l-[var(--color-semantic-info-default)]",
-  success: "border-l-4 border-l-[var(--color-semantic-success-default)]",
-  warning: "border-l-4 border-l-[var(--color-semantic-warning-default)]",
-  danger: "border-l-4 border-l-[var(--color-semantic-error-default)]",
-  leap: "border-l-4 border-l-[var(--color-leap-500)]",
-  bookub: "border-l-4 border-l-[var(--color-bookub-500)]",
-  payub: "border-l-4 border-l-[var(--color-payub-500)]",
-  founderub: "border-l-4 border-l-[var(--color-founderub-500)]"
-};
-var Card = React.forwardRef(
-  ({ className, variant = "flat", surface = "solid", tone, asChild = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "div";
-    const toneStyle = tone ? toneBorderMap[tone] : "";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        ref,
-        className: cn(cardVariants({ variant, surface }), toneStyle, className),
-        "data-tone": tone,
-        "data-material": surface === "glass" ? "glass" : void 0,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Card.displayName = "Card";
-
-export {
-  cardVariants,
-  Card
-};

package/dist/chunk-P44EROBX.js

@@ -1,55 +0,0 @@
-'use client';
-import {
-  cn
-} from "./chunk-Q7G5WGYV.js";
-
-// src/components/Tag/Tag.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var tagVariants = cva(
-  "inline-flex items-center rounded font-medium select-none whitespace-nowrap",
-  {
-    variants: {
-      size: {
-        sm: "px-1.5 py-0.5 text-xs",
-        md: "px-2 py-0.5 text-xs",
-        lg: "px-2.5 py-1 text-sm"
-      },
-      tone: {
-        neutral: "bg-[var(--color-neutral-100)] text-[var(--color-neutral-700)]",
-        info: "bg-[var(--color-semantic-info-default)]/10 text-[var(--color-semantic-info-default)]",
-        success: "bg-[var(--color-semantic-success-default)]/10 text-[var(--color-semantic-success-default)]",
-        warning: "bg-[var(--color-semantic-warning-default)]/10 text-[var(--color-semantic-warning-default)]",
-        danger: "bg-[var(--color-semantic-error-default)]/10 text-[var(--color-semantic-error-default)]",
-        leap: "bg-[var(--color-leap-500)]/10 text-[var(--color-leap-700)]",
-        bookub: "bg-[var(--color-bookub-500)]/10 text-[var(--color-bookub-700)]",
-        payub: "bg-[var(--color-payub-500)]/10 text-[var(--color-payub-700)]",
-        founderub: "bg-[var(--color-founderub-500)]/10 text-[var(--color-founderub-700)]"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      tone: "neutral"
-    }
-  }
-);
-var Tag = React.forwardRef(
-  ({ className, size, tone = "neutral", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        ref,
-        className: cn(tagVariants({ size, tone }), className),
-        ...props,
-        children
-      }
-    );
-  }
-);
-Tag.displayName = "Tag";
-
-export {
-  tagVariants,
-  Tag
-};

package/dist/chunk-TYTW4F3B.js

@@ -1,178 +0,0 @@
-'use client';
-import {
-  cn
-} from "./chunk-Q7G5WGYV.js";
-
-// src/components/Toast/Toast.tsx
-import * as React from "react";
-import * as RadixToast from "@radix-ui/react-toast";
-import { jsx } from "react/jsx-runtime";
-var Provider2 = RadixToast.Provider;
-var Viewport2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Viewport,
-    {
-      ref,
-      className: cn(
-        "fixed top-0 right-0 z-[var(--z-toast,2000)] flex max-h-screen w-full flex-col-reverse p-4 sm:max-w-sm gap-2",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Viewport2.displayName = "Toast.Viewport";
-var Root2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Root,
-    {
-      ref,
-      className: cn(
-        // Snackbar: the inverse surface stands out from any page, light or dark.
-        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 pl-4 pr-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
-        "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Root2.displayName = "Toast.Root";
-var Title2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Title, { ref, className: cn("text-title-sm", className), ...props })
-);
-Title2.displayName = "Toast.Title";
-var Description2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Description,
-    {
-      ref,
-      className: cn("text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", className),
-      ...props
-    }
-  )
-);
-Description2.displayName = "Toast.Description";
-var Action2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToast.Action,
-    {
-      ref,
-      className: cn(
-        "nx-state-layer relative inline-flex min-h-[44px] min-w-[44px] shrink-0 items-center justify-center rounded-shape-control px-3 text-label-lg text-[var(--color-inverse-primary)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Action2.displayName = "Toast.Action";
-var Close2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Close, { ref, className: cn("nx-state-layer relative grid h-8 w-8 place-items-center rounded-full", className), ...props })
-);
-Close2.displayName = "Toast.Close";
-var Toast = { Provider: Provider2, Viewport: Viewport2, Root: Root2, Title: Title2, Description: Description2, Action: Action2, Close: Close2 };
-
-// src/components/Toast/Toaster.tsx
-import "react";
-import * as RadixToast2 from "@radix-ui/react-toast";
-import { X } from "@nexub/icons";
-
-// src/components/Toast/useToast.ts
-import { useState, useEffect } from "react";
-var g = typeof window !== "undefined" ? (() => {
-  const _g = globalThis;
-  _g.__nexub_toast_items ??= [];
-  _g.__nexub_toast_listeners ??= /* @__PURE__ */ new Set();
-  _g.__nexub_toast_counter ??= 0;
-  return _g;
-})() : { __nexub_toast_items: [], __nexub_toast_listeners: /* @__PURE__ */ new Set(), __nexub_toast_counter: 0 };
-function notify() {
-  g.__nexub_toast_listeners.forEach((l) => l([...g.__nexub_toast_items]));
-}
-function add(item) {
-  const id = String(++g.__nexub_toast_counter);
-  g.__nexub_toast_items = [...g.__nexub_toast_items, { ...item, id }];
-  notify();
-  return id;
-}
-function useToastStore() {
-  const [state, setState] = useState([...g.__nexub_toast_items]);
-  useEffect(() => {
-    g.__nexub_toast_listeners.add(setState);
-    return () => {
-      g.__nexub_toast_listeners.delete(setState);
-    };
-  }, []);
-  return state;
-}
-function dismiss(id) {
-  g.__nexub_toast_items = id ? g.__nexub_toast_items.filter((i) => i.id !== id) : [];
-  notify();
-}
-var toast = {
-  success: (title, opts) => add({ title, tone: "success", ...opts }),
-  error: (title, opts) => add({ title, tone: "error", ...opts }),
-  info: (title, opts) => add({ title, tone: "info", ...opts }),
-  warning: (title, opts) => add({ title, tone: "warning", ...opts }),
-  custom: (title, opts) => add({ title, tone: "neutral", ...opts }),
-  dismiss
-};
-
-// src/components/Toast/Toaster.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var toneMap = {
-  success: "border-l-4 border-[var(--color-semantic-success-default)]",
-  error: "border-l-4 border-[var(--color-semantic-error-default)]",
-  warning: "border-l-4 border-[var(--color-semantic-warning-default)]",
-  info: "border-l-4 border-[var(--color-semantic-info-default)]",
-  neutral: ""
-};
-function Toaster() {
-  const toasts = useToastStore();
-  return /* @__PURE__ */ jsxs(RadixToast2.Provider, { swipeDirection: "right", children: [
-    toasts.map((t) => /* @__PURE__ */ jsxs(
-      RadixToast2.Root,
-      {
-        className: cn(
-          "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 pl-4 pr-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
-          "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
-          "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
-          "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full",
-          toneMap[t.tone ?? "neutral"]
-        ),
-        duration: t.duration ?? 5e3,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-            /* @__PURE__ */ jsx2(RadixToast2.Title, { className: "text-title-sm", children: t.title }),
-            t.description && /* @__PURE__ */ jsx2(RadixToast2.Description, { className: "text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", children: t.description })
-          ] }),
-          t.action && /* @__PURE__ */ jsx2(
-            RadixToast2.Action,
-            {
-              altText: t.action.label,
-              onClick: t.action.onClick,
-              className: "shrink-0 rounded-md border border-[var(--color-border-default)] px-3 py-1.5 text-sm font-medium hover:bg-[var(--color-bg-subtle)] focus:outline-none focus:ring-2 focus:ring-[var(--color-ring-default)]",
-              children: t.action.label
-            }
-          ),
-          /* @__PURE__ */ jsxs(RadixToast2.Close, { className: "rounded-md p-1 transition-opacity [@media(hover:hover)]:opacity-0 group-hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--color-ring-default)]", children: [
-            /* @__PURE__ */ jsx2(X, { size: "sm", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      },
-      t.id
-    )),
-    /* @__PURE__ */ jsx2(RadixToast2.Viewport, { className: "fixed top-0 right-0 z-[var(--z-toast,2000)] flex max-h-screen w-full flex-col-reverse p-4 sm:max-w-sm gap-2" })
-  ] });
-}
-Toaster.displayName = "Toaster";
-
-export {
-  Toast,
-  useToastStore,
-  toast,
-  Toaster
-};