@gv-tech/ui-web 2.15.2 → 2.17.0

package/dist/toggle-group.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-nZSsnGb7.js"),i=require("react"),$=require("./index-D2HnlO3y.js"),G=require("./index-BtZvtDmp.js"),v=require("./index-DIsg7zU7.js"),w=require("./index-kaM0u2Q1.js"),T=require("./index-Ce5TOFAK.js"),O=require("./index-Dko2XdTk.js"),D=require("@gv-tech/ui-core"),P=require("./utils-IjLH3w2e.js");function F(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 d=F(i);var c="ToggleGroup",[C]=$.createContextScope(c,[v.createRovingFocusGroupScope]),E=v.createRovingFocusGroupScope(),j=i.forwardRef((e,o)=>{const{type:t,...r}=e;if(t==="single"){const s=r;return n.jsxRuntimeExports.jsx(A,{...s,ref:o})}if(t==="multiple"){const s=r;return n.jsxRuntimeExports.jsx(k,{...s,ref:o})}throw new Error(`Missing prop \`type\` expected on \`${c}\``)});j.displayName=c;var[_,y]=C(c),A=i.forwardRef((e,o)=>{const{value:t,defaultValue:r,onValueChange:s=()=>{},...u}=e,[l,a]=T.useControllableState({prop:t,defaultProp:r??"",onChange:s,caller:c});return n.jsxRuntimeExports.jsx(_,{scope:e.__scopeToggleGroup,type:"single",value:i.useMemo(()=>l?[l]:[],[l]),onItemActivate:a,onItemDeactivate:i.useCallback(()=>a(""),[a]),children:n.jsxRuntimeExports.jsx(b,{...u,ref:o})})}),k=i.forwardRef((e,o)=>{const{value:t,defaultValue:r,onValueChange:s=()=>{},...u}=e,[l,a]=T.useControllableState({prop:t,defaultProp:r??[],onChange:s,caller:c}),p=i.useCallback(g=>a((x=[])=>[...x,g]),[a]),f=i.useCallback(g=>a((x=[])=>x.filter(V=>V!==g)),[a]);return n.jsxRuntimeExports.jsx(_,{scope:e.__scopeToggleGroup,type:"multiple",value:l,onItemActivate:p,onItemDeactivate:f,children:n.jsxRuntimeExports.jsx(b,{...u,ref:o})})});j.displayName=c;var[z,B]=C(c),b=i.forwardRef((e,o)=>{const{__scopeToggleGroup:t,disabled:r=!1,rovingFocus:s=!0,orientation:u,dir:l,loop:a=!0,...p}=e,f=E(t),g=O.useDirection(l),x={role:"group",dir:g,...p};return n.jsxRuntimeExports.jsx(z,{scope:t,rovingFocus:s,disabled:r,children:s?n.jsxRuntimeExports.jsx(v.Root,{asChild:!0,...f,orientation:u,dir:g,loop:a,children:n.jsxRuntimeExports.jsx(G.Primitive.div,{...x,ref:o})}):n.jsxRuntimeExports.jsx(G.Primitive.div,{...x,ref:o})})}),m="ToggleGroupItem",I=i.forwardRef((e,o)=>{const t=y(m,e.__scopeToggleGroup),r=B(m,e.__scopeToggleGroup),s=E(e.__scopeToggleGroup),u=t.value.includes(e.value),l=r.disabled||e.disabled,a={...e,pressed:u,disabled:l},p=i.useRef(null);return r.rovingFocus?n.jsxRuntimeExports.jsx(v.Item,{asChild:!0,...s,focusable:!l,active:u,ref:p,children:n.jsxRuntimeExports.jsx(R,{...a,ref:o})}):n.jsxRuntimeExports.jsx(R,{...a,ref:o})});I.displayName=m;var R=i.forwardRef((e,o)=>{const{__scopeToggleGroup:t,value:r,...s}=e,u=y(m,t),l={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},a=u.type==="single"?l:void 0;return n.jsxRuntimeExports.jsx(w.Toggle,{...a,...s,ref:o,onPressedChange:p=>{p?u.onItemActivate(r):u.onItemDeactivate(r)}})}),h=j,S=I;const N=d.createContext({size:"default",variant:"default"}),q=d.forwardRef(({className:e,variant:o,size:t,children:r,...s},u)=>n.jsxRuntimeExports.jsx(h,{ref:u,className:P.cn("flex items-center justify-center gap-1",e),...s,children:n.jsxRuntimeExports.jsx(N.Provider,{value:{variant:o,size:t},children:r})}));q.displayName=h.displayName;const M=d.forwardRef(({className:e,children:o,variant:t,size:r,...s},u)=>{const l=d.useContext(N);return n.jsxRuntimeExports.jsx(S,{ref:u,className:P.cn(D.toggleVariants({variant:l.variant||t,size:l.size||r}),e),...s,children:o})});M.displayName=S.displayName;exports.ToggleGroup=q;exports.ToggleGroupItem=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./jsx-runtime-nZSsnGb7.js"),i=require("react"),$=require("./index-D2HnlO3y.js"),G=require("./index-BtZvtDmp.js"),v=require("./index-DIsg7zU7.js"),w=require("./index-kaM0u2Q1.js"),T=require("./index-Ce5TOFAK.js"),O=require("./index-Dko2XdTk.js"),D=require("@gv-tech/ui-core"),P=require("./utils-cdbZV8DZ.js");function F(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 d=F(i);var c="ToggleGroup",[C]=$.createContextScope(c,[v.createRovingFocusGroupScope]),E=v.createRovingFocusGroupScope(),j=i.forwardRef((e,o)=>{const{type:t,...r}=e;if(t==="single"){const s=r;return n.jsxRuntimeExports.jsx(A,{...s,ref:o})}if(t==="multiple"){const s=r;return n.jsxRuntimeExports.jsx(k,{...s,ref:o})}throw new Error(`Missing prop \`type\` expected on \`${c}\``)});j.displayName=c;var[_,y]=C(c),A=i.forwardRef((e,o)=>{const{value:t,defaultValue:r,onValueChange:s=()=>{},...u}=e,[l,a]=T.useControllableState({prop:t,defaultProp:r??"",onChange:s,caller:c});return n.jsxRuntimeExports.jsx(_,{scope:e.__scopeToggleGroup,type:"single",value:i.useMemo(()=>l?[l]:[],[l]),onItemActivate:a,onItemDeactivate:i.useCallback(()=>a(""),[a]),children:n.jsxRuntimeExports.jsx(I,{...u,ref:o})})}),k=i.forwardRef((e,o)=>{const{value:t,defaultValue:r,onValueChange:s=()=>{},...u}=e,[l,a]=T.useControllableState({prop:t,defaultProp:r??[],onChange:s,caller:c}),p=i.useCallback(g=>a((x=[])=>[...x,g]),[a]),f=i.useCallback(g=>a((x=[])=>x.filter(V=>V!==g)),[a]);return n.jsxRuntimeExports.jsx(_,{scope:e.__scopeToggleGroup,type:"multiple",value:l,onItemActivate:p,onItemDeactivate:f,children:n.jsxRuntimeExports.jsx(I,{...u,ref:o})})});j.displayName=c;var[z,B]=C(c),I=i.forwardRef((e,o)=>{const{__scopeToggleGroup:t,disabled:r=!1,rovingFocus:s=!0,orientation:u,dir:l,loop:a=!0,...p}=e,f=E(t),g=O.useDirection(l),x={role:"group",dir:g,...p};return n.jsxRuntimeExports.jsx(z,{scope:t,rovingFocus:s,disabled:r,children:s?n.jsxRuntimeExports.jsx(v.Root,{asChild:!0,...f,orientation:u,dir:g,loop:a,children:n.jsxRuntimeExports.jsx(G.Primitive.div,{...x,ref:o})}):n.jsxRuntimeExports.jsx(G.Primitive.div,{...x,ref:o})})}),m="ToggleGroupItem",b=i.forwardRef((e,o)=>{const t=y(m,e.__scopeToggleGroup),r=B(m,e.__scopeToggleGroup),s=E(e.__scopeToggleGroup),u=t.value.includes(e.value),l=r.disabled||e.disabled,a={...e,pressed:u,disabled:l},p=i.useRef(null);return r.rovingFocus?n.jsxRuntimeExports.jsx(v.Item,{asChild:!0,...s,focusable:!l,active:u,ref:p,children:n.jsxRuntimeExports.jsx(R,{...a,ref:o})}):n.jsxRuntimeExports.jsx(R,{...a,ref:o})});b.displayName=m;var R=i.forwardRef((e,o)=>{const{__scopeToggleGroup:t,value:r,...s}=e,u=y(m,t),l={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},a=u.type==="single"?l:void 0;return n.jsxRuntimeExports.jsx(w.Toggle,{...a,...s,ref:o,onPressedChange:p=>{p?u.onItemActivate(r):u.onItemDeactivate(r)}})}),h=j,S=b;const N=d.createContext({size:"default",variant:"default"}),q=d.forwardRef(({className:e,variant:o,size:t,children:r,...s},u)=>n.jsxRuntimeExports.jsx(h,{ref:u,className:P.cn("flex items-center justify-center gap-1",e),...s,children:n.jsxRuntimeExports.jsx(N.Provider,{value:{variant:o,size:t},children:r})}));q.displayName=h?.displayName||"ToggleGroup";const M=d.forwardRef(({className:e,children:o,variant:t,size:r,...s},u)=>{const l=d.useContext(N);return n.jsxRuntimeExports.jsx(S,{ref:u,className:P.cn(D.toggleVariants({variant:l.variant||t,size:l.size||r}),e),...s,children:o})});M.displayName=S?.displayName||"ToggleGroupItem";exports.ToggleGroup=q;exports.ToggleGroupItem=M;

package/dist/toggle-group.mjs

@@ -3,16 +3,16 @@ import { j as s } from "./jsx-runtime-tc70JA_2.mjs";
 import * as d from "react";
 import i from "react";
 import { c as M } from "./index-IZ2gq03c.mjs";
-import { P as G } from "./index-K9FzbxYw.mjs";
+import { P as x } from "./index-K9FzbxYw.mjs";
 import { I as A, c as C, R as E } from "./index-Bv7qrYW6.mjs";
 import { T as F } from "./index-CeSLNJ60.mjs";
 import { u as P } from "./index-p6xVFRb4.mjs";
 import { u as D } from "./index-CD6_IrA-.mjs";
 import { toggleVariants as k } from "@gv-tech/ui-core";
-import { c as j } from "./utils-B6yFEsav.mjs";
-var c = "ToggleGroup", [_] = M(c, [
+import { c as j } from "./utils-DY6fhrgS.mjs";
+var c = "ToggleGroup", [I] = M(c, [
   C
-]), I = C(), x = i.forwardRef((e, o) => {
+]), _ = C(), G = i.forwardRef((e, o) => {
   const { type: a, ...r } = e;
   if (a === "single") {
     const t = r;
@@ -24,8 +24,8 @@ var c = "ToggleGroup", [_] = M(c, [
   }
   throw new Error(`Missing prop \`type\` expected on \`${c}\``);
 });
-x.displayName = c;
-var [h, R] = _(c), $ = i.forwardRef((e, o) => {
+G.displayName = c;
+var [h, R] = I(c), $ = i.forwardRef((e, o) => {
   const {
     value: a,
     defaultValue: r,
@@ -80,8 +80,8 @@ var [h, R] = _(c), $ = i.forwardRef((e, o) => {
     }
   );
 });
-x.displayName = c;
-var [B, O] = _(c), y = i.forwardRef(
+G.displayName = c;
+var [B, O] = I(c), y = i.forwardRef(
   (e, o) => {
     const {
       __scopeToggleGroup: a,
@@ -91,7 +91,7 @@ var [B, O] = _(c), y = i.forwardRef(
       dir: n,
       loop: u = !0,
       ...p
-    } = e, f = I(a), g = D(n), m = { role: "group", dir: g, ...p };
+    } = e, f = _(a), g = D(n), m = { role: "group", dir: g, ...p };
     return /* @__PURE__ */ s.jsx(B, { scope: a, rovingFocus: t, disabled: r, children: t ? /* @__PURE__ */ s.jsx(
       E,
       {
@@ -100,13 +100,13 @@ var [B, O] = _(c), y = i.forwardRef(
         orientation: l,
         dir: g,
         loop: u,
-        children: /* @__PURE__ */ s.jsx(G.div, { ...m, ref: o })
+        children: /* @__PURE__ */ s.jsx(x.div, { ...m, ref: o })
       }
-    ) : /* @__PURE__ */ s.jsx(G.div, { ...m, ref: o }) });
+    ) : /* @__PURE__ */ s.jsx(x.div, { ...m, ref: o }) });
   }
 ), v = "ToggleGroupItem", N = i.forwardRef(
   (e, o) => {
-    const a = R(v, e.__scopeToggleGroup), r = O(v, e.__scopeToggleGroup), t = I(e.__scopeToggleGroup), l = a.value.includes(e.value), n = r.disabled || e.disabled, u = { ...e, pressed: l, disabled: n }, p = i.useRef(null);
+    const a = R(v, e.__scopeToggleGroup), r = O(v, e.__scopeToggleGroup), t = _(e.__scopeToggleGroup), l = a.value.includes(e.value), n = r.disabled || e.disabled, u = { ...e, pressed: l, disabled: n }, p = i.useRef(null);
     return r.rovingFocus ? /* @__PURE__ */ s.jsx(
       A,
       {
@@ -136,14 +136,14 @@ var T = i.forwardRef(
       }
     );
   }
-), b = x, V = N;
+), b = G, V = N;
 const S = d.createContext({
   size: "default",
   variant: "default"
 }), L = d.forwardRef(
   ({ className: e, variant: o, size: a, children: r, ...t }, l) => /* @__PURE__ */ s.jsx(b, { ref: l, className: j("flex items-center justify-center gap-1", e), ...t, children: /* @__PURE__ */ s.jsx(S.Provider, { value: { variant: o, size: a }, children: r }) })
 );
-L.displayName = b.displayName;
+L.displayName = b?.displayName || "ToggleGroup";
 const U = d.forwardRef(
   ({ className: e, children: o, variant: a, size: r, ...t }, l) => {
     const n = d.useContext(S);
@@ -164,7 +164,7 @@ const U = d.forwardRef(
     );
   }
 );
-U.displayName = V.displayName;
+U.displayName = V?.displayName || "ToggleGroupItem";
 export {
   L as ToggleGroup,
   U as ToggleGroupItem

package/dist/toggle.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-nZSsnGb7.js"),n=require("./index-kaM0u2Q1.js"),u=require("react"),a=require("@gv-tech/ui-core"),l=require("./utils-IjLH3w2e.js");function g(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const f=g(u),i=f.forwardRef(({className:e,variant:r,size:t,...o},s)=>c.jsxRuntimeExports.jsx(n.Root,{ref:s,className:l.cn(a.toggleVariants({variant:r,size:t,className:e})),...o}));i.displayName=n.Root.displayName;Object.defineProperty(exports,"toggleVariants",{enumerable:!0,get:()=>a.toggleVariants});exports.Toggle=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-nZSsnGb7.js"),n=require("./index-kaM0u2Q1.js"),u=require("react"),a=require("@gv-tech/ui-core"),l=require("./utils-cdbZV8DZ.js");function g(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const f=g(u),i=f.forwardRef(({className:e,variant:r,size:t,...o},s)=>c.jsxRuntimeExports.jsx(n.Root,{ref:s,className:l.cn(a.toggleVariants({variant:r,size:t,className:e})),...o}));i.displayName=n.Root?.displayName||"Toggle";Object.defineProperty(exports,"toggleVariants",{enumerable:!0,get:()=>a.toggleVariants});exports.Toggle=i;

package/dist/toggle.mjs

@@ -4,12 +4,12 @@ import { R as o } from "./index-CeSLNJ60.mjs";
 import * as i from "react";
 import { toggleVariants as p } from "@gv-tech/ui-core";
 import { toggleVariants as j } from "@gv-tech/ui-core";
-import { c as f } from "./utils-B6yFEsav.mjs";
-const l = i.forwardRef(
+import { c as f } from "./utils-DY6fhrgS.mjs";
+const g = i.forwardRef(
   ({ className: r, variant: t, size: a, ...m }, s) => /* @__PURE__ */ e.jsx(o, { ref: s, className: f(p({ variant: t, size: a, className: r })), ...m })
 );
-l.displayName = o.displayName;
+g.displayName = o?.displayName || "Toggle";
 export {
-  l as Toggle,
+  g as Toggle,
   j as toggleVariants
 };

package/dist/tooltip.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./jsx-runtime-nZSsnGb7.js"),X=require("react"),C=require("./index-BtZvtDmp.js"),M=require("./index-_XxjJPRD.js"),K=require("./index-D2HnlO3y.js"),W=require("./index-BoNjHhm4.js"),J=require("./index-CefEQe_4.js"),R=require("./index-jv3B4mTd.js"),Q=require("./index-B2XtpfGY.js"),Z=require("./index-Ce5TOFAK.js"),ee=require("./index-Cl3G0jzM.js"),te=require("./utils-IjLH3w2e.js");function oe(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=oe(X);var[O]=K.createContextScope("Tooltip",[R.createPopperScope]),_=R.createPopperScope(),S="TooltipProvider",re=700,L="tooltip.open",[ne,A]=O(S),I=e=>{const{__scopeTooltip:o,delayDuration:t=re,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:c}=e,a=s.useRef(!0),x=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const d=i.current;return()=>window.clearTimeout(d)},[]),u.jsxRuntimeExports.jsx(ne,{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:x,onPointerInTransitChange:s.useCallback(d=>{x.current=d},[]),disableHoverableContent:n,children:c})};I.displayName=S;var j="Tooltip",[se,D]=O(j),q=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:x}=e,i=A(j,e.__scopeTooltip),d=_(o),[l,f]=s.useState(null),v=J.useId(),p=s.useRef(0),m=a??i.disableHoverableContent,T=x??i.delayDuration,h=s.useRef(!1),[y,g]=Z.useControllableState({prop:r,defaultProp:n??!1,onChange:N=>{N?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),c?.(N)},caller:j}),b=s.useMemo(()=>y?h.current?"delayed-open":"instant-open":"closed",[y]),w=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,h.current=!1,g(!0)},[g]),P=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,g(!1)},[g]),H=s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{h.current=!0,g(!0),p.current=0},T)},[T,g]);return s.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),u.jsxRuntimeExports.jsx(R.Root2,{...d,children:u.jsxRuntimeExports.jsx(se,{scope:o,contentId:v,open:y,stateAttribute:b,trigger:l,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?H():w()},[i.isOpenDelayedRef,H,w]),onTriggerLeave:s.useCallback(()=>{m?P():(window.clearTimeout(p.current),p.current=0)},[P,m]),onOpen:w,onClose:P,disableHoverableContent:m,children:t})})};q.displayName=j;var k="TooltipTrigger",$=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(k,t),c=A(k,t),a=_(t),x=s.useRef(null),i=M.useComposedRefs(o,x,n.onTriggerChange),d=s.useRef(!1),l=s.useRef(!1),f=s.useCallback(()=>d.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),u.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...a,children:u.jsxRuntimeExports.jsx(C.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:C.composeEventHandlers(e.onPointerMove,v=>{v.pointerType!=="touch"&&!l.current&&!c.isPointerInTransitRef.current&&(n.onTriggerEnter(),l.current=!0)}),onPointerLeave:C.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),l.current=!1}),onPointerDown:C.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),d.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:C.composeEventHandlers(e.onFocus,()=>{d.current||n.onOpen()}),onBlur:C.composeEventHandlers(e.onBlur,n.onClose),onClick:C.composeEventHandlers(e.onClick,n.onClose)})})});$.displayName=k;var ie="TooltipPortal",[Re,ae]=O(ie,{forceMount:void 0}),E="TooltipContent",G=s.forwardRef((e,o)=>{const t=ae(E,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...c}=e,a=D(E,e.__scopeTooltip);return u.jsxRuntimeExports.jsx(Q.Presence,{present:r||a.open,children:a.disableHoverableContent?u.jsxRuntimeExports.jsx(F,{side:n,...c,ref:o}):u.jsxRuntimeExports.jsx(ce,{side:n,...c,ref:o})})}),ce=s.forwardRef((e,o)=>{const t=D(E,e.__scopeTooltip),r=A(E,e.__scopeTooltip),n=s.useRef(null),c=M.useComposedRefs(o,n),[a,x]=s.useState(null),{trigger:i,onClose:d}=t,l=n.current,{onPointerInTransitChange:f}=r,v=s.useCallback(()=>{x(null),f(!1)},[f]),p=s.useCallback((m,T)=>{const h=m.currentTarget,y={x:m.clientX,y:m.clientY},g=fe(y,h.getBoundingClientRect()),b=xe(y,g),w=ve(T.getBoundingClientRect()),P=he([...b,...w]);x(P),f(!0)},[f]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&l){const m=h=>p(h,l),T=h=>p(h,i);return i.addEventListener("pointerleave",m),l.addEventListener("pointerleave",T),()=>{i.removeEventListener("pointerleave",m),l.removeEventListener("pointerleave",T)}}},[i,l,p,v]),s.useEffect(()=>{if(a){const m=T=>{const h=T.target,y={x:T.clientX,y:T.clientY},g=i?.contains(h)||l?.contains(h),b=!me(y,a);g?v():b&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,l,a,d,v]),u.jsxRuntimeExports.jsx(F,{...e,ref:c})}),[le,ue]=O(j,{isInside:!1}),pe=C.createSlottable("TooltipContent"),F=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:c,onPointerDownOutside:a,...x}=e,i=D(E,t),d=_(t),{onClose:l}=i;return s.useEffect(()=>(document.addEventListener(L,l),()=>document.removeEventListener(L,l)),[l]),s.useEffect(()=>{if(i.trigger){const f=v=>{v.target?.contains(i.trigger)&&l()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[i.trigger,l]),u.jsxRuntimeExports.jsx(W.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:f=>f.preventDefault(),onDismiss:l,children:u.jsxRuntimeExports.jsxs(R.Content,{"data-state":i.stateAttribute,...d,...x,ref:o,style:{...x.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:[u.jsxRuntimeExports.jsx(pe,{children:r}),u.jsxRuntimeExports.jsx(le,{scope:t,isInside:!0,children:u.jsxRuntimeExports.jsx(ee.Root,{id:i.contentId,role:"tooltip",children:n||r})})]})})});G.displayName=E;var z="TooltipArrow",de=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(t);return ue(z,t).isInside?null:u.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});de.displayName=z;function fe(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),c=Math.abs(o.left-e.x);switch(Math.min(t,r,n,c)){case c:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function xe(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 ve(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 me(e,o){const{x:t,y:r}=e;let n=!1;for(let c=0,a=o.length-1;c<o.length;a=c++){const x=o[c],i=o[a],d=x.x,l=x.y,f=i.x,v=i.y;l>r!=v>r&&t<(f-d)*(r-l)/(v-l)+d&&(n=!n)}return n}function he(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),Te(o)}function Te(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 c=o[o.length-1],a=o[o.length-2];if((c.x-a.x)*(n.y-a.y)>=(c.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 c=t[t.length-1],a=t[t.length-2];if((c.x-a.x)*(n.y-a.y)>=(c.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 ge=I,ye=q,B=$,U=G;const Ce=({delayDuration:e=0,...o})=>u.jsxRuntimeExports.jsx(ge,{delayDuration:e,...o}),Ee=({...e})=>u.jsxRuntimeExports.jsx(ye,{...e}),V=s.forwardRef(({className:e,...o},t)=>u.jsxRuntimeExports.jsx(B,{ref:t,className:e,...o}));V.displayName=B.displayName;const Y=s.forwardRef(({className:e,sideOffset:o=4,...t},r)=>u.jsxRuntimeExports.jsx(U,{ref:r,sideOffset:o,className:te.cn("bg-popover text-popover-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 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",e),...t}));Y.displayName=U.displayName;exports.Tooltip=Ee;exports.TooltipContent=Y;exports.TooltipProvider=Ce;exports.TooltipTrigger=V;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./jsx-runtime-nZSsnGb7.js"),X=require("react"),C=require("./index-BtZvtDmp.js"),M=require("./index-_XxjJPRD.js"),K=require("./index-D2HnlO3y.js"),W=require("./index-BoNjHhm4.js"),J=require("./index-CefEQe_4.js"),R=require("./index-jv3B4mTd.js"),Q=require("./index-B2XtpfGY.js"),Z=require("./index-Ce5TOFAK.js"),ee=require("./index-Cl3G0jzM.js"),te=require("./utils-cdbZV8DZ.js");function oe(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=oe(X);var[O]=K.createContextScope("Tooltip",[R.createPopperScope]),_=R.createPopperScope(),S="TooltipProvider",re=700,L="tooltip.open",[ne,A]=O(S),I=e=>{const{__scopeTooltip:o,delayDuration:t=re,skipDelayDuration:r=300,disableHoverableContent:n=!1,children:c}=e,a=s.useRef(!0),x=s.useRef(!1),i=s.useRef(0);return s.useEffect(()=>{const d=i.current;return()=>window.clearTimeout(d)},[]),u.jsxRuntimeExports.jsx(ne,{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:x,onPointerInTransitChange:s.useCallback(d=>{x.current=d},[]),disableHoverableContent:n,children:c})};I.displayName=S;var j="Tooltip",[se,D]=O(j),q=e=>{const{__scopeTooltip:o,children:t,open:r,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:x}=e,i=A(j,e.__scopeTooltip),d=_(o),[l,f]=s.useState(null),v=J.useId(),p=s.useRef(0),m=a??i.disableHoverableContent,g=x??i.delayDuration,T=s.useRef(!1),[y,h]=Z.useControllableState({prop:r,defaultProp:n??!1,onChange:N=>{N?(i.onOpen(),document.dispatchEvent(new CustomEvent(L))):i.onClose(),c?.(N)},caller:j}),b=s.useMemo(()=>y?T.current?"delayed-open":"instant-open":"closed",[y]),w=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,T.current=!1,h(!0)},[h]),P=s.useCallback(()=>{window.clearTimeout(p.current),p.current=0,h(!1)},[h]),H=s.useCallback(()=>{window.clearTimeout(p.current),p.current=window.setTimeout(()=>{T.current=!0,h(!0),p.current=0},g)},[g,h]);return s.useEffect(()=>()=>{p.current&&(window.clearTimeout(p.current),p.current=0)},[]),u.jsxRuntimeExports.jsx(R.Root2,{...d,children:u.jsxRuntimeExports.jsx(se,{scope:o,contentId:v,open:y,stateAttribute:b,trigger:l,onTriggerChange:f,onTriggerEnter:s.useCallback(()=>{i.isOpenDelayedRef.current?H():w()},[i.isOpenDelayedRef,H,w]),onTriggerLeave:s.useCallback(()=>{m?P():(window.clearTimeout(p.current),p.current=0)},[P,m]),onOpen:w,onClose:P,disableHoverableContent:m,children:t})})};q.displayName=j;var k="TooltipTrigger",$=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=D(k,t),c=A(k,t),a=_(t),x=s.useRef(null),i=M.useComposedRefs(o,x,n.onTriggerChange),d=s.useRef(!1),l=s.useRef(!1),f=s.useCallback(()=>d.current=!1,[]);return s.useEffect(()=>()=>document.removeEventListener("pointerup",f),[f]),u.jsxRuntimeExports.jsx(R.Anchor,{asChild:!0,...a,children:u.jsxRuntimeExports.jsx(C.Primitive.button,{"aria-describedby":n.open?n.contentId:void 0,"data-state":n.stateAttribute,...r,ref:i,onPointerMove:C.composeEventHandlers(e.onPointerMove,v=>{v.pointerType!=="touch"&&!l.current&&!c.isPointerInTransitRef.current&&(n.onTriggerEnter(),l.current=!0)}),onPointerLeave:C.composeEventHandlers(e.onPointerLeave,()=>{n.onTriggerLeave(),l.current=!1}),onPointerDown:C.composeEventHandlers(e.onPointerDown,()=>{n.open&&n.onClose(),d.current=!0,document.addEventListener("pointerup",f,{once:!0})}),onFocus:C.composeEventHandlers(e.onFocus,()=>{d.current||n.onOpen()}),onBlur:C.composeEventHandlers(e.onBlur,n.onClose),onClick:C.composeEventHandlers(e.onClick,n.onClose)})})});$.displayName=k;var ie="TooltipPortal",[Re,ae]=O(ie,{forceMount:void 0}),E="TooltipContent",G=s.forwardRef((e,o)=>{const t=ae(E,e.__scopeTooltip),{forceMount:r=t.forceMount,side:n="top",...c}=e,a=D(E,e.__scopeTooltip);return u.jsxRuntimeExports.jsx(Q.Presence,{present:r||a.open,children:a.disableHoverableContent?u.jsxRuntimeExports.jsx(F,{side:n,...c,ref:o}):u.jsxRuntimeExports.jsx(ce,{side:n,...c,ref:o})})}),ce=s.forwardRef((e,o)=>{const t=D(E,e.__scopeTooltip),r=A(E,e.__scopeTooltip),n=s.useRef(null),c=M.useComposedRefs(o,n),[a,x]=s.useState(null),{trigger:i,onClose:d}=t,l=n.current,{onPointerInTransitChange:f}=r,v=s.useCallback(()=>{x(null),f(!1)},[f]),p=s.useCallback((m,g)=>{const T=m.currentTarget,y={x:m.clientX,y:m.clientY},h=fe(y,T.getBoundingClientRect()),b=xe(y,h),w=ve(g.getBoundingClientRect()),P=Te([...b,...w]);x(P),f(!0)},[f]);return s.useEffect(()=>()=>v(),[v]),s.useEffect(()=>{if(i&&l){const m=T=>p(T,l),g=T=>p(T,i);return i.addEventListener("pointerleave",m),l.addEventListener("pointerleave",g),()=>{i.removeEventListener("pointerleave",m),l.removeEventListener("pointerleave",g)}}},[i,l,p,v]),s.useEffect(()=>{if(a){const m=g=>{const T=g.target,y={x:g.clientX,y:g.clientY},h=i?.contains(T)||l?.contains(T),b=!me(y,a);h?v():b&&(v(),d())};return document.addEventListener("pointermove",m),()=>document.removeEventListener("pointermove",m)}},[i,l,a,d,v]),u.jsxRuntimeExports.jsx(F,{...e,ref:c})}),[le,ue]=O(j,{isInside:!1}),pe=C.createSlottable("TooltipContent"),F=s.forwardRef((e,o)=>{const{__scopeTooltip:t,children:r,"aria-label":n,onEscapeKeyDown:c,onPointerDownOutside:a,...x}=e,i=D(E,t),d=_(t),{onClose:l}=i;return s.useEffect(()=>(document.addEventListener(L,l),()=>document.removeEventListener(L,l)),[l]),s.useEffect(()=>{if(i.trigger){const f=v=>{v.target?.contains(i.trigger)&&l()};return window.addEventListener("scroll",f,{capture:!0}),()=>window.removeEventListener("scroll",f,{capture:!0})}},[i.trigger,l]),u.jsxRuntimeExports.jsx(W.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:f=>f.preventDefault(),onDismiss:l,children:u.jsxRuntimeExports.jsxs(R.Content,{"data-state":i.stateAttribute,...d,...x,ref:o,style:{...x.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:[u.jsxRuntimeExports.jsx(pe,{children:r}),u.jsxRuntimeExports.jsx(le,{scope:t,isInside:!0,children:u.jsxRuntimeExports.jsx(ee.Root,{id:i.contentId,role:"tooltip",children:n||r})})]})})});G.displayName=E;var z="TooltipArrow",de=s.forwardRef((e,o)=>{const{__scopeTooltip:t,...r}=e,n=_(t);return ue(z,t).isInside?null:u.jsxRuntimeExports.jsx(R.Arrow,{...n,...r,ref:o})});de.displayName=z;function fe(e,o){const t=Math.abs(o.top-e.y),r=Math.abs(o.bottom-e.y),n=Math.abs(o.right-e.x),c=Math.abs(o.left-e.x);switch(Math.min(t,r,n,c)){case c:return"left";case n:return"right";case t:return"top";case r:return"bottom";default:throw new Error("unreachable")}}function xe(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 ve(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 me(e,o){const{x:t,y:r}=e;let n=!1;for(let c=0,a=o.length-1;c<o.length;a=c++){const x=o[c],i=o[a],d=x.x,l=x.y,f=i.x,v=i.y;l>r!=v>r&&t<(f-d)*(r-l)/(v-l)+d&&(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),ge(o)}function ge(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 c=o[o.length-1],a=o[o.length-2];if((c.x-a.x)*(n.y-a.y)>=(c.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 c=t[t.length-1],a=t[t.length-2];if((c.x-a.x)*(n.y-a.y)>=(c.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 he=I,ye=q,B=$,U=G;const Ce=({delayDuration:e=0,...o})=>u.jsxRuntimeExports.jsx(he,{delayDuration:e,...o}),Ee=({...e})=>u.jsxRuntimeExports.jsx(ye,{...e}),V=s.forwardRef(({className:e,...o},t)=>u.jsxRuntimeExports.jsx(B,{ref:t,className:e,...o}));V.displayName=B?.displayName||"TooltipTrigger";const Y=s.forwardRef(({className:e,sideOffset:o=4,...t},r)=>u.jsxRuntimeExports.jsx(U,{ref:r,sideOffset:o,className:te.cn("bg-popover text-popover-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 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",e),...t}));Y.displayName=U?.displayName||"TooltipContent";exports.Tooltip=Ee;exports.TooltipContent=Y;exports.TooltipProvider=Ce;exports.TooltipTrigger=V;

package/dist/tooltip.mjs

@@ -10,7 +10,7 @@ import { A as J, c as M, C as Q, R as Z, a as ee } from "./index-CwfE56Ep.mjs";
 import { P as te } from "./index-vuPgkS0V.mjs";
 import { u as oe } from "./index-p6xVFRb4.mjs";
 import { R as re } from "./index-DKN_vhyX.mjs";
-import { c as ne } from "./utils-B6yFEsav.mjs";
+import { c as ne } from "./utils-DY6fhrgS.mjs";
 var [_] = X("Tooltip", [
   M
 ]), O = M(), H = "TooltipProvider", se = 700, j = "tooltip.open", [ae, L] = _(H), S = (e) => {
@@ -319,7 +319,7 @@ var Ce = S, be = G, U = F, V = B;
 const He = ({ delayDuration: e = 0, ...o }) => /* @__PURE__ */ u.jsx(Ce, { delayDuration: e, ...o }), Se = ({ ...e }) => /* @__PURE__ */ u.jsx(be, { ...e }), we = s.forwardRef(
   ({ className: e, ...o }, t) => /* @__PURE__ */ u.jsx(U, { ref: t, className: e, ...o })
 );
-we.displayName = U.displayName;
+we.displayName = U?.displayName || "TooltipTrigger";
 const Re = s.forwardRef(
   ({ className: e, sideOffset: o = 4, ...t }, r) => /* @__PURE__ */ u.jsx(
     V,
@@ -334,7 +334,7 @@ const Re = s.forwardRef(
     }
   )
 );
-Re.displayName = V.displayName;
+Re.displayName = V?.displayName || "TooltipContent";
 export {
   Se as Tooltip,
   Re as TooltipContent,

package/dist/utils-DY6fhrgS.mjs

@@ -0,0 +1,12 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(e(r));
+}
+function i(r) {
+  return r.toString().toLowerCase().trim().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-");
+}
+export {
+  n as c,
+  i as s
+};

package/dist/utils-cdbZV8DZ.js

@@ -0,0 +1 @@
+"use strict";const r=require("clsx"),t=require("tailwind-merge");function c(...e){return t.twMerge(r.clsx(e))}function n(e){return e.toString().toLowerCase().trim().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-")}exports.cn=c;exports.slugify=n;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gv-tech/ui-web",
-  "version": "2.15.2",
+  "version": "2.17.0",
   "description": "Web (DOM/Radix) implementations of the GV Tech design system components",
   "repository": {
     "type": "git",

package/src/accordion.tsx

@@ -39,7 +39,7 @@ const AccordionTrigger = React.forwardRef<
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
 ));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+AccordionTrigger.displayName = AccordionPrimitive.Trigger?.displayName || 'AccordionTrigger';
 
 const AccordionContent = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Content>,
@@ -53,7 +53,7 @@ const AccordionContent = React.forwardRef<
     <div className={cn('pt-0 pb-4', className)}>{children}</div>
   </AccordionPrimitive.Content>
 ));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+AccordionContent.displayName = AccordionPrimitive.Content?.displayName || 'AccordionContent';
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 export type { AccordionBaseProps as AccordionProps };

package/src/alert-dialog.tsx

@@ -34,7 +34,7 @@ const AlertDialogOverlay = React.forwardRef<
     ref={ref}
   />
 ));
-AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay?.displayName || 'AlertDialogOverlay';
 
 const AlertDialogContent = React.forwardRef<
   React.ElementRef<typeof AlertDialogPrimitive.Content>,
@@ -52,7 +52,7 @@ const AlertDialogContent = React.forwardRef<
     />
   </AlertDialogPortal>
 ));
-AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+AlertDialogContent.displayName = AlertDialogPrimitive.Content?.displayName || 'AlertDialogContent';
 
 const AlertDialogHeader = ({
   className,
@@ -76,7 +76,7 @@ const AlertDialogTitle = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Title ref={ref} className={cn('text-lg font-semibold', className)} {...props} />
 ));
-AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title?.displayName || 'AlertDialogTitle';
 
 const AlertDialogDescription = React.forwardRef<
   React.ElementRef<typeof AlertDialogPrimitive.Description>,
@@ -84,7 +84,7 @@ const AlertDialogDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
 ));
-AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description?.displayName || 'AlertDialogDescription';
 
 const AlertDialogAction = React.forwardRef<
   React.ElementRef<typeof AlertDialogPrimitive.Action>,
@@ -92,7 +92,7 @@ const AlertDialogAction = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />
 ));
-AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+AlertDialogAction.displayName = AlertDialogPrimitive.Action?.displayName || 'AlertDialogAction';
 
 const AlertDialogCancel = React.forwardRef<
   React.ElementRef<typeof AlertDialogPrimitive.Cancel>,
@@ -104,7 +104,7 @@ const AlertDialogCancel = React.forwardRef<
     {...props}
   />
 ));
-AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel?.displayName || 'AlertDialogCancel';
 
 export {
   AlertDialog,

package/src/avatar.tsx

@@ -15,7 +15,7 @@ const Avatar = React.forwardRef<
     {...props}
   />
 ));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
+Avatar.displayName = AvatarPrimitive.Root?.displayName || 'Avatar';
 
 const AvatarImage = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Image>,
@@ -23,7 +23,7 @@ const AvatarImage = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <AvatarPrimitive.Image ref={ref} className={cn('aspect-square h-full w-full', className)} {...props} />
 ));
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+AvatarImage.displayName = AvatarPrimitive.Image?.displayName || 'AvatarImage';
 
 const AvatarFallback = React.forwardRef<
   React.ElementRef<typeof AvatarPrimitive.Fallback>,
@@ -35,7 +35,7 @@ const AvatarFallback = React.forwardRef<
     {...props}
   />
 ));
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+AvatarFallback.displayName = AvatarPrimitive.Fallback?.displayName || 'AvatarFallback';
 
 export { Avatar, AvatarFallback, AvatarImage };
 export type { AvatarBaseProps as AvatarProps };

package/src/checkbox.tsx

@@ -27,6 +27,6 @@ const Checkbox = React.forwardRef<React.ElementRef<typeof CheckboxPrimitive.Root
     </CheckboxPrimitive.Root>
   ),
 );
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+Checkbox.displayName = CheckboxPrimitive.Root?.displayName || 'Checkbox';
 
 export { Checkbox };

package/src/command.tsx

@@ -31,7 +31,7 @@ const Command = React.forwardRef<
     {...props}
   />
 ));
-Command.displayName = CommandPrimitive.displayName;
+Command.displayName = CommandPrimitive?.displayName || 'Command';
 
 const CommandDialog = ({ children, ...props }: DialogProps) => {
   return (
@@ -64,7 +64,7 @@ const CommandInput = React.forwardRef<
   </div>
 ));
 
-CommandInput.displayName = CommandPrimitive.Input.displayName;
+CommandInput.displayName = CommandPrimitive.Input?.displayName || 'CommandInput';
 
 const CommandList = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.List>,
@@ -77,14 +77,14 @@ const CommandList = React.forwardRef<
   />
 ));
 
-CommandList.displayName = CommandPrimitive.List.displayName;
+CommandList.displayName = CommandPrimitive.List?.displayName || 'CommandList';
 
 const CommandEmpty = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Empty>,
   React.ComponentPropsWithoutRef<typeof CommandPrimitive.Empty> & CommandEmptyBaseProps
 >((props, ref) => <CommandPrimitive.Empty ref={ref} className="py-6 text-center text-sm" {...props} />);
 
-CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+CommandEmpty.displayName = CommandPrimitive.Empty?.displayName || 'CommandEmpty';
 
 const CommandGroup = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Group>,
@@ -100,7 +100,7 @@ const CommandGroup = React.forwardRef<
   />
 ));
 
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
+CommandGroup.displayName = CommandPrimitive.Group?.displayName || 'CommandGroup';
 
 const CommandSeparator = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Separator>,
@@ -108,7 +108,7 @@ const CommandSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <CommandPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 h-px', className)} {...props} />
 ));
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+CommandSeparator.displayName = CommandPrimitive.Separator?.displayName || 'CommandSeparator';
 
 const CommandItem = React.forwardRef<
   React.ElementRef<typeof CommandPrimitive.Item>,
@@ -124,7 +124,7 @@ const CommandItem = React.forwardRef<
   />
 ));
 
-CommandItem.displayName = CommandPrimitive.Item.displayName;
+CommandItem.displayName = CommandPrimitive.Item?.displayName || 'CommandItem';
 
 const CommandShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement> & CommandShortcutBaseProps) => {
   return <span className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;

package/src/context-menu.tsx

@@ -50,7 +50,7 @@ const ContextMenuSubTrigger = React.forwardRef<
     <ChevronRight className="ml-auto h-4 w-4" />
   </ContextMenuPrimitive.SubTrigger>
 ));
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger?.displayName || 'ContextMenuSubTrigger';
 
 const ContextMenuSubContent = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
@@ -65,7 +65,7 @@ const ContextMenuSubContent = React.forwardRef<
     {...props}
   />
 ));
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent?.displayName || 'ContextMenuSubContent';
 
 const ContextMenuContent = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Content>,
@@ -82,7 +82,7 @@ const ContextMenuContent = React.forwardRef<
     />
   </ContextMenuPrimitive.Portal>
 ));
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+ContextMenuContent.displayName = ContextMenuPrimitive.Content?.displayName || 'ContextMenuContent';
 
 const ContextMenuItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Item>,
@@ -98,7 +98,7 @@ const ContextMenuItem = React.forwardRef<
     {...props}
   />
 ));
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+ContextMenuItem.displayName = ContextMenuPrimitive.Item?.displayName || 'ContextMenuItem';
 
 const ContextMenuCheckboxItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
@@ -121,7 +121,7 @@ const ContextMenuCheckboxItem = React.forwardRef<
     {children}
   </ContextMenuPrimitive.CheckboxItem>
 ));
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
+ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem?.displayName || 'ContextMenuCheckboxItem';
 
 const ContextMenuRadioItem = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
@@ -143,7 +143,7 @@ const ContextMenuRadioItem = React.forwardRef<
     {children}
   </ContextMenuPrimitive.RadioItem>
 ));
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem?.displayName || 'ContextMenuRadioItem';
 
 const ContextMenuLabel = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Label>,
@@ -155,7 +155,7 @@ const ContextMenuLabel = React.forwardRef<
     {...props}
   />
 ));
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label?.displayName || 'ContextMenuLabel';
 
 const ContextMenuSeparator = React.forwardRef<
   React.ElementRef<typeof ContextMenuPrimitive.Separator>,
@@ -163,7 +163,7 @@ const ContextMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <ContextMenuPrimitive.Separator ref={ref} className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />
 ));
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator?.displayName || 'ContextMenuSeparator';
 
 const ContextMenuShortcut = ({
   className,

package/src/dialog.tsx

@@ -26,7 +26,7 @@ const DialogOverlay = React.forwardRef<
     {...props}
   />
 ));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+DialogOverlay.displayName = DialogPrimitive.Overlay?.displayName || 'DialogOverlay';
 
 const DialogContent = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Content>,
@@ -50,7 +50,7 @@ const DialogContent = React.forwardRef<
     </DialogPrimitive.Content>
   </DialogPortal>
 ));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
+DialogContent.displayName = DialogPrimitive.Content?.displayName || 'DialogContent';
 
 const DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
   <div className={cn('flex flex-col space-y-1.5 text-center sm:text-left', className)} {...props} />
@@ -72,7 +72,7 @@ const DialogTitle = React.forwardRef<
     {...props}
   />
 ));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
+DialogTitle.displayName = DialogPrimitive.Title?.displayName || 'DialogTitle';
 
 const DialogDescription = React.forwardRef<
   React.ElementRef<typeof DialogPrimitive.Description>,
@@ -80,7 +80,7 @@ const DialogDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DialogPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
 ));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
+DialogDescription.displayName = DialogPrimitive.Description?.displayName || 'DialogDescription';
 
 export {
   Dialog,

package/src/drawer.tsx

@@ -32,7 +32,7 @@ const DrawerOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Overlay ref={ref} className={cn('fixed inset-0 z-50 bg-black/80', className)} {...props} />
 ));
-DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
+DrawerOverlay.displayName = DrawerPrimitive.Overlay?.displayName || 'DrawerOverlay';
 
 const DrawerContent = React.forwardRef<
   React.ElementRef<typeof DrawerPrimitive.Content>,
@@ -75,7 +75,7 @@ const DrawerTitle = React.forwardRef<
     {...props}
   />
 ));
-DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
+DrawerTitle.displayName = DrawerPrimitive.Title?.displayName || 'DrawerTitle';
 
 const DrawerDescription = React.forwardRef<
   React.ElementRef<typeof DrawerPrimitive.Description>,
@@ -83,7 +83,7 @@ const DrawerDescription = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Description ref={ref} className={cn('text-muted-foreground text-sm', className)} {...props} />
 ));
-DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
+DrawerDescription.displayName = DrawerPrimitive.Description?.displayName || 'DrawerDescription';
 
 export {
   Drawer,

package/src/dropdown-menu.tsx

@@ -51,7 +51,7 @@ const DropdownMenuSubTrigger = React.forwardRef<
     <ChevronRight className="ml-auto" />
   </DropdownMenuPrimitive.SubTrigger>
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger?.displayName || 'DropdownMenuSubTrigger';
 
 const DropdownMenuSubContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
@@ -66,7 +66,7 @@ const DropdownMenuSubContent = React.forwardRef<
     {...props}
   />
 ));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent?.displayName || 'DropdownMenuSubContent';
 
 const DropdownMenuContent = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Content>,
@@ -85,7 +85,7 @@ const DropdownMenuContent = React.forwardRef<
     />
   </DropdownMenuPrimitive.Portal>
 ));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content?.displayName || 'DropdownMenuContent';
 
 const DropdownMenuItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Item>,
@@ -101,7 +101,7 @@ const DropdownMenuItem = React.forwardRef<
     {...props}
   />
 ));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item?.displayName || 'DropdownMenuItem';
 
 const DropdownMenuCheckboxItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
@@ -124,7 +124,7 @@ const DropdownMenuCheckboxItem = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.CheckboxItem>
 ));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem?.displayName || 'DropdownMenuCheckboxItem';
 
 const DropdownMenuRadioItem = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
@@ -146,7 +146,7 @@ const DropdownMenuRadioItem = React.forwardRef<
     {children}
   </DropdownMenuPrimitive.RadioItem>
 ));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem?.displayName || 'DropdownMenuRadioItem';
 
 const DropdownMenuLabel = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Label>,
@@ -158,7 +158,7 @@ const DropdownMenuLabel = React.forwardRef<
     {...props}
   />
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label?.displayName || 'DropdownMenuLabel';
 
 const DropdownMenuSeparator = React.forwardRef<
   React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
@@ -166,7 +166,7 @@ const DropdownMenuSeparator = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DropdownMenuPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />
 ));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator?.displayName || 'DropdownMenuSeparator';
 
 const DropdownMenuShortcut = ({
   className,

package/src/hover-card.tsx

@@ -25,7 +25,7 @@ const HoverCardContent = React.forwardRef<
     {...props}
   />
 ));
-HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+HoverCardContent.displayName = HoverCardPrimitive.Content?.displayName || 'HoverCardContent';
 
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 export type {