@nexub/react 2.9.0 → 3.1.0

package/dist/components/MediaCard/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  MediaCard
-} from "../../chunk-5DHLFPC4.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { MediaCard } from "./MediaCard.js";
 export {
   MediaCard
 };

package/dist/components/Menubar/Menubar.d.ts

@@ -0,0 +1 @@
+export declare const Menubar: Record<string, any>;

package/dist/{chunk-PPECMYKJ.js → components/Menubar/Menubar.js}

@@ -1,26 +1,16 @@
-'use client';
-import {
-  floatingSurface,
-  menuContent,
-  menuItem,
-  menuLabel,
-  menuSeparator
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Menubar/Menubar.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixMenubar from "@radix-ui/react-menubar";
 import { Check, ChevronRight } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Menu2 = RadixMenubar.Menu;
-var Portal2 = RadixMenubar.Portal;
-var Group2 = RadixMenubar.Group;
-var RadioGroup2 = RadixMenubar.RadioGroup;
-var Sub2 = RadixMenubar.Sub;
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface, menuContent, menuItem, menuLabel, menuSeparator } from "../../utils/surface.js";
+const Menu = RadixMenubar.Menu;
+const Portal = RadixMenubar.Portal;
+const Group = RadixMenubar.Group;
+const RadioGroup = RadixMenubar.RadioGroup;
+const Sub = RadixMenubar.Sub;
+const Root = React.forwardRef(
   function MenubarRoot({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Root,
@@ -35,8 +25,8 @@ var Root2 = React.forwardRef(
     );
   }
 );
-Root2.displayName = "Menubar.Root";
-var Trigger2 = React.forwardRef(
+Root.displayName = "Menubar.Root";
+const Trigger = React.forwardRef(
   function MenubarTrigger({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Trigger,
@@ -53,14 +43,14 @@ var Trigger2 = React.forwardRef(
     );
   }
 );
-Trigger2.displayName = "Menubar.Trigger";
-var contentBaseClasses = cn(
+Trigger.displayName = "Menubar.Trigger";
+const contentBaseClasses = cn(
   "z-[var(--z-popover)] min-w-48 outline-none",
   floatingSurface,
   menuContent,
   "nx-motion nx-pop origin-[var(--radix-menubar-content-transform-origin)]"
 );
-var Content2 = React.forwardRef(
+const Content = React.forwardRef(
   function MenubarContent({ className, sideOffset = 8, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Content,
@@ -73,11 +63,11 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "Menubar.Content";
-var itemBaseClasses = cn(
+Content.displayName = "Menubar.Content";
+const itemBaseClasses = cn(
   menuItem
 );
-var Item2 = React.forwardRef(
+const Item = React.forwardRef(
   function MenubarItem({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Item,
@@ -89,8 +79,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "Menubar.Item";
-var Label2 = React.forwardRef(
+Item.displayName = "Menubar.Item";
+const Label = React.forwardRef(
   function MenubarLabel({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Label,
@@ -105,8 +95,8 @@ var Label2 = React.forwardRef(
     );
   }
 );
-Label2.displayName = "Menubar.Label";
-var Separator2 = React.forwardRef(
+Label.displayName = "Menubar.Label";
+const Separator = React.forwardRef(
   function MenubarSeparator({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Separator,
@@ -118,8 +108,8 @@ var Separator2 = React.forwardRef(
     );
   }
 );
-Separator2.displayName = "Menubar.Separator";
-var CheckboxItem2 = React.forwardRef(function MenubarCheckboxItem({ className, children, checked, ...props }, ref) {
+Separator.displayName = "Menubar.Separator";
+const CheckboxItem = React.forwardRef(function MenubarCheckboxItem({ className, children, checked, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixMenubar.CheckboxItem,
     {
@@ -134,8 +124,8 @@ var CheckboxItem2 = React.forwardRef(function MenubarCheckboxItem({ className, c
     }
   );
 });
-CheckboxItem2.displayName = "Menubar.CheckboxItem";
-var RadioItem2 = React.forwardRef(function MenubarRadioItem({ className, children, ...props }, ref) {
+CheckboxItem.displayName = "Menubar.CheckboxItem";
+const RadioItem = React.forwardRef(function MenubarRadioItem({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixMenubar.RadioItem,
     {
@@ -149,8 +139,8 @@ var RadioItem2 = React.forwardRef(function MenubarRadioItem({ className, childre
     }
   );
 });
-RadioItem2.displayName = "Menubar.RadioItem";
-var SubTrigger2 = React.forwardRef(function MenubarSubTrigger({ className, children, ...props }, ref) {
+RadioItem.displayName = "Menubar.RadioItem";
+const SubTrigger = React.forwardRef(function MenubarSubTrigger({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixMenubar.SubTrigger,
     {
@@ -168,8 +158,8 @@ var SubTrigger2 = React.forwardRef(function MenubarSubTrigger({ className, child
     }
   );
 });
-SubTrigger2.displayName = "Menubar.SubTrigger";
-var SubContent2 = React.forwardRef(function MenubarSubContent({ className, ...props }, ref) {
+SubTrigger.displayName = "Menubar.SubTrigger";
+const SubContent = React.forwardRef(function MenubarSubContent({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     RadixMenubar.SubContent,
     {
@@ -179,8 +169,8 @@ var SubContent2 = React.forwardRef(function MenubarSubContent({ className, ...pr
     }
   );
 });
-SubContent2.displayName = "Menubar.SubContent";
-var Arrow2 = React.forwardRef(
+SubContent.displayName = "Menubar.SubContent";
+const Arrow = React.forwardRef(
   function MenubarArrow({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixMenubar.Arrow,
@@ -192,26 +182,25 @@ var Arrow2 = React.forwardRef(
     );
   }
 );
-Arrow2.displayName = "Menubar.Arrow";
-var Menubar = {
-  Root: Root2,
-  Menu: Menu2,
-  Trigger: Trigger2,
-  Portal: Portal2,
-  Content: Content2,
-  Item: Item2,
-  Group: Group2,
-  Label: Label2,
-  Separator: Separator2,
-  CheckboxItem: CheckboxItem2,
-  RadioGroup: RadioGroup2,
-  RadioItem: RadioItem2,
-  Sub: Sub2,
-  SubTrigger: SubTrigger2,
-  SubContent: SubContent2,
-  Arrow: Arrow2
+Arrow.displayName = "Menubar.Arrow";
+const Menubar = {
+  Root,
+  Menu,
+  Trigger,
+  Portal,
+  Content,
+  Item,
+  Group,
+  Label,
+  Separator,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Sub,
+  SubTrigger,
+  SubContent,
+  Arrow
 };
-
 export {
   Menubar
 };

package/dist/components/Menubar/index.d.ts

@@ -0,0 +1 @@
+export { Menubar } from './Menubar.js';

package/dist/components/Menubar/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Menubar
-} from "../../chunk-PPECMYKJ.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { Menubar } from "./Menubar.js";
 export {
   Menubar
 };

package/dist/components/MessageBubble/MessageBubble.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export interface MessageStrings {
+    youSaid: string;
+    assistantSaid: string;
+    failedToSend: string;
+    retry: string;
+    copy: string;
+    copied: string;
+    goodResponse: string;
+    badResponse: string;
+    regenerate: string;
+}
+export declare const defaultMessageStrings: MessageStrings;
+export type MessageFrom = 'user' | 'assistant' | 'system';
+export interface MessageBubbleProps extends React.HTMLAttributes<HTMLElement> {
+    /** Who sent it. (Not `role`, which is the ARIA attribute.) */
+    from: MessageFrom;
+    /** Assistant only: shown at the inline-start. */
+    avatar?: React.ReactNode;
+    /** Accessible label for the message; defaults to "You said" / "Assistant said". */
+    name?: string;
+    status?: 'sending' | 'error';
+    /** With status="error": renders a Retry text button. */
+    onRetry?: () => void;
+    messages?: Partial<MessageStrings>;
+}
+export declare const MessageBubble: React.ForwardRefExoticComponent<MessageBubbleProps & React.RefAttributes<HTMLElement>>;
+export type Feedback = 'up' | 'down' | null;
+export interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Text placed on the clipboard by Copy. */
+    text?: string;
+    /** Set false to hide Copy. @default true */
+    copy?: boolean;
+    feedback?: Feedback;
+    defaultFeedback?: Feedback;
+    /** Shows thumbs up/down when provided. */
+    onFeedback?: (feedback: Feedback) => void;
+    /** Shows Regenerate when provided. */
+    onRegenerate?: () => void;
+    messages?: Partial<MessageStrings>;
+}
+/** Copy / feedback / regenerate row. Fades in on hover or focus of the parent MessageBubble on pointer devices. */
+export declare const MessageActions: React.ForwardRefExoticComponent<MessageActionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-RNS35DNZ.js → components/MessageBubble/MessageBubble.js}

@@ -1,26 +1,13 @@
-'use client';
-import {
-  Provider,
-  Tooltip
-} from "./chunk-6SWOLUMF.js";
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  IconButton
-} from "./chunk-RH2HEPC7.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/MessageBubble/MessageBubble.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Copy, RefreshCw, ThumbsDown, ThumbsUp } from "@nexub/icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var defaultMessageStrings = {
+import { cn } from "../../utils/cn.js";
+import { IconButton } from "../IconButton/IconButton.js";
+import { Provider as TooltipProvider, Tooltip } from "../Tooltip/Tooltip.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const defaultMessageStrings = {
   youSaid: "You said",
   assistantSaid: "Assistant said",
   failedToSend: "Failed to send",
@@ -31,7 +18,7 @@ var defaultMessageStrings = {
   badResponse: "Bad response",
   regenerate: "Regenerate"
 };
-var MessageBubble = React.forwardRef(
+const MessageBubble = React.forwardRef(
   ({ from, avatar, name, status, onRetry, messages, className, children, ...props }, ref) => {
     const m = { ...useNexubMessages(), ...messages };
     const label = name ?? (from === "user" ? m.youSaid : from === "assistant" ? m.assistantSaid : void 0);
@@ -80,7 +67,7 @@ var MessageBubble = React.forwardRef(
   }
 );
 MessageBubble.displayName = "MessageBubble";
-var MessageActions = React.forwardRef(
+const MessageActions = React.forwardRef(
   ({ text = "", copy = true, feedback: feedbackProp, defaultFeedback = null, onFeedback, onRegenerate, messages, className, ...props }, ref) => {
     const m = { ...useNexubMessages(), ...messages };
     const [feedback, setFeedback] = useControllableState({
@@ -102,7 +89,7 @@ var MessageActions = React.forwardRef(
       timer.current = setTimeout(() => setCopied(false), 1500);
     };
     const toggle = (value) => setFeedback(feedback === value ? null : value);
-    return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
@@ -126,9 +113,8 @@ var MessageActions = React.forwardRef(
   }
 );
 MessageActions.displayName = "MessageActions";
-
 export {
-  defaultMessageStrings,
+  MessageActions,
   MessageBubble,
-  MessageActions
+  defaultMessageStrings
 };

package/dist/components/MessageBubble/index.d.ts

@@ -0,0 +1,2 @@
+export { MessageBubble, MessageActions, defaultMessageStrings } from './MessageBubble.js';
+export type { MessageBubbleProps, MessageActionsProps, MessageFrom, MessageStrings, Feedback } from './MessageBubble.js';

package/dist/components/MessageBubble/index.js

@@ -1,16 +1,4 @@
-'use client';
-import {
-  MessageActions,
-  MessageBubble,
-  defaultMessageStrings
-} from "../../chunk-RNS35DNZ.js";
-import "../../chunk-6SWOLUMF.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-RH2HEPC7.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { MessageBubble, MessageActions, defaultMessageStrings } from "./MessageBubble.js";
 export {
   MessageActions,
   MessageBubble,

package/dist/components/MoneyInput/MoneyInput.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type InputProps } from '../Input/Input.js';
+export interface MoneyInputProps extends Omit<InputProps, 'value' | 'defaultValue' | 'onChange' | 'type' | 'inputMode' | 'leadingIcon' | 'leadingAddon'> {
+    /** The amount, or null when empty. */
+    value?: number | null;
+    defaultValue?: number | null;
+    /** Called with the parsed amount (rounded to the currency's minor unit) as the person types. */
+    onValueChange?: (value: number | null) => void;
+    /** ISO 4217 code, e.g. 'USD'. */
+    currency: string;
+    /** BCP 47 locale for separators. Defaults to the user's. */
+    locale?: string;
+}
+/**
+ * An amount field: the currency symbol leads, digits are tabular, the locale's
+ * separators parse correctly, and the value is grouped on blur
+ * (e.g. 1234.5 → "1,234.50"). Raw while editing so the caret never jumps.
+ */
+export declare const MoneyInput: React.ForwardRefExoticComponent<MoneyInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-FOFNTKCK.js → components/MoneyInput/MoneyInput.js}

@@ -1,27 +1,12 @@
-'use client';
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  Input
-} from "./chunk-G7VMAWAX.js";
-import {
-  currencySymbol,
-  formatForDisplay,
-  formatForEditing,
-  parseMoney
-} from "./chunk-R3SUPKKI.js";
-import {
-  useIntlLocale
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/MoneyInput/MoneyInput.tsx
-import * as React from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
-var MoneyInput = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useIntlLocale } from "../NexubProvider/NexubProvider.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { currencySymbol, formatForDisplay, formatForEditing, parseMoney } from "../../utils/money.js";
+import { Input } from "../Input/Input.js";
+const MoneyInput = React.forwardRef(
   ({ value: valueProp, defaultValue = null, onValueChange, currency, locale: localeProp, onFocus, onBlur, className, ...props }, ref) => {
     const locale = useIntlLocale(localeProp);
     const [value, setValue] = useControllableState({
@@ -59,7 +44,6 @@ var MoneyInput = React.forwardRef(
   }
 );
 MoneyInput.displayName = "MoneyInput";
-
 export {
   MoneyInput
 };

package/dist/components/MoneyInput/index.d.ts

@@ -0,0 +1,2 @@
+export { MoneyInput } from './MoneyInput.js';
+export type { MoneyInputProps } from './MoneyInput.js';

package/dist/components/MoneyInput/index.js

@@ -1,14 +1,4 @@
-'use client';
-import {
-  MoneyInput
-} from "../../chunk-FOFNTKCK.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-R3SUPKKI.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { MoneyInput } from "./MoneyInput.js";
 export {
   MoneyInput
 };

package/dist/components/Motion/Collapse.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import type { MotionBaseProps } from './motion.types.js';
+export interface CollapseProps extends Omit<MotionBaseProps, 'easing'>, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Legacy: set it to use `--duration-*` + `--ease-{value}` instead of the
+     * spatial spring for the height transition.
+     */
+    easing?: MotionBaseProps['easing'];
+    /**
+     * Starting height when collapsed. Useful for "peek" effects.
+     * @default 0
+     */
+    collapsedHeight?: number | string;
+    /** Wrapper element tag. @default 'div' */
+    as?: React.ElementType;
+}
+/**
+ * Collapse — animates `max-height` to reveal / hide content on the spatial
+ * spring. Reduced motion snaps the height instead of animating it.
+ * Height is measured from the content ref so you don't need to
+ * provide an explicit height.
+ *
+ * ```tsx
+ * <Collapse in={isOpen}>
+ *   <p>Hidden content</p>
+ * </Collapse>
+ * ```
+ */
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Motion/Collapse.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { DURATION_MS, SPRING_MS, SPRING_SPEED, spring, usePrefersReducedMotion } from "./useMotion.js";
+const Collapse = React.forwardRef(function Collapse2({
+  in: visible,
+  duration = "normal",
+  easing,
+  unmountOnExit = false,
+  collapsedHeight = 0,
+  children,
+  style,
+  as: Tag = "div",
+  ...rest
+}, ref) {
+  const innerRef = React.useRef(null);
+  const reduced = usePrefersReducedMotion();
+  const legacy = easing !== void 0;
+  const settleMs = duration === "instant" || reduced ? 0 : legacy ? DURATION_MS[duration] : SPRING_MS.spatial[SPRING_SPEED[duration]];
+  const [height, setHeight] = React.useState(visible ? "auto" : 0);
+  const [overflow, setOverflow] = React.useState(
+    visible ? "visible" : "hidden"
+  );
+  const [mounted, setMounted] = React.useState(unmountOnExit ? visible : true);
+  const prevVisible = React.useRef(visible);
+  React.useEffect(() => {
+    const changed = prevVisible.current !== visible;
+    prevVisible.current = visible;
+    if (!changed) return;
+    let raf1 = 0;
+    let raf2 = 0;
+    if (visible) {
+      setMounted(true);
+      raf1 = requestAnimationFrame(() => {
+        const el = innerRef.current;
+        if (el) {
+          setHeight(el.scrollHeight);
+          setOverflow("hidden");
+        }
+      });
+    } else {
+      const el = innerRef.current;
+      if (el) {
+        setHeight(el.scrollHeight);
+        setOverflow("hidden");
+        raf1 = requestAnimationFrame(() => {
+          raf2 = requestAnimationFrame(() => {
+            setHeight(typeof collapsedHeight === "number" ? collapsedHeight : 0);
+          });
+        });
+      }
+    }
+    return () => {
+      cancelAnimationFrame(raf1);
+      cancelAnimationFrame(raf2);
+    };
+  }, [visible, collapsedHeight]);
+  const finish = React.useCallback(() => {
+    if (visible) {
+      setHeight("auto");
+      setOverflow("visible");
+    } else if (unmountOnExit) {
+      setMounted(false);
+    }
+  }, [visible, unmountOnExit]);
+  const handleTransitionEnd = React.useCallback(
+    (e) => {
+      if (e.target !== e.currentTarget || e.propertyName !== "max-height") return;
+      finish();
+    },
+    [finish]
+  );
+  const firstRender = React.useRef(true);
+  React.useEffect(() => {
+    if (firstRender.current) {
+      firstRender.current = false;
+      return;
+    }
+    const t = setTimeout(finish, settleMs + 100);
+    return () => clearTimeout(t);
+  }, [visible, settleMs, finish]);
+  if (!mounted) return null;
+  const maxHeight = height === "auto" ? "none" : `${height}px`;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      style: {
+        maxHeight,
+        overflow,
+        transition: duration === "instant" || reduced ? "none" : legacy ? `max-height var(--duration-${duration}) var(--ease-${easing})` : spring("max-height", "spatial", SPRING_SPEED[duration]),
+        ...style
+      },
+      onTransitionEnd: handleTransitionEnd,
+      ...rest,
+      children: /* @__PURE__ */ jsx("div", { ref: innerRef, children })
+    }
+  );
+});
+Collapse.displayName = "Collapse";
+export {
+  Collapse
+};

package/dist/components/Motion/Fade.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { MotionBaseProps } from './motion.types.js';
+export interface FadeProps extends MotionBaseProps, React.HTMLAttributes<HTMLDivElement> {
+    /** Wrapper element tag. @default 'div' */
+    as?: React.ElementType;
+}
+/**
+ * Fade — animates opacity between 0 and 1.
+ *
+ * ```tsx
+ * <Fade in={isOpen}>
+ *   <p>Hello</p>
+ * </Fade>
+ * ```
+ */
+export declare const Fade: React.ForwardRefExoticComponent<FadeProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Motion/Fade.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useMotion } from "./useMotion.js";
+const Fade = React.forwardRef(function Fade2({
+  in: visible,
+  duration = "normal",
+  easing,
+  unmountOnExit = false,
+  children,
+  style,
+  as: Tag = "div",
+  ...rest
+}, ref) {
+  const { phase, mounted, transitionStyle, handleTransitionEnd } = useMotion({
+    visible,
+    duration,
+    easing,
+    unmountOnExit
+  });
+  if (!mounted) return null;
+  const opacity = phase === "entered" ? 1 : 0;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      onTransitionEnd: handleTransitionEnd,
+      style: {
+        opacity,
+        willChange: "opacity",
+        ...transitionStyle,
+        ...style
+      },
+      ...rest,
+      children
+    }
+  );
+});
+Fade.displayName = "Fade";
+export {
+  Fade
+};

package/dist/components/Motion/Float.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface FloatProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** `slow` drifts on a longer, reversed loop, so two floating cards don't move in step. */
+    speed?: 'normal' | 'slow';
+    asChild?: boolean;
+}
+/** Gently bobs its content, in marketing mode (@nexub/themes/marketing). Still under reduced motion. */
+export declare const Float: React.ForwardRefExoticComponent<FloatProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Motion/Float.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../../utils/cn.js";
+const Float = React.forwardRef(
+  ({ speed = "normal", asChild = false, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(Comp, { ref, "data-speed": speed, className: cn("nx-mkt-float", className), ...props });
+  }
+);
+Float.displayName = "Float";
+export {
+  Float
+};