@oneplatformdev/ui 0.1.10-7 → 0.1.10-9

package/Badge/Badge.d.ts

@@ -1,5 +1,4 @@
-import { badgeVariants } from './badgeVariants';
-import { BadgeProps } from './/Badge.types';
-declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
-export { Badge, badgeVariants };
+import { BadgeProps } from './Badge.types';
+export declare function Badge({ className, variant, asChild, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export default Badge;
 //# sourceMappingURL=Badge.d.ts.map

package/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAI1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,wBAAgB,KAAK,CAAC,EACL,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,UAAU,2CAU3B;AAED,eAAe,KAAK,CAAA"}

package/Badge/Badge.js

@@ -1,10 +1,23 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as a } from "@oneplatformdev/utils";
-import { badgeVariants as i } from "./badgeVariants.js";
-function p({ className: r, variant: o, ...m }) {
-  return /* @__PURE__ */ t("div", { className: a(i({ variant: o }), r), ...m });
+import { jsx as m } from "react/jsx-runtime";
+import { badgeVariants as s } from "./badgeVariants.js";
+import { Slot as e } from "@radix-ui/react-slot";
+import { cn as p } from "@oneplatformdev/utils";
+function c({
+  className: o,
+  variant: a,
+  asChild: t = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ m(
+    t ? e : "span",
+    {
+      "data-slot": "badge",
+      className: p(s({ variant: a }), o),
+      ...r
+    }
+  );
 }
 export {
-  p as Badge,
-  i as badgeVariants
+  c as Badge,
+  c as default
 };

package/Badge/Badge.types.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { badgeVariants } from './badgeVariants';
 import * as React from "react";
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+export interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
 }
 //# sourceMappingURL=Badge.types.d.ts.map

package/Badge/Badge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAClC,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB"}

package/Badge/badgeVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAkBzB,CAAA"}
+{"version":3,"file":"badgeVariants.d.ts","sourceRoot":"","sources":["../../src/Badge/badgeVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;8EAmBzB,CAAA"}

package/Badge/badgeVariants.js

@@ -1,13 +1,13 @@
 import { cva as r } from "class-variance-authority";
 const t = r(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow-sm hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/80",
-        outline: "text-foreground"
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
       }
     },
     defaultVariants: {

package/Button/Button.js

@@ -3,22 +3,21 @@ import * as i from "react";
 import { Slot as u } from "@radix-ui/react-slot";
 import { cn as c } from "@oneplatformdev/utils";
 import { buttonVariants as l } from "./buttonVariants.js";
-import "../Tooltip/TooltipRoot.js";
-import { Tooltip as d } from "../Tooltip/Tooltip.js";
+import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
 const y = i.forwardRef(
-  ({ disabled: o, className: a, variant: e, size: p, asChild: n = !1, title: t = "", tooltip: r, ...s }, f) => /* @__PURE__ */ m(
+  ({ disabled: o, className: a, variant: e, size: n, asChild: p = !1, title: t = "", tooltip: r, ...s }, f) => /* @__PURE__ */ m(
     d,
     {
       open: o || !t && !r ? !1 : void 0,
       message: r || t,
       delay: 300,
       children: /* @__PURE__ */ m(
-        n ? u : "button",
+        p ? u : "button",
         {
           type: "button",
           ref: f,
           disabled: o,
-          className: c(l({ variant: e, size: p, className: a })),
+          className: c(l({ variant: e, size: n, className: a })),
           ...s
         }
       )

package/Button/buttonVariants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAkC1B,CAAA"}
+{"version":3,"file":"buttonVariants.d.ts","sourceRoot":"","sources":["../../src/Button/buttonVariants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc;;;8EAmC1B,CAAA"}

package/Button/buttonVariants.js

@@ -1,11 +1,12 @@
 import { cva as e } from "class-variance-authority";
-const r = e(
+const t = e(
   [
     "inline-flex items-center justify-center gap-2",
     "whitespace-nowrap rounded-lg text-sm font-medium",
     "transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
     "disabled:pointer-events-none disabled:opacity-50",
-    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+    "cursor-pointer"
   ],
   {
     variants: {
@@ -31,5 +32,5 @@ const r = e(
   }
 );
 export {
-  r as buttonVariants
+  t as buttonVariants
 };

package/ButtonIcon/ButtonIcon.js

@@ -2,10 +2,9 @@ import { jsx as n } from "react/jsx-runtime";
 import * as f from "react";
 import { cn as l } from "@oneplatformdev/utils";
 import { buttonIconVariants as u } from "./buttonIconVariants.js";
-import "../Tooltip/TooltipRoot.js";
-import { Tooltip as d } from "../Tooltip/Tooltip.js";
+import { TooltipRoot as d } from "../Tooltip/TooltipRoot.js";
 const h = f.forwardRef(
-  ({ disabled: o, className: m, variant: e, color: p, size: a, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
+  ({ disabled: o, className: e, variant: m, color: a, size: p, rounded: s, title: t = "", tooltip: r, ...i }, c) => /* @__PURE__ */ n(
     d,
     {
       open: o || !t && !r ? !1 : void 0,
@@ -14,7 +13,7 @@ const h = f.forwardRef(
       children: /* @__PURE__ */ n(
         "button",
         {
-          className: l(u({ variant: e, size: a, color: p, disabled: o, rounded: s, className: m })),
+          className: l(u({ variant: m, size: p, color: a, disabled: o, rounded: s, className: e })),
           ref: c,
           disabled: !!o,
           ...i

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.1.10-9 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-59
+- Updated @oneplatformdev/hooks to 0.1.0-45
+- Updated @oneplatformdev/tokens to 0.0.1-32
+
+## 0.1.10-8 (2025-09-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-58
+- Updated @oneplatformdev/hooks to 0.1.0-44
+- Updated @oneplatformdev/tokens to 0.0.1-31
+
 ## 0.1.10-7 (2025-09-15)
 
 ### 🧱 Updated Dependencies

package/Popover/Popover.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-declare const Popover: (props: React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
-declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
 //# sourceMappingURL=Popover.d.ts.map

package/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAK5D,QAAA,MAAM,OAAO,GACX,OAAO,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,4CAIpE,CAAC;AAEF,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAwBlB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,OAAO,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAErE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,EACE,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAe/E;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAE7E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/Popover/Popover.js

@@ -1,36 +1,44 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as p from "react";
-import * as o from "@radix-ui/react-popover";
-import { cn as l } from "@oneplatformdev/utils";
-import { useDialogOverlayContainer as c } from "../Dialog/DialogOverlayScope.js";
-const h = (t) => {
-  const { modal: e, ...r } = t;
-  return /* @__PURE__ */ a(o.Root, { modal: e, ...r });
-}, P = o.Trigger, b = o.Anchor, f = p.forwardRef(({ className: t, align: e = "center", sideOffset: r = 4, style: n, avoidCollisions: i = !0, ...d }, s) => {
-  const m = c();
-  return /* @__PURE__ */ a(o.Portal, { container: m, children: /* @__PURE__ */ a(
-    o.Content,
+import { jsx as t } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-popover";
+import { cn as i } from "@oneplatformdev/utils";
+function s({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Root, { "data-slot": "popover", ...o });
+}
+function m({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Trigger, { "data-slot": "popover-trigger", ...o });
+}
+function f({
+  className: o,
+  align: r = "center",
+  sideOffset: a = 4,
+  ...n
+}) {
+  return /* @__PURE__ */ t(e.Portal, { children: /* @__PURE__ */ t(
+    e.Content,
     {
-      ref: s,
-      align: e,
-      sideOffset: r,
-      className: l(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
-        t
+      "data-slot": "popover-content",
+      align: r,
+      sideOffset: a,
+      className: i(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        o
       ),
-      style: {
-        pointerEvents: "auto",
-        ...n
-      },
-      ...d,
-      avoidCollisions: i
+      ...n
     }
   ) });
-});
-f.displayName = o.Content.displayName;
+}
+function l({
+  ...o
+}) {
+  return /* @__PURE__ */ t(e.Anchor, { "data-slot": "popover-anchor", ...o });
+}
 export {
-  h as Popover,
-  b as PopoverAnchor,
+  s as Popover,
+  l as PopoverAnchor,
   f as PopoverContent,
-  P as PopoverTrigger
+  m as PopoverTrigger
 };

package/Sheet/Sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "top" | "bottom" | "right" | "left" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
     slotProps?: {

package/Sidebar/Sidebar.js

@@ -10,12 +10,11 @@ import "../Button/buttonVariants.js";
 import { Input as E } from "../Input/Input.js";
 import { Separator as T } from "../Separator/Separator.js";
 import { Sheet as A, SheetContent as D } from "../Sheet/Sheet.js";
-import { Skeleton as M } from "../Skeleton/Skeleton.js";
-import { TooltipProvider as O, TooltipTrigger as G, TooltipContent as H } from "../Tooltip/TooltipRoot.js";
-import { Tooltip as K } from "../Tooltip/Tooltip.js";
-const L = "sidebar:state", j = 3600 * 24 * 7, P = "16rem", $ = "18rem", V = "3rem", W = "b", R = i.createContext(null);
+import { Skeleton as R } from "../Skeleton/Skeleton.js";
+import { TooltipProvider as O, TooltipRoot as G, TooltipTrigger as H, TooltipContent as K } from "../Tooltip/TooltipRoot.js";
+const L = "sidebar:state", j = 3600 * 24 * 7, P = "16rem", $ = "18rem", V = "3rem", W = "b", M = i.createContext(null);
 function N() {
-  const a = i.useContext(R);
+  const a = i.useContext(M);
   if (!a)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return a;
@@ -55,7 +54,7 @@ const q = i.forwardRef(
       }),
       [y, g, x, c, p, u, w]
     );
-    return /* @__PURE__ */ r(R.Provider, { value: k, children: /* @__PURE__ */ r(O, { delayDuration: 0, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(M.Provider, { value: k, children: /* @__PURE__ */ r(O, { delayDuration: 0, children: /* @__PURE__ */ r(
       "div",
       {
         style: {
@@ -384,10 +383,10 @@ const se = _(
     );
     return n ? (typeof n == "string" && (n = {
       children: n
-    }), /* @__PURE__ */ S(K, { children: [
-      /* @__PURE__ */ r(G, { asChild: !0, children: v }),
+    }), /* @__PURE__ */ S(G, { children: [
+      /* @__PURE__ */ r(H, { asChild: !0, children: v }),
       /* @__PURE__ */ r(
-        H,
+        K,
         {
           side: "right",
           align: "center",
@@ -448,14 +447,14 @@ const be = i.forwardRef(({ className: a, showIcon: e = !1, ...t }, o) => {
       ...t,
       children: [
         e && /* @__PURE__ */ r(
-          M,
+          R,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
         /* @__PURE__ */ r(
-          M,
+          R,
           {
             className: "h-4 flex-1 max-w-(--skeleton-width)",
             "data-sidebar": "menu-skeleton-text",

package/Tooltip/TooltipRoot.d.ts

@@ -1,8 +1,8 @@
 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>>;
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipRoot({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 export { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider };
 //# sourceMappingURL=TooltipRoot.d.ts.map

package/Tooltip/TooltipRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,QAAA,MAAM,eAAe,iDAA4B,CAAA;AAEjD,QAAA,MAAM,WAAW,yCAAwB,CAAA;AAEzC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,cAAc,gKAelB,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../src/Tooltip/TooltipRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AAI3D,iBAAS,eAAe,CAAC,EACE,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQjF;AAED,iBAAS,WAAW,CAAC,EACF,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMrE;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAE/E;AAED,iBAAS,cAAc,CAAC,EACE,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAiB/E;AAED,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/Tooltip/TooltipRoot.js

@@ -1,23 +1,55 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as d from "react";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
 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;
+import { cn as d } from "@oneplatformdev/utils";
+function l({
+  delayDuration: t = 0,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    o.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...r
+    }
+  );
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ i(l, { children: /* @__PURE__ */ i(o.Root, { "data-slot": "tooltip", ...t }) });
+}
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ i(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function c({
+  className: t,
+  sideOffset: r = 0,
+  children: e,
+  ...a
+}) {
+  return /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ n(
+    o.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: r,
+      className: d(
+        "bg-primary 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        t
+      ),
+      ...a,
+      children: [
+        e,
+        /* @__PURE__ */ i(o.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+      ]
+    }
+  ) });
+}
 export {
-  m as TooltipContent,
-  p as TooltipProvider,
-  f as TooltipRoot,
-  c as TooltipTrigger
+  c as TooltipContent,
+  l as TooltipProvider,
+  p as TooltipRoot,
+  f as TooltipTrigger
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.10-7",
+  "version": "0.1.10-9",
   "description": "React hook library",
   "author": "One Platform Development Team",
   "keywords": [
@@ -68,6 +68,7 @@
     "@tailwindcss/vite": "^4.1.13"
   },
   "dependencies": {
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.7",
@@ -106,8 +107,8 @@
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
     "zod": "^4.1.8",
-    "@oneplatformdev/tokens": "^0.0.1-30",
-    "@oneplatformdev/hooks": "^0.1.0-43",
-    "@oneplatformdev/utils": "^0.1.1-57"
+    "@oneplatformdev/tokens": "^0.0.1-32",
+    "@oneplatformdev/hooks": "^0.1.0-45",
+    "@oneplatformdev/utils": "^0.1.1-59"
   }
 }

package/src/styles.css

@@ -1,136 +0,0 @@
-@import '@oneplatformdev/tokens/tokens.css';
-
-@import "tailwindcss";
-@import "tw-animate-css";
-
-@custom-variant dark (&:is(.dark *));
-
-@utility container {
-  margin-inline: auto;
-  padding-inline: 2rem;
-  @media (width >= --theme(--breakpoint-sm)) {
-  max-width: none;
-}
-  @media (width >= 1536px) {
-    max-width: 1536px;
-  }
-}
-
-:root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}