@adamosuiteservices/ui 2.18.5 → 2.19.0

package/dist/toaster.js

@@ -1,5 +1,5 @@
 "use client";
-import { j as n } from "./jsx-runtime-BzflLqGi.js";
+import { j as i } from "./jsx-runtime-BzflLqGi.js";
 import { P as l } from "./index-CZWDxvEo.js";
 import { c as f } from "./index-CRiPKpXj.js";
 import { c as b } from "./index-BqtVL8d-.js";
@@ -17,74 +17,75 @@ class g {
 }
 const c = new g(), x = b(
   `
-    adm:fixed adm:right-0 adm:bottom-0 adm:left-0 adm:z-50 adm:flex adm:w-full
-    adm:justify-center adm:p-4
+    adm:fixed adm:right-0 adm:bottom-0 adm:left-0 adm:z-50 adm:flex adm:h-13
+    adm:w-full adm:items-center adm:justify-center adm:p-4 adm:text-center
+    adm:text-sm
   `,
   {
     variants: {
       variant: {
-        default: "adm:bg-primary-200 adm:text-foreground",
-        success: "adm:bg-success-50 adm:text-success",
-        warning: "adm:bg-warning-50 adm:text-warning",
-        destructive: "adm:bg-destructive-50 adm:text-destructive"
+        info: "adm:bg-accent adm:text-foreground",
+        success: "adm:bg-success-50 adm:text-success-foreground-subtle",
+        warning: "adm:bg-warning-50 adm:text-warning-foreground-subtle",
+        destructive: "adm:bg-destructive-50 adm:text-destructive-foreground-subtle"
       }
     },
     defaultVariants: {
-      variant: "default"
+      variant: "info"
     }
   }
-), T = 3e3;
+), h = 3e3;
 function _() {
-  const [a, t] = m(null), [s, e] = m(!1);
+  const [e, t] = m(null), [s, a] = m(!1);
   u(() => {
     const r = c.subscribe((o) => {
-      t(o), e(!1);
+      t(o), a(!1);
     });
     return () => {
       r();
     };
   }, []);
-  const i = (r) => {
-    r.animationName === "toast-slide-down" && (t(null), e(!1));
+  const n = (r) => {
+    r.animationName === "toast-slide-down" && (t(null), a(!1));
   };
-  return a ? /* @__PURE__ */ n.jsx(l, { children: /* @__PURE__ */ n.jsx(
-    h,
+  return e ? /* @__PURE__ */ i.jsx(l, { children: /* @__PURE__ */ i.jsx(
+    T,
     {
       closing: s,
-      onClosing: () => e(!0),
-      animationEnded: i,
-      ...a
+      onClosing: () => a(!0),
+      animationEnded: n,
+      ...e
     }
-  ) }, a.id) : null;
+  ) }, e.id) : null;
 }
-function h({
-  variant: a,
+function T({
+  variant: e,
   message: t,
   autoClose: s,
-  onClose: e,
-  closing: i,
+  onClose: a,
+  closing: n,
   onClosing: r,
   animationEnded: o
 }) {
   return u(() => {
     let d;
     return d = setTimeout(() => {
-      r(), e && e();
-    }, s || T), () => {
+      r(), a && a();
+    }, s || h), () => {
       clearTimeout(d);
     };
-  }, []), /* @__PURE__ */ n.jsx(
+  }, []), /* @__PURE__ */ i.jsx(
     "div",
     {
       onAnimationEnd: o,
       className: f(
-        x({ variant: a }),
+        x({ variant: e }),
         {
-          "adm:animate-toast-slide-up": !i,
-          "adm:animate-toast-slide-down": i
+          "adm:animate-toast-slide-up": !n,
+          "adm:animate-toast-slide-down": n
         }
       ),
-      children: /* @__PURE__ */ n.jsx("p", { children: t })
+      children: /* @__PURE__ */ i.jsx("p", { children: t })
     }
   );
 }
@@ -96,8 +97,8 @@ class p {
 }
 const A = new p();
 export {
-  T as TOAST_AUTO_CLOSE_DEFAULT,
-  h as Toast,
+  h as TOAST_AUTO_CLOSE_DEFAULT,
+  T as Toast,
   A as ToastManager,
   c as ToastObservable,
   _ as Toaster,

package/dist/toggle.cjs

@@ -1,8 +1,8 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./jsx-runtime-BB_1_6y_.cjs"),g=require("react"),r=require("./index-BWaO7kQK.cjs"),f=require("./index-CocSS1YK.cjs"),b=require("./index-DoxiiusW.cjs"),v=require("./index-BTzZJcis.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const x=p(g);var s="Toggle",i=x.forwardRef((e,t)=>{const{pressed:a,defaultPressed:n,onPressedChange:l,...c}=e,[d,u]=r.useControllableState({prop:a,onChange:l,defaultProp:n??!1,caller:s});return o.jsxRuntimeExports.jsx(f.Primitive.button,{type:"button","aria-pressed":d,"data-state":d?"on":"off","data-disabled":e.disabled?"":void 0,...c,ref:t,onClick:r.composeEventHandlers(e.onClick,()=>{e.disabled||u(!d)})})});i.displayName=s;var h=i;const m=v.cva(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./jsx-runtime-BB_1_6y_.cjs"),g=require("react"),r=require("./index-BWaO7kQK.cjs"),b=require("./index-CocSS1YK.cjs"),f=require("./index-DoxiiusW.cjs"),v=require("./index-BTzZJcis.cjs");function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const x=p(g);var o="Toggle",i=x.forwardRef((e,t)=>{const{pressed:a,defaultPressed:n,onPressedChange:m,...c}=e,[d,u]=r.useControllableState({prop:a,onChange:m,defaultProp:n??!1,caller:o});return s.jsxRuntimeExports.jsx(b.Primitive.button,{type:"button","aria-pressed":d,"data-state":d?"on":"off","data-disabled":e.disabled?"":void 0,...c,ref:t,onClick:r.composeEventHandlers(e.onClick,()=>{e.disabled||u(!d)})})});i.displayName=o;var h=i;const l=v.cva(`
     adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:rounded-md
     adm:text-sm adm:font-medium adm:whitespace-nowrap
     adm:transition-[color,box-shadow] adm:outline-none
-    adm:hover:bg-muted adm:hover:text-muted-foreground
+    adm:hover:bg-subtle adm:hover:text-foreground
     adm:focus-visible:border-ring adm:focus-visible:ring-[3px]
     adm:focus-visible:ring-ring/50
     adm:disabled:pointer-events-none adm:disabled:opacity-50
@@ -16,5 +16,5 @@
     adm:[&_svg:not([class*=size-])]:size-4
   `,{variants:{variant:{default:"adm:bg-transparent",outline:`
             adm:border adm:border-input adm:bg-transparent adm:shadow-xs
-            adm:hover:bg-accent adm:hover:text-accent-foreground
-          `},size:{default:"adm:h-9 adm:min-w-9 adm:px-2",sm:"adm:h-8 adm:min-w-8 adm:px-1.5",lg:"adm:h-10 adm:min-w-10 adm:px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function j({className:e,variant:t,size:a,...n}){return o.jsxRuntimeExports.jsx(h,{"data-slot":"toggle",className:b.cn(m({variant:t,size:a,className:e})),...n})}exports.Toggle=j;exports.toggleVariants=m;
+            adm:hover:bg-subtle
+          `},size:{default:"adm:h-9 adm:min-w-9 adm:px-2",sm:"adm:h-8 adm:min-w-8 adm:px-1.5",lg:"adm:h-10 adm:min-w-10 adm:px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function j({className:e,variant:t,size:a,...n}){return s.jsxRuntimeExports.jsx(h,{"data-slot":"toggle",className:f.cn(l({variant:t,size:a,className:e})),...n})}exports.Toggle=j;exports.toggleVariants=l;

package/dist/toggle.js

@@ -1,40 +1,40 @@
 "use client";
-import { j as r } from "./jsx-runtime-BzflLqGi.js";
+import { j as o } from "./jsx-runtime-BzflLqGi.js";
 import * as c from "react";
 import { u, c as g } from "./index-C0UREtMP.js";
 import { P as f } from "./index-BMWt1NBG.js";
-import { c as v } from "./index-CRiPKpXj.js";
-import { c as p } from "./index-BqtVL8d-.js";
-var n = "Toggle", s = c.forwardRef((a, e) => {
-  const { pressed: t, defaultPressed: d, onPressedChange: i, ...m } = a, [o, l] = u({
+import { c as p } from "./index-CRiPKpXj.js";
+import { c as v } from "./index-BqtVL8d-.js";
+var r = "Toggle", n = c.forwardRef((a, e) => {
+  const { pressed: t, defaultPressed: d, onPressedChange: i, ...m } = a, [s, l] = u({
     prop: t,
     onChange: i,
     defaultProp: d ?? !1,
-    caller: n
+    caller: r
   });
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ o.jsx(
     f.button,
     {
       type: "button",
-      "aria-pressed": o,
-      "data-state": o ? "on" : "off",
+      "aria-pressed": s,
+      "data-state": s ? "on" : "off",
       "data-disabled": a.disabled ? "" : void 0,
       ...m,
       ref: e,
       onClick: g(a.onClick, () => {
-        a.disabled || l(!o);
+        a.disabled || l(!s);
       })
     }
   );
 });
-s.displayName = n;
-var b = s;
-const x = p(
+n.displayName = r;
+var b = n;
+const x = v(
   `
     adm:inline-flex adm:items-center adm:justify-center adm:gap-2 adm:rounded-md
     adm:text-sm adm:font-medium adm:whitespace-nowrap
     adm:transition-[color,box-shadow] adm:outline-none
-    adm:hover:bg-muted adm:hover:text-muted-foreground
+    adm:hover:bg-subtle adm:hover:text-foreground
     adm:focus-visible:border-ring adm:focus-visible:ring-[3px]
     adm:focus-visible:ring-ring/50
     adm:disabled:pointer-events-none adm:disabled:opacity-50
@@ -53,7 +53,7 @@ const x = p(
         default: "adm:bg-transparent",
         outline: `
             adm:border adm:border-input adm:bg-transparent adm:shadow-xs
-            adm:hover:bg-accent adm:hover:text-accent-foreground
+            adm:hover:bg-subtle
           `
       },
       size: {
@@ -74,11 +74,11 @@ function k({
   size: t,
   ...d
 }) {
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ o.jsx(
     b,
     {
       "data-slot": "toggle",
-      className: v(x({ variant: e, size: t, className: a })),
+      className: p(x({ variant: e, size: t, className: a })),
       ...d
     }
   );

package/dist/tooltip.cjs

@@ -1,9 +1,8 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-BB_1_6y_.cjs"),K=require("react"),E=require("./index-BWaO7kQK.cjs"),M=require("./index-_XxjJPRD.cjs"),W=require("./index-cwZN7ZY3.cjs"),J=require("./index-BaCYnOIG.cjs"),Q=require("./index-WIv2ndLu.cjs"),R=require("./index-Cqf5g2f_.cjs"),Z=require("./index-CBuLZ39k.cjs"),N=require("./index-DE3jjVoC.cjs"),ee=require("./index-CocSS1YK.cjs"),te=require("./index-BDs8lUfq.cjs"),oe=require("./index-DoxiiusW.cjs");function re(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=re(K);var ne=Symbol("radix.slottable");function se(e){const o=({children:t})=>c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=ne,o}var[O]=W.createContextScope("Tooltip",[R.createPopperScope]),D=R.createPopperScope(),q="TooltipProvider",ie=700,L="tooltip.open",[ae,k]=O(q),$=e=>{const{__scopeTooltip:o,delayDuration:t=ie,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:l}=e,a=s.useRef(!0),f=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const p=i.current;return()=>window.clearTimeout(p)},[]),c.jsxRuntimeExports.jsx(ae,{scope:o,isOpenDelayedRef:a,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(i.current),a.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>a.current=!0,r)},[r]),isPointerInTransitRef:f,onPointerInTransitChange:s.useCallback(p=>{f.current=p},[]),disableHoverableContent:n,children:l})};$.displayName=q;var P="Tooltip",[le,_]=O(P),F=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:l,disableHoverableContent:a,delayDuration:f}=e,i=k(P,e.__scopeTooltip),p=D(o),[u,x]=s.useState(null),m=Q.useId(),d=s.useRef(0),v=a??i.disableHoverableContent,g=f??i.delayDuration,h=s.useRef(!1),[y,T]=E.useControllableState({prop:r,defaultProp:n??!1,onChange:H=>{H?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),l?.(H)},caller:P}),b=s.useMemo(()=>y?h.current?"delayed-open":"instant-open":"closed",[y]),j=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,h.current=!1,T(!0)},[T]),w=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,T(!1)},[T]),I=s.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>{h.current=!0,T(!0),d.current=0},g)},[g,T]);return s.useEffect(()=>()=>{d.current&&(window.clearTimeout(d.current),d.current=0)},[]),c.jsxRuntimeExports.jsx(R.Root2,{...p,children:c.jsxRuntimeExports.jsx(le,{scope:o,contentId:m,open:y,stateAttribute:b,trigger:u,onTriggerChange:x,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?I():j()},[i.isOpenDelayedRef,I,j]),onTriggerLeave:s.useCallback(()=>{v?w():(window.clearTimeout(d.current),d.current=0)},[w,v]),onOpen:j,onClose:w,disableHoverableContent:v,children:t})})};F.displayName=P;var A="TooltipTrigger",G=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(A,t),l=k(A,t),a=D(t),f=s.useRef(null),i=M.useComposedRefs(o,f,n.onTriggerChange),p=s.useRef(!1),u=s.useRef(!1),x=s.useCallback(()=>p.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),c.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...a,children:c.jsxRuntimeExports.jsx(ee.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:E.composeEventHandlers(e.onPointerMove,m=>{m.pointerType!=="touch"&&!u.current&&!l.isPointerInTransitRef.current&&(n.onTriggerEnter(),u.current=!0)}),onPointerLeave:E.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),u.current=!1}),onPointerDown:E.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),p.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:E.composeEventHandlers(e.onFocus,()=>{p.current||n.onOpen()}),onBlur:E.composeEventHandlers(e.onBlur,n.onClose),onClick:E.composeEventHandlers(e.onClick,n.onClose)})})});G.displayName=A;var S="TooltipPortal",[ce,ue]=O(S,{forceMount:void 0}),z=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,l=_(S,o);return c.jsxRuntimeExports.jsx(ce,{scope:o,forceMount:t,children:c.jsxRuntimeExports.jsx(N.Presence,{present:t||l.open,children:c.jsxRuntimeExports.jsx(Z.Portal,{asChild:!0,container:n,children:r})})})};z.displayName=S;var C="TooltipContent",B=s.forwardRef((e,o)=>{const t=ue(C,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...l}=e,a=_(C,e.__scopeTooltip);return c.jsxRuntimeExports.jsx(N.Presence,{present:r||a.open,children:a.disableHoverableContent?c.jsxRuntimeExports.jsx(U,{side:n,...l,ref:o}):c.jsxRuntimeExports.jsx(de,{side:n,...l,ref:o})})}),de=s.forwardRef((e,o)=>{const t=_(C,e.__scopeTooltip),r=k(C,e.__scopeTooltip),n=s.useRef(null),l=M.useComposedRefs(o,n),[a,f]=s.useState(null),{trigger:i,onClose:p}=t,u=n.current,{onPointerInTransitChange:x}=r,m=s.useCallback(()=>{f(null),x(!1)},[x]),d=s.useCallback((v,g)=>{const h=v.currentTarget,y={x:v.clientX,y:v.clientY},T=me(y,h.getBoundingClientRect()),b=ve(y,T),j=he(g.getBoundingClientRect()),w=Te([...b,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>m(),[m]),s.useEffect(()=>{if(i&&u){const v=h=>d(h,u),g=h=>d(h,i);return i.addEventListener("pointerleave",v),u.addEventListener("pointerleave",g),()=>{i.removeEventListener("pointerleave",v),u.removeEventListener("pointerleave",g)}}},[i,u,d,m]),s.useEffect(()=>{if(a){const v=g=>{const h=g.target,y={x:g.clientX,y:g.clientY},T=i?.contains(h)||u?.contains(h),b=!ge(y,a);T?m():b&&(m(),p())};return document.addEventListener("pointermove",v),()=>document.removeEventListener("pointermove",v)}},[i,u,a,p,m]),c.jsxRuntimeExports.jsx(U,{...e,ref:l})}),[pe,xe]=O(P,{isInside:!1}),fe=se("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:a,...f}=e,i=_(C,t),p=D(t),{onClose:u}=i;return s.useEffect(()=>(document.addEventListener(L,u),()=>document.removeEventListener(L,u)),[u]),s.useEffect(()=>{if(i.trigger){const x=m=>{m.target?.contains(i.trigger)&&u()};return window.addEventListener("scroll",x,{capture:!0}),()=>window.removeEventListener("scroll",x,{capture:!0})}},[i.trigger,u]),c.jsxRuntimeExports.jsx(J.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:x=>x.preventDefault(),onDismiss:u,children:c.jsxRuntimeExports.jsxs(R.Content,{"data-state":i.stateAttribute,...p,...f,ref:o,style:{...f.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[c.jsxRuntimeExports.jsx(fe,{children:r}),c.jsxRuntimeExports.jsx(pe,{scope:t,isInside:!0,children:c.jsxRuntimeExports.jsx(te.Root,{id:i.contentId,role:"tooltip",children:n||r})})]})})});B.displayName=C;var V="TooltipArrow",Y=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(t);return xe(V,t).isInside?null:c.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});Y.displayName=V;function me(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),l=Math.abs(o.left-e.x);switch(Math.min(t,r,n,l)){case l:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function ve(e,o,t=5){const r=[];switch(o){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function he(e){const{top:o,right:t,bottom:r,left:n}=e;return[{x:n,y:o},{x:t,y:o},{x:t,y:r},{x:n,y:r}]}function ge(e,o){const{x:t,y:r}=e;let n=!1;for(let l=0,a=o.length-1;l<o.length;a=l++){const f=o[l],i=o[a],p=f.x,u=f.y,x=i.x,m=i.y;u>r!=m>r&&t<(x-p)*(r-u)/(m-u)+p&&(n=!n)}return n}function Te(e){const o=e.slice();return o.sort((t,r)=>t.x<r.x?-1:t.x>r.x?1:t.y<r.y?-1:t.y>r.y?1:0),ye(o)}function ye(e){if(e.length<=1)return e.slice();const o=[];for(let r=0;r<e.length;r++){const n=e[r];for(;o.length>=2;){const l=o[o.length-1],a=o[o.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))o.pop();else break}o.push(n)}o.pop();const t=[];for(let r=e.length-1;r>=0;r--){const n=e[r];for(;t.length>=2;){const l=t[t.length-1],a=t[t.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))t.pop();else break}t.push(n)}return t.pop(),o.length===1&&t.length===1&&o[0].x===t[0].x&&o[0].y===t[0].y?o:o.concat(t)}var Ee=$,Ce=F,Re=G,be=z,je=B,we=Y;function X({delayDuration:e=0,...o}){return c.jsxRuntimeExports.jsx(Ee,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Pe({...e}){return c.jsxRuntimeExports.jsx(X,{children:c.jsxRuntimeExports.jsx(Ce,{"data-slot":"tooltip",...e})})}function _e({...e}){return c.jsxRuntimeExports.jsx(Re,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:o=0,children:t,...r}){return c.jsxRuntimeExports.jsx(be,{children:c.jsxRuntimeExports.jsxs(je,{"data-slot":"tooltip-content",sideOffset:o,className:oe.cn(`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-BB_1_6y_.cjs"),K=require("react"),E=require("./index-BWaO7kQK.cjs"),M=require("./index-_XxjJPRD.cjs"),W=require("./index-cwZN7ZY3.cjs"),J=require("./index-BaCYnOIG.cjs"),Q=require("./index-WIv2ndLu.cjs"),R=require("./index-Cqf5g2f_.cjs"),Z=require("./index-CBuLZ39k.cjs"),N=require("./index-DE3jjVoC.cjs"),ee=require("./index-CocSS1YK.cjs"),te=require("./index-BDs8lUfq.cjs"),oe=require("./index-DoxiiusW.cjs");function re(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const s=re(K);var ne=Symbol("radix.slottable");function se(e){const o=({children:t})=>c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:t});return o.displayName=`${e}.Slottable`,o.__radixId=ne,o}var[O]=W.createContextScope("Tooltip",[R.createPopperScope]),D=R.createPopperScope(),q="TooltipProvider",ie=700,L="tooltip.open",[ae,k]=O(q),$=e=>{const{__scopeTooltip:o,delayDuration:t=ie,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:l}=e,a=s.useRef(!0),f=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const p=i.current;return()=>window.clearTimeout(p)},[]),c.jsxRuntimeExports.jsx(ae,{scope:o,isOpenDelayedRef:a,delayDuration:t,onOpen:s.useCallback(()=>{window.clearTimeout(i.current),a.current=!1},[]),onClose:s.useCallback(()=>{window.clearTimeout(i.current),i.current=window.setTimeout(()=>a.current=!0,r)},[r]),isPointerInTransitRef:f,onPointerInTransitChange:s.useCallback(p=>{f.current=p},[]),disableHoverableContent:n,children:l})};$.displayName=q;var P="Tooltip",[le,_]=O(P),F=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:l,disableHoverableContent:a,delayDuration:f}=e,i=k(P,e.__scopeTooltip),p=D(o),[u,x]=s.useState(null),m=Q.useId(),d=s.useRef(0),v=a??i.disableHoverableContent,T=f??i.delayDuration,h=s.useRef(!1),[y,g]=E.useControllableState({prop:r,defaultProp:n??!1,onChange:H=>{H?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),l?.(H)},caller:P}),b=s.useMemo(()=>y?h.current?"delayed-open":"instant-open":"closed",[y]),j=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,h.current=!1,g(!0)},[g]),w=s.useCallback(()=>{window.clearTimeout(d.current),d.current=0,g(!1)},[g]),I=s.useCallback(()=>{window.clearTimeout(d.current),d.current=window.setTimeout(()=>{h.current=!0,g(!0),d.current=0},T)},[T,g]);return s.useEffect(()=>()=>{d.current&&(window.clearTimeout(d.current),d.current=0)},[]),c.jsxRuntimeExports.jsx(R.Root2,{...p,children:c.jsxRuntimeExports.jsx(le,{scope:o,contentId:m,open:y,stateAttribute:b,trigger:u,onTriggerChange:x,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?I():j()},[i.isOpenDelayedRef,I,j]),onTriggerLeave:s.useCallback(()=>{v?w():(window.clearTimeout(d.current),d.current=0)},[w,v]),onOpen:j,onClose:w,disableHoverableContent:v,children:t})})};F.displayName=P;var A="TooltipTrigger",G=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(A,t),l=k(A,t),a=D(t),f=s.useRef(null),i=M.useComposedRefs(o,f,n.onTriggerChange),p=s.useRef(!1),u=s.useRef(!1),x=s.useCallback(()=>p.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),c.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...a,children:c.jsxRuntimeExports.jsx(ee.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:E.composeEventHandlers(e.onPointerMove,m=>{m.pointerType!=="touch"&&!u.current&&!l.isPointerInTransitRef.current&&(n.onTriggerEnter(),u.current=!0)}),onPointerLeave:E.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),u.current=!1}),onPointerDown:E.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),p.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:E.composeEventHandlers(e.onFocus,()=>{p.current||n.onOpen()}),onBlur:E.composeEventHandlers(e.onBlur,n.onClose),onClick:E.composeEventHandlers(e.onClick,n.onClose)})})});G.displayName=A;var S="TooltipPortal",[ce,ue]=O(S,{forceMount:void 0}),z=e=>{const{__scopeTooltip:o,forceMount:t,children:r,container:n}=e,l=_(S,o);return c.jsxRuntimeExports.jsx(ce,{scope:o,forceMount:t,children:c.jsxRuntimeExports.jsx(N.Presence,{present:t||l.open,children:c.jsxRuntimeExports.jsx(Z.Portal,{asChild:!0,container:n,children:r})})})};z.displayName=S;var C="TooltipContent",B=s.forwardRef((e,o)=>{const t=ue(C,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...l}=e,a=_(C,e.__scopeTooltip);return c.jsxRuntimeExports.jsx(N.Presence,{present:r||a.open,children:a.disableHoverableContent?c.jsxRuntimeExports.jsx(U,{side:n,...l,ref:o}):c.jsxRuntimeExports.jsx(de,{side:n,...l,ref:o})})}),de=s.forwardRef((e,o)=>{const t=_(C,e.__scopeTooltip),r=k(C,e.__scopeTooltip),n=s.useRef(null),l=M.useComposedRefs(o,n),[a,f]=s.useState(null),{trigger:i,onClose:p}=t,u=n.current,{onPointerInTransitChange:x}=r,m=s.useCallback(()=>{f(null),x(!1)},[x]),d=s.useCallback((v,T)=>{const h=v.currentTarget,y={x:v.clientX,y:v.clientY},g=me(y,h.getBoundingClientRect()),b=ve(y,g),j=he(T.getBoundingClientRect()),w=ge([...b,...j]);f(w),x(!0)},[x]);return s.useEffect(()=>()=>m(),[m]),s.useEffect(()=>{if(i&&u){const v=h=>d(h,u),T=h=>d(h,i);return i.addEventListener("pointerleave",v),u.addEventListener("pointerleave",T),()=>{i.removeEventListener("pointerleave",v),u.removeEventListener("pointerleave",T)}}},[i,u,d,m]),s.useEffect(()=>{if(a){const v=T=>{const h=T.target,y={x:T.clientX,y:T.clientY},g=i?.contains(h)||u?.contains(h),b=!Te(y,a);g?m():b&&(m(),p())};return document.addEventListener("pointermove",v),()=>document.removeEventListener("pointermove",v)}},[i,u,a,p,m]),c.jsxRuntimeExports.jsx(U,{...e,ref:l})}),[pe,xe]=O(P,{isInside:!1}),fe=se("TooltipContent"),U=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:l,onPointerDownOutside:a,...f}=e,i=_(C,t),p=D(t),{onClose:u}=i;return s.useEffect(()=>(document.addEventListener(L,u),()=>document.removeEventListener(L,u)),[u]),s.useEffect(()=>{if(i.trigger){const x=m=>{m.target?.contains(i.trigger)&&u()};return window.addEventListener("scroll",x,{capture:!0}),()=>window.removeEventListener("scroll",x,{capture:!0})}},[i.trigger,u]),c.jsxRuntimeExports.jsx(J.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:x=>x.preventDefault(),onDismiss:u,children:c.jsxRuntimeExports.jsxs(R.Content,{"data-state":i.stateAttribute,...p,...f,ref:o,style:{...f.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[c.jsxRuntimeExports.jsx(fe,{children:r}),c.jsxRuntimeExports.jsx(pe,{scope:t,isInside:!0,children:c.jsxRuntimeExports.jsx(te.Root,{id:i.contentId,role:"tooltip",children:n||r})})]})})});B.displayName=C;var V="TooltipArrow",Y=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(t);return xe(V,t).isInside?null:c.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});Y.displayName=V;function me(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),l=Math.abs(o.left-e.x);switch(Math.min(t,r,n,l)){case l:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function ve(e,o,t=5){const r=[];switch(o){case"top":r.push({x:e.x-t,y:e.y+t},{x:e.x+t,y:e.y+t});break;case"bottom":r.push({x:e.x-t,y:e.y-t},{x:e.x+t,y:e.y-t});break;case"left":r.push({x:e.x+t,y:e.y-t},{x:e.x+t,y:e.y+t});break;case"right":r.push({x:e.x-t,y:e.y-t},{x:e.x-t,y:e.y+t});break}return r}function he(e){const{top:o,right:t,bottom:r,left:n}=e;return[{x:n,y:o},{x:t,y:o},{x:t,y:r},{x:n,y:r}]}function Te(e,o){const{x:t,y:r}=e;let n=!1;for(let l=0,a=o.length-1;l<o.length;a=l++){const f=o[l],i=o[a],p=f.x,u=f.y,x=i.x,m=i.y;u>r!=m>r&&t<(x-p)*(r-u)/(m-u)+p&&(n=!n)}return n}function ge(e){const o=e.slice();return o.sort((t,r)=>t.x<r.x?-1:t.x>r.x?1:t.y<r.y?-1:t.y>r.y?1:0),ye(o)}function ye(e){if(e.length<=1)return e.slice();const o=[];for(let r=0;r<e.length;r++){const n=e[r];for(;o.length>=2;){const l=o[o.length-1],a=o[o.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))o.pop();else break}o.push(n)}o.pop();const t=[];for(let r=e.length-1;r>=0;r--){const n=e[r];for(;t.length>=2;){const l=t[t.length-1],a=t[t.length-2];if((l.x-a.x)*(n.y-a.y)>=(l.y-a.y)*(n.x-a.x))t.pop();else break}t.push(n)}return t.pop(),o.length===1&&t.length===1&&o[0].x===t[0].x&&o[0].y===t[0].y?o:o.concat(t)}var Ee=$,Ce=F,Re=G,be=z,je=B,we=Y;function X({delayDuration:e=0,...o}){return c.jsxRuntimeExports.jsx(Ee,{"data-slot":"tooltip-provider",delayDuration:e,...o})}function Pe({...e}){return c.jsxRuntimeExports.jsx(X,{children:c.jsxRuntimeExports.jsx(Ce,{"data-slot":"tooltip",...e})})}function _e({...e}){return c.jsxRuntimeExports.jsx(Re,{"data-slot":"tooltip-trigger",...e})}function Oe({className:e,sideOffset:o=0,children:t,...r}){return c.jsxRuntimeExports.jsx(be,{children:c.jsxRuntimeExports.jsxs(je,{"data-slot":"tooltip-content",sideOffset:o,className:oe.cn(`
             adm:z-50 adm:w-fit
             adm:origin-(--radix-tooltip-content-transform-origin) adm:animate-in
-            adm:rounded-md adm:bg-primary adm:px-3 adm:py-1.5 adm:text-xs
-            adm:text-balance adm:text-primary-foreground adm:fade-in-0
-            adm:zoom-in-95
+            adm:rounded-md adm:bg-neutrals-900 adm:px-3 adm:py-1.5 adm:text-xs
+            adm:text-balance adm:text-neutrals-0 adm:fade-in-0 adm:zoom-in-95
             adm:data-[side=bottom]:slide-in-from-top-2
             adm:data-[side=left]:slide-in-from-right-2
             adm:data-[side=right]:slide-in-from-left-2
@@ -12,6 +11,6 @@
             adm:data-[state=closed]:fade-out-0
             adm:data-[state=closed]:zoom-out-95
           `,e),...r,children:[t,c.jsxRuntimeExports.jsx(we,{className:`
-          adm:z-50 adm:size-2.5 adm:translate-y-[calc(-50%_-_2px)] adm:rotate-45
-          adm:rounded-[2px] adm:bg-primary adm:fill-primary
+          adm:z-50 adm:size-2.5 adm:translate-y-[calc(-50%-2px)] adm:rotate-45
+          adm:rounded-[2px] adm:bg-neutrals-900 adm:fill-neutrals-900
         `})]})})}exports.Tooltip=Pe;exports.TooltipContent=Oe;exports.TooltipProvider=X;exports.TooltipTrigger=_e;

package/dist/tooltip.js

@@ -366,9 +366,8 @@ function Ue({
         `
             adm:z-50 adm:w-fit
             adm:origin-(--radix-tooltip-content-transform-origin) adm:animate-in
-            adm:rounded-md adm:bg-primary adm:px-3 adm:py-1.5 adm:text-xs
-            adm:text-balance adm:text-primary-foreground adm:fade-in-0
-            adm:zoom-in-95
+            adm:rounded-md adm:bg-neutrals-900 adm:px-3 adm:py-1.5 adm:text-xs
+            adm:text-balance adm:text-neutrals-0 adm:fade-in-0 adm:zoom-in-95
             adm:data-[side=bottom]:slide-in-from-top-2
             adm:data-[side=left]:slide-in-from-right-2
             adm:data-[side=right]:slide-in-from-left-2
@@ -386,8 +385,8 @@ function Ue({
           je,
           {
             className: `
-          adm:z-50 adm:size-2.5 adm:translate-y-[calc(-50%_-_2px)] adm:rotate-45
-          adm:rounded-[2px] adm:bg-primary adm:fill-primary
+          adm:z-50 adm:size-2.5 adm:translate-y-[calc(-50%-2px)] adm:rotate-45
+          adm:rounded-[2px] adm:bg-neutrals-900 adm:fill-neutrals-900
         `
           }
         )

package/docs/components/layout/sidebar.md

@@ -20,13 +20,13 @@ import {
 } from "@adamosuiteservices/ui/sidebar";
 ```
 
-**Nota**: Si usas `SidebarMenuItem` con `asChild`, también puedes importar componentes de navegación:
+**Note**: If you use `SidebarMenuItem` with `asChild`, you can also import navigation components:
 
 ```typescript
-import { Link } from "react-router-dom"; // o Next.js Link
+import { Link } from "react-router-dom"; // or Next.js Link
 ```
 
-## Uso Básico
+## Basic usage
 
 ```tsx
 <Sidebar>
@@ -112,76 +112,82 @@ Individual menu item with hover effects.
 
 ### Sidebar
 
-| Prop     | Type        | Description                                          |
-| -------- | ----------- | ---------------------------------------------------- |
-| children | `ReactNode` | Sidebar content (must include SidebarContent)        |
+| Prop     | Type        | Description                                   |
+| -------- | ----------- | --------------------------------------------- |
+| children | `ReactNode` | Sidebar content (must include SidebarContent) |
 
 ### SidebarContent
 
-| Prop      | Type                    | Description                     |
-| --------- | ----------------------- | ------------------------------- |
-| className | `string`                | Additional classes for container|
-| children  | `ReactNode`             | Sidebar content                 |
-| ...props  | `ComponentProps<"div">` | Native div props                |
-
-### SidebarInset
-
 | Prop      | Type                    | Description                      |
 | --------- | ----------------------- | -------------------------------- |
-| className | `string`                | Additional classes               |
-| children  | `ReactNode`             | Main application content         |
+| className | `string`                | Additional classes for container |
+| children  | `ReactNode`             | Sidebar content                  |
 | ...props  | `ComponentProps<"div">` | Native div props                 |
 
+### SidebarInset
+
+| Prop      | Type                    | Description              |
+| --------- | ----------------------- | ------------------------ |
+| className | `string`                | Additional classes       |
+| children  | `ReactNode`             | Main application content |
+| ...props  | `ComponentProps<"div">` | Native div props         |
+
 ### SidebarTopBar
 
-| Prop      | Type                    | Description                                    |
-| --------- | ----------------------- | ---------------------------------------------- |
-| className | `string`                | Additional classes                             |
-| children  | `ReactNode`             | Bar content (trigger, title, actions)          |
-| ...props  | `ComponentProps<"div">` | Native div props                               |
+| Prop      | Type                    | Description                           |
+| --------- | ----------------------- | ------------------------------------- |
+| className | `string`                | Additional classes                    |
+| children  | `ReactNode`             | Bar content (trigger, title, actions) |
+| ...props  | `ComponentProps<"div">` | Native div props                      |
 
-**Default styles**: sticky, top-0, flex, gap-2, items-center, justify-between, bg-background, p-4, border-b
+**Default styles**: sticky, top-0, z-50, flex, gap-2, items-center, justify-between, bg-background, p-4, border-b
 
 ### SidebarTrigger
 
-| Prop      | Type                       | Description             |
-| --------- | -------------------------- | ----------------------- |
-| className | `string`                   | Additional classes      |
-| ...props  | `ComponentProps<"button">` | Native button props     |
+| Prop      | Type                       | Description         |
+| --------- | -------------------------- | ------------------- |
+| className | `string`                   | Additional classes  |
+| ...props  | `ComponentProps<"button">` | Native button props |
 
 **Behavior**: Automatically hidden on desktop (xl:hidden). Includes segment icon from Material Symbols.
 
 ### SidebarHeader
 
-| Prop      | Type                       | Description                     |
-| --------- | -------------------------- | ------------------------------- |
-| className | `string`                   | Additional classes              |
-| children  | `ReactNode`                | Header content (logo, title)    |
-| ...props  | `ComponentProps<"header">` | Native header props             |
+| Prop      | Type                       | Description                  |
+| --------- | -------------------------- | ---------------------------- |
+| className | `string`                   | Additional classes           |
+| children  | `ReactNode`                | Header content (logo, title) |
+| ...props  | `ComponentProps<"header">` | Native header props          |
 
 ### SidebarFooter
 
-| Prop      | Type                       | Description                        |
-| --------- | -------------------------- | ---------------------------------- |
-| className | `string`                   | Additional classes                 |
-| children  | `ReactNode`                | Footer content (user, logout)      |
-| ...props  | `ComponentProps<"footer">` | Native footer props                |
+| Prop      | Type                       | Description                   |
+| --------- | -------------------------- | ----------------------------- |
+| className | `string`                   | Additional classes            |
+| children  | `ReactNode`                | Footer content (user, logout) |
+| ...props  | `ComponentProps<"footer">` | Native footer props           |
 
 ### SidebarMenu
 
-| Prop      | Type                    | Description                  |
-| --------- | ----------------------- | ---------------------------- |
-| className | `string`                | Additional classes           |
-| children  | `ReactNode`             | Menu items (SidebarMenuItem) |
-| ...props  | `ComponentProps<"div">` | Native div props             |
+| Prop      | Type                    | Default | Description                  |
+| --------- | ----------------------- | ------- | ---------------------------- |
+| asChild   | `boolean`               | `false` | Renders as child element     |
+| className | `string`                | -       | Additional classes           |
+| children  | `ReactNode`             | -       | Menu items (SidebarMenuItem) |
+| ...props  | `ComponentProps<"div">` | -       | Native div props             |
 
 ### SidebarMenuItem
 
-| Prop      | Type                       | Default | Description                                             |
-| --------- | -------------------------- | ------- | ------------------------------------------------------- |
-| asChild   | `boolean`                  | `false` | If true, renders the direct child instead of a button   |
-| className | `string`                   | -       | Additional classes                                      |
-| ...props  | `ComponentProps<"button">` | -       | Native button props                                     |
+| Prop      | Type                       | Default | Description                                           |
+| --------- | -------------------------- | ------- | ----------------------------------------------------- |
+| asChild   | `boolean`                  | `false` | If true, renders the direct child instead of a button |
+| isActive  | `boolean`                  | `false` | Marks the item as active, applying `bg-white/10`      |
+| className | `string`                   | -       | Additional classes                                    |
+| ...props  | `ComponentProps<"button">` | -       | Native button props                                   |
+
+**Default styles**: `h-[72px]`, `px-6`, `gap-3`, `rounded-2xl`, `mx-4`, `hover:bg-white/5`
+
+When `isActive` is `true`: `bg-white/10` is applied and `data-active` attribute is set.
 
 ## Key features
 
@@ -336,23 +342,45 @@ import Link from "next/link";
 
 ### Active states
 
+Use the `isActive` prop to mark the current active item. It applies `bg-white/10` and sets `data-active` on the element.
+
 ```tsx
 const pathname = usePathname(); // Next.js or similar
 
 <SidebarMenu>
-  <SidebarMenuItem
-    className={pathname === "/dashboard" ? "adm:bg-white/20" : ""}
-  >
+  <SidebarMenuItem isActive={pathname === "/dashboard"}>
     <Icon symbol="home" /> Dashboard
   </SidebarMenuItem>
-  <SidebarMenuItem
-    className={pathname === "/settings" ? "adm:bg-white/20" : ""}
-  >
+  <SidebarMenuItem isActive={pathname === "/settings"}>
     <Icon symbol="settings" /> Settings
   </SidebarMenuItem>
 </SidebarMenu>;
 ```
 
+For local state (e.g., in Storybook or a SPA):
+
+```tsx
+const [active, setActive] = useState("Dashboard");
+
+const navItems = [
+  { label: "Dashboard", icon: "home" },
+  { label: "Projects", icon: "folder" },
+  { label: "Settings", icon: "settings" },
+];
+
+<SidebarMenu>
+  {navItems.map((item) => (
+    <SidebarMenuItem
+      key={item.label}
+      isActive={active === item.label}
+      onClick={() => setActive(item.label)}
+    >
+      <Icon symbol={item.icon} /> {item.label}
+    </SidebarMenuItem>
+  ))}
+</SidebarMenu>;
+```
+
 ### Color customization
 
 The sidebar uses CSS theme variables. You can customize them:
@@ -381,7 +409,7 @@ The sidebar uses CSS theme variables. You can customize them:
   - `sidebar-header` - Sidebar header
   - `sidebar-footer` - Sidebar footer
   - `sidebar-menu` - Menu items container
-  - `sidebar-menu-item` - Individual menu item
+  - `sidebar-menu-item` - Individual menu item (also exposes `data-active` when `isActive` is true)
 
 ## Accessibility