@nexub/react 1.0.0 → 1.1.0

package/dist/chunk-24CZFBTG.js

@@ -0,0 +1,83 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Alert/Alert.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+var alertVariants = cva(
+  [
+    "relative flex gap-3 rounded-lg border-l-4 p-4",
+    "w-full"
+  ],
+  {
+    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)]/8 border-l-[var(--color-semantic-info-default)] text-[var(--color-semantic-info-default)]",
+        success: "bg-[var(--color-semantic-success-default)]/8 border-l-[var(--color-semantic-success-default)] text-[var(--color-semantic-success-default)]",
+        warning: "bg-[var(--color-semantic-warning-default)]/8 border-l-[var(--color-semantic-warning-default)] text-[var(--color-semantic-warning-default)]",
+        danger: "bg-[var(--color-semantic-error-default)]/8 border-l-[var(--color-semantic-error-default)] text-[var(--color-semantic-error-default)]",
+        leap: "bg-[var(--color-leap-500)]/8 border-l-[var(--color-leap-500)] text-[var(--color-leap-700)]",
+        bookub: "bg-[var(--color-bookub-500)]/8 border-l-[var(--color-bookub-500)] text-[var(--color-bookub-700)]",
+        payub: "bg-[var(--color-payub-500)]/8 border-l-[var(--color-payub-500)] text-[var(--color-payub-700)]",
+        founderub: "bg-[var(--color-founderub-500)]/8 border-l-[var(--color-founderub-500)] text-[var(--color-founderub-700)]"
+      }
+    },
+    defaultVariants: {
+      tone: "neutral"
+    }
+  }
+);
+var Alert = React.forwardRef(
+  ({
+    className,
+    tone = "neutral",
+    title,
+    icon,
+    action,
+    onClose,
+    children,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ 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 alert",
+              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" }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export {
+  alertVariants,
+  Alert
+};

package/dist/chunk-2MKB5FQI.js

@@ -0,0 +1,122 @@
+'use client';
+import {
+  glassSurfaceClass
+} from "./chunk-ROZVVWPV.js";
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Dialog/Dialog.tsx
+import * as React from "react";
+import * as RadixDialog from "@radix-ui/react-dialog";
+import { jsx } from "react/jsx-runtime";
+var Root2 = RadixDialog.Root;
+var Trigger2 = RadixDialog.Trigger;
+var Portal2 = RadixDialog.Portal;
+var Close2 = RadixDialog.Close;
+var Overlay2 = React.forwardRef(
+  function DialogOverlay({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Overlay,
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-[var(--z-modal)] bg-black/50 backdrop-blur-sm",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Overlay2.displayName = "Dialog.Overlay";
+var Content2 = React.forwardRef(
+  function DialogContent({ className, size = "md", surface = "solid", children, ...props }, ref) {
+    const sizeMap = {
+      sm: "max-w-sm",
+      md: "max-w-lg",
+      lg: "max-w-2xl",
+      xl: "max-w-4xl",
+      full: "max-w-[calc(100vw-2rem)]"
+    };
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-1/2 top-1/2 z-[var(--z-modal)] w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2",
+          "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-default)] shadow-xl",
+          "max-h-[90vh] overflow-y-auto p-6 focus:outline-none",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+          "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+          "data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
+          "data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]",
+          sizeMap[size],
+          surface === "glass" && glassSurfaceClass,
+          className
+        ),
+        "data-material": surface === "glass" ? "glass" : void 0,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Content2.displayName = "Dialog.Content";
+var Title2 = React.forwardRef(
+  function DialogTitle({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Title,
+      {
+        ref,
+        className: cn("text-lg font-semibold text-[var(--color-text-primary)]", className),
+        ...props
+      }
+    );
+  }
+);
+Title2.displayName = "Dialog.Title";
+var Description2 = React.forwardRef(
+  function DialogDescription({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixDialog.Description,
+      {
+        ref,
+        className: cn("mt-1 text-sm text-[var(--color-text-muted)]", className),
+        ...props
+      }
+    );
+  }
+);
+Description2.displayName = "Dialog.Description";
+var Header = React.forwardRef(
+  function DialogHeader({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4 flex flex-col gap-1", className), ...props });
+  }
+);
+Header.displayName = "Dialog.Header";
+var Footer = React.forwardRef(
+  function DialogFooter({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  }
+);
+Footer.displayName = "Dialog.Footer";
+var Dialog = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Portal: Portal2,
+  Overlay: Overlay2,
+  Content: Content2,
+  Close: Close2,
+  Title: Title2,
+  Description: Description2,
+  Header,
+  Footer
+};
+
+export {
+  Dialog
+};

package/dist/chunk-2RLSIOGB.js

@@ -0,0 +1,173 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/ContextMenu/ContextMenu.tsx
+import * as React from "react";
+import * as RadixContextMenu from "@radix-ui/react-context-menu";
+import { Check, ChevronRight } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root2 = RadixContextMenu.Root;
+var Trigger2 = RadixContextMenu.Trigger;
+var Portal2 = RadixContextMenu.Portal;
+var Group2 = RadixContextMenu.Group;
+var RadioGroup2 = RadixContextMenu.RadioGroup;
+var Sub2 = RadixContextMenu.Sub;
+var Content2 = React.forwardRef(
+  function ContextMenuContent({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixContextMenu.Content,
+      {
+        ref,
+        className: cn(
+          "z-[var(--z-popover)] min-w-48 rounded-lg border border-[var(--color-border-default)]",
+          "bg-[var(--color-bg-default)] p-1 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",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Content2.displayName = "ContextMenu.Content";
+var itemBaseClasses = cn(
+  "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
+  "transition-colors hover:bg-[var(--color-bg-subtle)] focus:bg-[var(--color-bg-subtle)]",
+  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+);
+var Item2 = React.forwardRef(
+  function ContextMenuItem({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixContextMenu.Item,
+      {
+        ref,
+        className: cn(itemBaseClasses, className),
+        ...props
+      }
+    );
+  }
+);
+Item2.displayName = "ContextMenu.Item";
+var Label2 = React.forwardRef(
+  function ContextMenuLabel({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixContextMenu.Label,
+      {
+        ref,
+        className: cn(
+          "px-2 py-1 text-xs font-semibold text-[var(--color-text-muted)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Label2.displayName = "ContextMenu.Label";
+var Separator2 = React.forwardRef(
+  function ContextMenuSeparator({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixContextMenu.Separator,
+      {
+        ref,
+        className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+        ...props
+      }
+    );
+  }
+);
+Separator2.displayName = "ContextMenu.Separator";
+var CheckboxItem2 = React.forwardRef(function ContextMenuCheckboxItem({ className, children, checked, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    RadixContextMenu.CheckboxItem,
+    {
+      ref,
+      className: cn(itemBaseClasses, "pl-8", className),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+        children
+      ]
+    }
+  );
+});
+CheckboxItem2.displayName = "ContextMenu.CheckboxItem";
+var RadioItem2 = React.forwardRef(function ContextMenuRadioItem({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    RadixContextMenu.RadioItem,
+    {
+      ref,
+      className: cn(itemBaseClasses, "pl-8", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx(RadixContextMenu.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", { className: "h-2 w-2 fill-current", viewBox: "0 0 8 8", "aria-hidden": "true", children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" }) }) }) }),
+        children
+      ]
+    }
+  );
+});
+RadioItem2.displayName = "ContextMenu.RadioItem";
+var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    RadixContextMenu.SubTrigger,
+    {
+      ref,
+      className: cn(
+        itemBaseClasses,
+        "data-[state=open]:bg-[var(--color-bg-subtle)]",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto h-4 w-4" })
+      ]
+    }
+  );
+});
+SubTrigger2.displayName = "ContextMenu.SubTrigger";
+var SubContent2 = React.forwardRef(function ContextMenuSubContent({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    RadixContextMenu.SubContent,
+    {
+      ref,
+      className: cn(
+        "z-[var(--z-popover)] min-w-48 rounded-lg border border-[var(--color-border-default)]",
+        "bg-[var(--color-bg-default)] p-1 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
+    }
+  );
+});
+SubContent2.displayName = "ContextMenu.SubContent";
+var ContextMenu = {
+  Root: Root2,
+  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
+};
+
+export {
+  ContextMenu
+};

package/dist/chunk-2VDP2ML4.js

@@ -0,0 +1,105 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Combobox/Combobox.tsx
+import * as React from "react";
+import { Command } from "cmdk";
+import { jsx } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command,
+    {
+      ref,
+      className: cn(
+        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-[var(--color-bg-default)] text-[var(--color-text-primary)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Root.displayName = "Combobox.Root";
+var Input = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-border-default)] px-3", children: /* @__PURE__ */ jsx(
+    Command.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-[var(--color-text-muted)] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  ) })
+);
+Input.displayName = "Combobox.Input";
+var List = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command.List,
+    {
+      ref,
+      className: cn("max-h-64 overflow-y-auto overflow-x-hidden p-1", className),
+      ...props
+    }
+  )
+);
+List.displayName = "Combobox.List";
+var Empty = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command.Empty,
+    {
+      ref,
+      className: cn("py-6 text-center text-sm text-[var(--color-text-muted)]", className),
+      ...props
+    }
+  )
+);
+Empty.displayName = "Combobox.Empty";
+var Group = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command.Group,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden p-1 text-[var(--color-text-primary)] [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-[var(--color-text-muted)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Group.displayName = "Combobox.Group";
+var Item = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
+        "aria-selected:bg-[var(--color-bg-subtle)] aria-selected:text-[var(--color-text-primary)]",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Item.displayName = "Combobox.Item";
+var Separator = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Command.Separator,
+    {
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Combobox.Separator";
+var Combobox = { Root, Input, List, Empty, Group, Item, Separator };
+
+export {
+  Combobox
+};

package/dist/chunk-3CSKW56L.js

@@ -0,0 +1,44 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Switch/Switch.tsx
+import * as React from "react";
+import * as RadixSwitch from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var switchVariants = cva(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors 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)] disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-[var(--color-brand-primary-500)] data-[state=unchecked]:bg-[var(--color-border-default)]",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-7",
+        md: "h-5 w-9",
+        lg: "h-6 w-11"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var thumbVariants = cva(
+  "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  {
+    variants: {
+      size: {
+        sm: "h-3 w-3 data-[state=checked]:translate-x-3",
+        md: "h-4 w-4 data-[state=checked]:translate-x-4",
+        lg: "h-5 w-5 data-[state=checked]:translate-x-5"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Switch = React.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixSwitch.Root, { ref, className: cn(switchVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cn(thumbVariants({ size })) }) })
+);
+Switch.displayName = "Switch";
+
+export {
+  Switch
+};

package/dist/chunk-3U54QLYB.js

@@ -0,0 +1,87 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Breadcrumb/Breadcrumb.tsx
+import * as React from "react";
+import { ChevronRight, MoreHorizontal } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", className: cn("", className), ...props })
+);
+Root.displayName = "Breadcrumb.Root";
+var List = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm text-[var(--color-text-muted)] sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  )
+);
+List.displayName = "Breadcrumb.List";
+var Item = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("li", { ref, className: cn("inline-flex items-center gap-1.5", className), ...props })
+);
+Item.displayName = "Breadcrumb.Item";
+var Link = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    ref,
+    className: cn("transition-colors hover:text-[var(--color-text-primary)]", className),
+    ...props,
+    children
+  }
+));
+Link.displayName = "Breadcrumb.Link";
+var Page = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-current": "page",
+      "aria-disabled": "true",
+      className: cn("font-normal text-[var(--color-text-primary)]", className),
+      ...props
+    }
+  )
+);
+Page.displayName = "Breadcrumb.Page";
+var Separator = ({
+  children,
+  className
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+    children: children ?? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+  }
+);
+Separator.displayName = "Breadcrumb.Separator";
+var Ellipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(MoreHorizontal, { size: "sm", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+Ellipsis.displayName = "Breadcrumb.Ellipsis";
+var Breadcrumb = { Root, List, Item, Link, Page, Separator, Ellipsis };
+
+export {
+  Breadcrumb
+};

package/dist/chunk-46CFSBEO.js

@@ -0,0 +1,48 @@
+'use client';
+import {
+  cn
+} from "./chunk-AT6RPKU3.js";
+
+// src/components/Tooltip/Tooltip.tsx
+import * as React from "react";
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Provider2 = RadixTooltip.Provider;
+var Root2 = RadixTooltip.Root;
+var Trigger2 = RadixTooltip.Trigger;
+var Content2 = React.forwardRef(
+  function TooltipContent({ className, sideOffset = 4, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      RadixTooltip.Content,
+      {
+        ref,
+        sideOffset,
+        className: cn(
+          "z-[1500] rounded bg-[var(--color-neutral-900)] px-2 py-1 text-xs text-white",
+          "data-[state=delayed-open]:animate-in data-[state=closed]:animate-out",
+          "data-[state=delayed-open]:fade-in-0 data-[state=closed]:fade-out-0",
+          "data-[state=delayed-open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+          "data-[side=bottom]:slide-in-from-top-1 data-[side=top]:slide-in-from-bottom-1",
+          "data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Content2.displayName = "Tooltip.Content";
+function Tooltip({ label, side = "top", delayDuration = 400, children }) {
+  return /* @__PURE__ */ jsxs(Root2, { delayDuration, children: [
+    /* @__PURE__ */ jsx(Trigger2, { asChild: true, children }),
+    /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsx(Content2, { side, children: label }) })
+  ] });
+}
+
+export {
+  Provider2 as Provider,
+  Root2 as Root,
+  Trigger2 as Trigger,
+  Content2 as Content,
+  Tooltip
+};