@oneplatformdev/ui 0.0.1-beta.100

package/Theme/ThemeProvider.d.ts

@@ -0,0 +1,4 @@
+import { ThemeProvider as NextThemesProvider } from 'next-themes';
+import * as React from "react";
+export declare function ThemeProvider(props: React.ComponentProps<typeof NextThemesProvider>): import("react/jsx-runtime").JSX.Element;
+export default ThemeProvider;

package/Theme/ThemeProvider.mjs

@@ -0,0 +1,27 @@
+import { jsx as m } from "react/jsx-runtime";
+import { ThemeProvider as n } from "next-themes";
+function h(e) {
+  const {
+    children: r,
+    attribute: t = "class",
+    defaultTheme: s = "system",
+    enableSystem: i = !0,
+    disableTransitionOnChange: o = !0,
+    ...a
+  } = e;
+  return /* @__PURE__ */ m(
+    n,
+    {
+      attribute: t,
+      defaultTheme: s,
+      enableSystem: i,
+      disableTransitionOnChange: o,
+      ...a,
+      children: r
+    }
+  );
+}
+export {
+  h as ThemeProvider,
+  h as default
+};

package/Theme/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider } from './ThemeProvider';
+export { ThemeModeToggle } from './ThemeModeToggle';

package/Theme/index.mjs

@@ -0,0 +1,6 @@
+import { ThemeProvider as r } from "./ThemeProvider.mjs";
+import { ThemeModeToggle as T } from "./ThemeModeToggle.mjs";
+export {
+  T as ThemeModeToggle,
+  r as ThemeProvider
+};

package/Theme/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
+declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };

package/Toast/Toast.mjs

@@ -0,0 +1,80 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import * as e from "@radix-ui/react-toast";
+import { X as c } from "lucide-react";
+import { cn as a } from "@oneplatformdev/utils";
+import { toastVariants as n } from "./toastVariants.mjs";
+const h = e.Provider, m = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Viewport,
+  {
+    ref: r,
+    className: a(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      o
+    ),
+    ...t
+  }
+));
+m.displayName = e.Viewport.displayName;
+const p = i.forwardRef(({ className: o, variant: t, ...r }, d) => /* @__PURE__ */ s(
+  e.Root,
+  {
+    ref: d,
+    className: a(n({ variant: t }), o),
+    ...r
+  }
+));
+p.displayName = e.Root.displayName;
+const u = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Action,
+  {
+    ref: r,
+    className: a(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      o
+    ),
+    ...t
+  }
+));
+u.displayName = e.Action.displayName;
+const l = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Close,
+  {
+    ref: r,
+    className: a(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      o
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ s(c, { className: "h-4 w-4" })
+  }
+));
+l.displayName = e.Close.displayName;
+const f = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Title,
+  {
+    ref: r,
+    className: a("text-sm font-semibold [&+div]:text-xs", o),
+    ...t
+  }
+));
+f.displayName = e.Title.displayName;
+const v = i.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ s(
+  e.Description,
+  {
+    ref: r,
+    className: a("text-sm opacity-90", o),
+    ...t
+  }
+));
+v.displayName = e.Description.displayName;
+export {
+  p as Toast,
+  u as ToastAction,
+  l as ToastClose,
+  v as ToastDescription,
+  h as ToastProvider,
+  f as ToastTitle,
+  m as ToastViewport
+};

package/Toast/Toast.types.d.ts

@@ -0,0 +1,34 @@
+import { actionTypes } from './toast.constants';
+import { Toast, ToastAction } from './Toast';
+import { default as React } from 'react';
+
+export type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+export type ToastActionElement = React.ReactElement<typeof ToastAction>;
+type Nullable<T> = T | null | undefined;
+export type ToasterToastVariant = Nullable<"default" | "destructive" | "success" | "info" | "update">;
+export type ToasterToast = ToastProps & {
+    id: string;
+    variant?: ToasterToastVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+export type ActionType = typeof actionTypes;
+export type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+export interface State {
+    toasts: ToasterToast[];
+}
+export type TToast = Omit<ToasterToast, "id">;
+export {};

package/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './useToast';
+export type * from './Toast.types';

package/Toast/index.mjs

@@ -0,0 +1,15 @@
+import { Toast as s, ToastAction as e, ToastClose as r, ToastDescription as a, ToastProvider as T, ToastTitle as i, ToastViewport as p } from "./Toast.mjs";
+import { reducer as f, toast as u, useNotify as d, useToast as l } from "./useToast.mjs";
+export {
+  s as Toast,
+  e as ToastAction,
+  r as ToastClose,
+  a as ToastDescription,
+  T as ToastProvider,
+  i as ToastTitle,
+  p as ToastViewport,
+  f as reducer,
+  u as toast,
+  d as useNotify,
+  l as useToast
+};

package/Toast/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Toast/toast.constants.d.ts

@@ -0,0 +1,6 @@
+export declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};

package/Toast/toast.constants.mjs

@@ -0,0 +1,9 @@
+const T = {
+  ADD_TOAST: "ADD_TOAST",
+  UPDATE_TOAST: "UPDATE_TOAST",
+  DISMISS_TOAST: "DISMISS_TOAST",
+  REMOVE_TOAST: "REMOVE_TOAST"
+};
+export {
+  T as actionTypes
+};

package/Toast/toastVariants.d.ts

@@ -0,0 +1,3 @@
+export declare const toastVariants: (props?: ({
+    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;

package/Toast/toastVariants.mjs

@@ -0,0 +1,21 @@
+import { cva as t } from "class-variance-authority";
+const a = t(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all 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-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground",
+        success: "border bg-primary text-white",
+        info: "border bg-blue-400 text-white",
+        update: "border bg-orange-400 text-white"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  a as toastVariants
+};

package/Toast/useToast.d.ts

@@ -0,0 +1,16 @@
+import { ToasterToast, Action, State, TToast, ToasterToastVariant } from './Toast.types';
+
+export declare const reducer: (state: State, action: Action) => State;
+export declare function toast({ ...props }: TToast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+export declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export declare const useNotify: () => {
+    notifyToast: (message: string, variant?: ToasterToastVariant, description?: string) => void;
+};

package/Toast/useToast.mjs

@@ -0,0 +1,101 @@
+import * as c from "react";
+const f = 1, p = 1e6;
+let T = 0;
+function A() {
+  return T = (T + 1) % Number.MAX_SAFE_INTEGER, T.toString();
+}
+const a = /* @__PURE__ */ new Map(), S = (t) => {
+  if (a.has(t))
+    return;
+  const s = setTimeout(() => {
+    a.delete(t), n({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, p);
+  a.set(t, s);
+}, O = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, f)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map(
+          (e) => e.id === s.toast.id ? { ...e, ...s.toast } : e
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: e } = s;
+      return e ? S(e) : t.toasts.forEach((o) => {
+        S(o.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === e || e === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((e) => e.id !== s.toastId)
+      };
+  }
+}, r = [];
+let i = { toasts: [] };
+function n(t) {
+  i = O(i, t), r.forEach((s) => {
+    s(i);
+  });
+}
+function d({ ...t }) {
+  const s = A(), e = (u) => n({
+    type: "UPDATE_TOAST",
+    toast: { ...u, id: s }
+  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
+  return n({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (u) => {
+        u || o();
+      }
+    }
+  }), {
+    id: s,
+    dismiss: o,
+    update: e
+  };
+}
+function E() {
+  const [t, s] = c.useState(i);
+  return c.useEffect(() => (r.push(s), () => {
+    const e = r.indexOf(s);
+    e > -1 && r.splice(e, 1);
+  }), [t]), {
+    ...t,
+    toast: d,
+    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
+  };
+}
+const _ = () => ({ notifyToast: (s, e, o) => {
+  d({ title: s, variant: e, description: o });
+} });
+export {
+  O as reducer,
+  d as toast,
+  _ as useNotify,
+  E as useToast
+};

package/Toaster/Toaster.d.ts

@@ -0,0 +1 @@
+export declare function Toaster(): import("react/jsx-runtime").JSX.Element;

package/Toaster/Toaster.mjs

@@ -0,0 +1,22 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { useToast as c } from "../Toast/useToast.mjs";
+import { ToastProvider as T, Toast as m, ToastTitle as d, ToastDescription as l, ToastClose as p, ToastViewport as f } from "../Toast/Toast.mjs";
+function g() {
+  const { toasts: e } = c();
+  return /* @__PURE__ */ r(T, { children: [
+    e.map(function({ id: i, title: t, description: s, action: a, ...n }) {
+      return /* @__PURE__ */ r(m, { ...n, children: [
+        /* @__PURE__ */ r("div", { className: "grid gap-1", children: [
+          t && /* @__PURE__ */ o(d, { children: t }),
+          s && /* @__PURE__ */ o(l, { children: s })
+        ] }),
+        a,
+        /* @__PURE__ */ o(p, {})
+      ] }, i);
+    }),
+    /* @__PURE__ */ o(f, {})
+  ] });
+}
+export {
+  g as Toaster
+};

package/Toaster/index.d.ts

@@ -0,0 +1 @@
+export * from './Toaster';

package/Toaster/index.mjs

@@ -0,0 +1,4 @@
+import { Toaster as e } from "./Toaster.mjs";
+export {
+  e as Toaster
+};

package/Toaster/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Toggle/Toggle.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { Toggle, toggleVariants };

package/Toggle/Toggle.mjs

@@ -0,0 +1,37 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import * as e from "@radix-ui/react-toggle";
+import { cva as d } from "class-variance-authority";
+import { cn as m } from "@oneplatformdev/utils";
+const g = d(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 px-2 min-w-9",
+        sm: "h-8 px-1.5 min-w-8",
+        lg: "h-10 px-2.5 min-w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), l = s.forwardRef(({ className: t, variant: o, size: n, ...r }, a) => /* @__PURE__ */ i(
+  e.Root,
+  {
+    ref: a,
+    className: m(g({ variant: o, size: n, className: t })),
+    ...r
+  }
+));
+l.displayName = e.Root.displayName;
+export {
+  l as Toggle,
+  g as toggleVariants
+};

package/Toggle/index.d.ts

@@ -0,0 +1 @@
+export * from './Toggle';

package/Toggle/index.mjs

@@ -0,0 +1,5 @@
+import { Toggle as e, toggleVariants as r } from "./Toggle.mjs";
+export {
+  e as Toggle,
+  r as toggleVariants
+};

package/Toggle/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+declare const ToggleGroup: React.ForwardRefExoticComponent<((Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string>) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+export { ToggleGroup, ToggleGroupItem };

package/ToggleGroup/ToggleGroup.mjs

@@ -0,0 +1,41 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as e from "react";
+import * as t from "@radix-ui/react-toggle-group";
+import { cn as p } from "@oneplatformdev/utils";
+import { toggleVariants as f } from "../Toggle/Toggle.mjs";
+const c = e.createContext({
+  size: "default",
+  variant: "default"
+}), g = e.forwardRef(({ className: o, variant: r, size: a, children: i, ...s }, m) => /* @__PURE__ */ n(
+  t.Root,
+  {
+    ref: m,
+    className: p("flex items-center justify-center gap-1", o),
+    ...s,
+    children: /* @__PURE__ */ n(c.Provider, { value: { variant: r, size: a }, children: i })
+  }
+));
+g.displayName = t.Root.displayName;
+const d = e.forwardRef(({ className: o, children: r, variant: a, size: i, ...s }, m) => {
+  const l = e.useContext(c);
+  return /* @__PURE__ */ n(
+    t.Item,
+    {
+      ref: m,
+      className: p(
+        f({
+          variant: l.variant || a,
+          size: l.size || i
+        }),
+        o
+      ),
+      ...s,
+      children: r
+    }
+  );
+});
+d.displayName = t.Item.displayName;
+export {
+  g as ToggleGroup,
+  d as ToggleGroupItem
+};

package/ToggleGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ToggleGroup';

package/ToggleGroup/index.mjs

@@ -0,0 +1,5 @@
+import { ToggleGroup as g, ToggleGroupItem as r } from "./ToggleGroup.mjs";
+export {
+  g as ToggleGroup,
+  r as ToggleGroupItem
+};

package/ToggleGroup/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Tooltip/Tooltip.d.ts

@@ -0,0 +1,4 @@
+import { TooltipProps } from './Tooltip.types';
+import { FC, PropsWithChildren } from 'react';
+
+export declare const Tooltip: FC<PropsWithChildren<TooltipProps>>;

package/Tooltip/Tooltip.mjs

@@ -0,0 +1,12 @@
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { TooltipProvider as a, TooltipRoot as c, TooltipTrigger as d, TooltipContent as p } from "./TooltipRoot.mjs";
+const m = (r) => {
+  const { trigger: t, children: e, message: i = "", delay: l = 100, ...n } = r;
+  return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ s(c, { delayDuration: l, ...n, children: [
+    /* @__PURE__ */ o(d, { asChild: !0, children: t || e }),
+    /* @__PURE__ */ o(p, { className: "bg-gray-300 text-black", children: i })
+  ] }) });
+};
+export {
+  m as Tooltip
+};

package/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,8 @@
+import { TooltipRoot } from './TooltipRoot';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+
+export interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipRoot> {
+    trigger?: ReactNode;
+    message?: ReactNode;
+    delay?: number;
+}

package/Tooltip/TooltipRoot.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider };

package/Tooltip/TooltipRoot.mjs

@@ -0,0 +1,23 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as d from "react";
+import * as o from "@radix-ui/react-tooltip";
+import { cn as s } from "@oneplatformdev/utils";
+const p = o.Provider, f = o.Root, c = o.Trigger, m = d.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+  o.Content,
+  {
+    ref: r,
+    sideOffset: i,
+    className: s(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...a
+  }
+) }));
+m.displayName = o.Content.displayName;
+export {
+  m as TooltipContent,
+  p as TooltipProvider,
+  f as TooltipRoot,
+  c as TooltipTrigger
+};

package/Tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TooltipRoot';
+export * from './Tooltip';
+export type * from './Tooltip.types';

package/Tooltip/index.mjs

@@ -0,0 +1,9 @@
+import { TooltipContent as r, TooltipProvider as i, TooltipRoot as p, TooltipTrigger as T } from "./TooltipRoot.mjs";
+import { Tooltip as l } from "./Tooltip.mjs";
+export {
+  l as Tooltip,
+  r as TooltipContent,
+  i as TooltipProvider,
+  p as TooltipRoot,
+  T as TooltipTrigger
+};