@plasmicpkgs/radix-ui 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/popover.d.ts +2 -2
  2. package/dist/radix-ui.cjs.development.js +24 -24
  3. package/dist/radix-ui.cjs.development.js.map +1 -1
  4. package/dist/radix-ui.cjs.production.min.js +1 -1
  5. package/dist/radix-ui.cjs.production.min.js.map +1 -1
  6. package/dist/radix-ui.esm.js +24 -24
  7. package/dist/radix-ui.esm.js.map +1 -1
  8. package/dist/tooltip.d.ts +1 -1
  9. package/package.json +2 -2
package/dist/radix-ui.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=require("@radix-ui/react-popover"),a=e(require("clsx")),i=require("remeda"),o=e(require("@plasmicapp/host/registerComponent"));require("@plasmicapp/host/registerGlobalContext");var r,l=require("@radix-ui/react-dialog"),s=require("class-variance-authority"),d=require("lucide-react"),p=require("@radix-ui/react-tooltip");function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var n,a,i={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(i[n]=e[n]);return i}var c=["fade-in","zoom-enter","slide-in-from-top","slide-in-from-right","slide-in-from-bottom","slide-in-from-left"],f=["fade-out","zoom-exit","slide-out-to-top","slide-out-to-right","slide-out-to-bottom","slide-out-to-left"],g=0,h=null!=(r=t.useId)?r:function(){return t.useState((function(){return""+g++}))},x=function(e){var n=e.children,a=e.cssStr,i="pd__"+h().replace(/:/g,"");return t.createElement(t.Fragment,null,n(i),t.createElement("style",null,i?a.replace(/&/g,"."+i):""))},y=function(e){var n=e.children,a=e.enterAnimations,i=void 0===a?["fade-in"]:a,o=e.exitAnimations,r=void 0===o?["fade-out"]:o,l=e.enterDuration,s=void 0===l?.15:l,d=e.exitDuration,p=void 0===d?.15:d,u=e.enterOpacity,m=e.exitOpacity,c=e.enterScale,f=void 0===c?.95:c,g=e.exitScale,h=void 0===g?.95:g,y=e.enterTranslateX,v=void 0===y?"100%":y,b=e.exitTranslateX,C=void 0===b?"100%":b,w=e.enterTranslateY,O=void 0===w?"100%":w,N=e.exitTranslateY,E=void 0===N?"100%":N,D=e.enterTiming,S=void 0===D?"ease-out":D,P=e.exitTiming,R=void 0===P?"ease-out":P,T=e.enterDelay,V=void 0===T?0:T,A=e.exitDelay,H=void 0===A?0:A,j=function(e){return"number"==typeof e||null!=e&&e.match(/.*\d$/)?e+"%":e},k=function(e){return e.startsWith("-")?e:"-"+e},z={"fade-in":"--tw-enter-opacity: "+(void 0===u?0:u)+";","fade-out":"--tw-exit-opacity: "+(void 0===m?0:m)+";","slide-in-from-top":"--tw-enter-translate-y: "+k(j(O))+";","slide-out-to-top":"--tw-exit-translate-y: "+k(j(E))+";","slide-in-from-right":"--tw-enter-translate-x: "+j(v)+";","slide-out-to-right":"--tw-exit-translate-x: "+j(C)+";","slide-in-from-bottom":"--tw-enter-translate-y: "+j(O)+";","slide-out-to-bottom":"--tw-exit-translate-y: "+j(E)+";","slide-in-from-left":"--tw-enter-translate-x: "+k(j(v))+";","slide-out-to-left":"--tw-exit-translate-x: "+k(j(C))+";","zoom-enter":"--tw-enter-scale: "+f+";","zoom-exit":"--tw-exit-scale: "+h+";"};return t.createElement(x,{cssStr:"\n &&[data-state=closed] {\n animation-duration: "+p+"s;\n animation-timing-function: "+R+";\n animation-delay: "+H+";\n "+r.map((function(e){var t;return null!=(t=z[e])?t:""})).join(" ")+"\n }\n &&,\n &&[data-state=open] {\n animation-duration: "+s+"s;\n animation-timing-function: "+S+";\n animation-delay: "+V+";\n "+i.map((function(e){var t;return null!=(t=z[e])?t:""})).join(" ")+"\n }\n "},n)};function v(e){var t=["enterAnimations","exitAnimations","enterDuration","exitDuration","enterTranslateX","exitTranslateX","enterTranslateY","exitTranslateY","enterTiming","exitTiming","enterDelay","exitDelay","enterScale","exitScale","enterOpacity","exitOpacity"];return[i.pick(e,t),i.omit(e,t)]}function b(e){return e.map((function(e){return{label:e.replace(/-/g," "),value:e}}))}var C=function(e){var t=e.defaultEnterAnimations,n=e.defaultExitAnimations,a=function(e){var n;return null!=(n=e.enterAnimations)?n:null==t?void 0:t(e)},i=function(e){var t;return null!=(t=e.exitAnimations)?t:null==n?void 0:n(e)};return{enterAnimations:{type:"choice",options:b(c),multiSelect:!0,defaultValueHint:null!=t?t:["fade-in"]},exitAnimations:{type:"choice",options:b(f),multiSelect:!0,defaultValueHint:null!=n?n:["fade-out"]},enterDuration:{type:"number",defaultValueHint:.15},exitDuration:{type:"number",defaultValueHint:.15},enterTranslateX:{type:"string",defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=a(e))&&t.includes("slide-in-from-right")||null!=(n=a(e))&&n.includes("slide-in-from-left"))}},exitTranslateX:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=i(e))&&t.includes("slide-out-to-right")||null!=(n=i(e))&&n.includes("slide-out-to-left"))}},enterTranslateY:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=a(e))&&t.includes("slide-in-from-bottom")||null!=(n=a(e))&&n.includes("slide-in-from-top"))}},exitTranslateY:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=i(e))&&t.includes("slide-out-to-bottom")||null!=(n=i(e))&&n.includes("slide-out-to-top"))}},enterOpacity:{type:"number",advanced:!0,defaultValueHint:0,hidden:function(e){var t;return!(null!=(t=a(e))&&t.includes("fade-in"))}},exitOpacity:{type:"number",advanced:!0,defaultValueHint:0,hidden:function(e){var t;return!(null!=(t=i(e))&&t.includes("fade-out"))}},enterScale:{type:"number",advanced:!0,defaultValueHint:.95,hidden:function(e){var t;return!(null!=(t=a(e))&&t.includes("zoom-enter"))}},exitScale:{type:"number",advanced:!0,defaultValueHint:.95,hidden:function(e){var t;return!(null!=(t=i(e))&&t.includes("zoom-exit"))}},enterDelay:{type:"number",advanced:!0,defaultValueHint:0},exitDelay:{type:"number",advanced:!0,defaultValueHint:0},enterTiming:u({type:"string",advanced:!0,defaultValueHint:"ease-out"},{suggestions:["linear","ease","ease-in","ease-out","ease-in-out"]}),exitTiming:u({type:"string",advanced:!0,defaultValueHint:"ease-out"},{suggestions:["linear","ease","ease-in","ease-out","ease-in-out"]})}},w={open:{type:"writable",valueProp:"open",onChangeProp:"onOpenChange",variableType:"boolean"}},O=function(e){var t;return(t={open:{type:"boolean",displayName:e.openDisplay,editOnly:!0,uncontrolledProp:"defaultOpen"},modal:{type:"boolean",advanced:!0,description:"Disable interaction with outside elements. Only popover content will be visible to screen readers."},onOpenChange:{type:"eventHandler",argTypes:[{type:"boolean",name:"open"}]}})[e.triggerSlotName]=u({type:"slot",defaultValue:[e.defaultSlotContent]},{mergeWithParent:!0}),t.themeResetClass={type:"themeResetClass"},t};function N(e){return e.trim().split(/\s+/g).map((function(e){return"pl__"+e})).join(" ")}var E="\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n".replace(/\n\./g,".pl__");function D(){return t.createElement("style",{dangerouslySetInnerHTML:{__html:E}})}var S=u({side:{type:"choice",options:["top","bottom","left","right"],defaultValueHint:"bottom"},sideOffset:{type:"number",defaultValueHint:4,advanced:!0},align:{type:"choice",options:["center","start","end"],defaultValueHint:"center"},alignOffset:{type:"number",defaultValueHint:0,advanced:!0}},C({defaultEnterAnimations:function(){return["fade-in","zoom-enter"]},defaultExitAnimations:function(){return["fade-out","zoom-exit"]}}),{slideIn:{type:"boolean",defaultValueHint:!0,description:"Add additional subtle slide-in animation on reveal, which can depend on where the tooltip is dynamically placed."}});function P(e,t,n){e?e.registerComponent(t,n):o(t,n)}var R=["open","onOpenChange","defaultOpen","modal","className","sideOffset","themeResetClass","overlay","slideIn","trigger","children"];function T(e){var i=e.open,o=e.onOpenChange,r=e.defaultOpen,l=e.modal,s=e.className,d=e.sideOffset,p=void 0===d?4:d,u=e.themeResetClass,c=e.overlay,f=e.slideIn,g=void 0===f||f,h=e.trigger,x=void 0===h||h,b=e.children,C=v(m(e,R)),w=C[1];return t.createElement(y,Object.assign({enterAnimations:["fade-in","zoom-enter"],exitAnimations:["fade-out","zoom-exit"]},C[0]),(function(e){return t.createElement(n.Root,{open:i,onOpenChange:o,defaultOpen:r,modal:l},t.createElement(x?n.Trigger:n.Anchor,{asChild:!0},b),t.createElement(n.Portal,null,t.createElement(n.Content,Object.assign({className:a(N("outline-none data-[state=open]:animate-in data-[state=closed]:animate-out"),g?N("data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"):"",e||"",s,u),sideOffset:p},w),c)),t.createElement(D,null))}))}function V(e){P(e,T,{name:"hostless-radix-popover",displayName:"Popover",importPath:"@plasmicpkgs/radix-ui/popover",importName:"Popover",states:w,props:u({},O({triggerSlotName:"children",defaultSlotContent:{type:"default-component",kind:"button",props:{children:{type:"text",value:"Show popover"}}}}),{trigger:{type:"boolean",displayName:"Trigger on click",defaultValueHint:!0,advanced:!0}},S,{overlay:u({type:"slot",defaultValue:{type:"vbox",styles:{padding:"16px",width:"300px",maxWidth:"100%",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",backgroundColor:"white",borderRadius:"8px",boxShadow:"0px 4px 16px 0px #00000033",alignItems:"stretch"},children:["Here is the popover content."]}},{mergeWithParent:!0})})})}T.displayName="PlasmicRadixPopover";var A=["className"],H=["className","themeResetClass"],j=["className","themeResetClass","side"],k=["open","onOpenChange","modal","themeResetClass","children","noContain","defaultOpen","triggerSlot","overlayClassName"],z=t.forwardRef((function(e){var n;return t.createElement(l.Close,Object.assign({},e,{asChild:!0}),t.createElement("div",{className:e.className},null!=(n=e.children)?n:t.createElement(d.X,{className:N("h-4 w-4")}),t.createElement("span",{className:N("sr-only")},"Close")))}));z.displayName="PlasmicRadixDialogClose";var I=t.forwardRef((function(e,n){var i=e.className,o=m(e,A);return t.createElement(y,Object.assign({},o),(function(e){return t.createElement(l.Overlay,Object.assign({className:a(["fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out"].map(N),e||"",i)},o,{ref:n}))}))}));I.displayName="PlasmicOverlay";var q=t.forwardRef((function(e,n){var i,o,r=e.className,s=e.themeResetClass,d=v(m(e,H)),p=d[0],u=d[1];return t.createElement(y,Object.assign({},p,{enterAnimations:null!=(i=p.enterAnimations)?i:["zoom-enter","fade-in"],exitAnimations:null!=(o=p.exitAnimations)?o:["zoom-exit","fade-out"]}),(function(e){return t.createElement(l.Content,Object.assign({},u,{className:a(N("fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out"),e||"",s,r),ref:n}))}))}));function W(e){return void 0===e&&(e="right"),{right:["slide-in-from-right","slide-out-to-right"],bottom:["slide-in-from-bottom","slide-out-to-bottom"],left:["slide-in-from-left","slide-out-to-left"],top:["slide-in-from-top","slide-out-to-top"]}[e]}q.displayName="PlasmicRadixDialogContent";var _=t.forwardRef((function(e,n){var i,o,r=e.className,s=e.side,d=void 0===s?"right":s,p=m(e,j),u=W(null!=d?d:"right");return t.createElement(y,Object.assign({},p,{enterAnimations:null!=(i=p.enterAnimations)?i:[u[0]],exitAnimations:null!=(o=p.exitAnimations)?o:[u[1]]}),(function(e){return t.createElement(l.Content,Object.assign({className:a(X({side:d}),e||"",r)},p,{ref:n}))}))}));_.displayName="PlasmicRadixSheetContent";var X=s.cva(N("fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out"),{variants:{side:{top:N("inset-x-0 top-0"),bottom:N("inset-x-0 bottom-0"),left:N("inset-y-0 left-0 h-full"),right:N("inset-y-0 right-0 h-full")}},defaultVariants:{side:"right"}}),F=t.forwardRef((function(e,n){var i=e.open,o=e.onOpenChange,r=e.modal,s=e.themeResetClass,d=e.children,p=e.noContain,u=e.defaultOpen,c=e.triggerSlot,f=e.overlayClassName,g=m(e,k);return t.createElement(l.Root,{open:i,modal:r,onOpenChange:o,defaultOpen:u},t.createElement(l.Trigger,{asChild:!0},c),p?t.createElement(t.Fragment,null,t.createElement(l.Portal,null,t.createElement(I,Object.assign({ref:n},g,{className:a(f,s)})),d)):t.createElement(l.Portal,null,t.createElement(I,Object.assign({ref:n},g,{className:a(f,s)}),d)),t.createElement(D,null))}));F.displayName="PlasmicRadixDialog";var Y=l.Title,M=l.Description;function G(e){P(e,F,{name:"hostless-radix-dialog",displayName:"Dialog",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"Dialog",styleSections:!1,defaultStyles:{display:"flex",alignItems:"center",justifyContent:"center",backdropFilter:"blur(10px)",background:"rgba(255,255,255,0.8)"},props:u({},O({defaultSlotContent:{type:"default-component",kind:"button",props:{children:{type:"text",value:"Show dialog"}}},triggerSlotName:"triggerSlot"}),{overlayClassName:{type:"class"},noContain:{type:"boolean",advanced:!0,description:"Place the dialog content over the overlay instead of inside the overlay. Useful for separating their animations, but you also won't be able to conveniently set layout on the overlay as a parent."},children:{type:"slot",allowedComponents:["hostless-radix-sheet-content","hostless-radix-dialog-content"],defaultValue:{type:"component",name:"hostless-radix-dialog-content"}}}),states:w}),P(e,z,{name:"hostless-radix-dialog-close",displayName:"Dialog Close",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"DialogClose",parentComponentName:"hostless-radix-dialog",defaultStyles:{position:"absolute",top:"16px",right:"16px",opacity:"0.7",borderRadius:"999px"},props:{children:{type:"slot",hidePlaceholder:!0}}});var t={width:"400px",maxWidth:"100%",background:"rgb(255,255,255)",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",boxShadow:"0px 4px 16px 0px #00000033"};P(e,_,{name:"hostless-radix-sheet-content",displayName:"Drawer Content",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"SheetContent",parentComponentName:"hostless-radix-dialog",defaultStyles:u({position:"fixed",top:0,right:0,bottom:0,padding:"16px"},t),props:u({side:{type:"choice",options:["right","bottom","left","top"],defaultValueHint:"right"},themeResetClass:{type:"themeResetClass"},children:{type:"slot",defaultValue:[{type:"vbox",styles:{alignItems:"stretch",gap:"8px"},children:[{type:"component",name:"hostless-radix-dialog-title"},{type:"component",name:"hostless-radix-dialog-description"}]},{type:"component",name:"hostless-radix-dialog-close"}]}},C({defaultEnterAnimations:function(e){return[W(e.side)[0]]},defaultExitAnimations:function(e){return[W(e.side)[1]]}}))}),P(e,q,{name:"hostless-radix-dialog-content",displayName:"Dialog Content",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"DialogContent",parentComponentName:"hostless-radix-dialog",defaultStyles:u({padding:"24px",borderRadius:"8px"},t),props:u({themeResetClass:{type:"themeResetClass"},children:{type:"slot",defaultValue:[{type:"vbox",styles:{alignItems:"stretch",gap:"8px"},children:[{type:"component",name:"hostless-radix-dialog-title"},{type:"component",name:"hostless-radix-dialog-description"}]},{type:"component",name:"hostless-radix-dialog-close"}]}},C({defaultEnterAnimations:function(){return["zoom-enter","fade-in"]},defaultExitAnimations:function(){return["zoom-exit","fade-out"]}}))}),P(e,Y,{name:"hostless-radix-dialog-title",displayName:"Dialog Title",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"DialogTitle",parentComponentName:"hostless-radix-dialog",props:{children:{type:"slot",defaultValue:"Sheet title"}}}),P(e,M,{name:"hostless-radix-dialog-description",displayName:"Dialog Description",importPath:"@plasmicpkgs/radix-ui/dialog",importName:"DialogDescription",parentComponentName:"hostless-radix-dialog",props:{children:{type:"slot",defaultValue:"Sheet description"}}})}var L=["className","sideOffset","themeResetClass","slideIn","overlay","delayDuration","disableHoverableContent","open","onOpenChange","defaultOpen","children"],U=t.forwardRef((function(e,n){var i=e.className,o=e.sideOffset,r=void 0===o?4:o,l=e.themeResetClass,s=e.slideIn,d=void 0===s||s,u=e.overlay,c=e.delayDuration,f=e.disableHoverableContent,g=e.open,h=e.onOpenChange,x=e.defaultOpen,b=e.children,C=v(m(e,L)),w=C[1];return t.createElement(y,Object.assign({enterAnimations:["fade-in","zoom-enter"],exitAnimations:["fade-out","zoom-exit"]},C[0]),(function(e){return t.createElement(p.Provider,null,t.createElement(p.Root,Object.assign({},{delayDuration:c,disableHoverableContent:f,open:g,onOpenChange:h,defaultOpen:x}),t.createElement(p.Trigger,{asChild:!0},b),t.createElement(p.Content,Object.assign({ref:n,sideOffset:r,className:a(N("animate-in data-[state=closed]:animate-out"),d?N("data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"):"",e||"",i,l)},w),u),t.createElement(D,null)))}))}));function $(e){P(e,U,{name:"hostless-radix-tooltip",displayName:"Tooltip",importPath:"@plasmicpkgs/radix-ui/tooltip",importName:"Tooltip",props:u({},O({triggerSlotName:"children",defaultSlotContent:{type:"text",value:"I have a tooltip."},openDisplay:"Preview open"}),S,{overlay:u({type:"slot",defaultValue:{type:"vbox",styles:{padding:"16px",width:"300px",maxWidth:"100%",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",backgroundColor:"white",borderRadius:"8px",boxShadow:"0px 4px 16px 0px #00000033",alignItems:"stretch"},children:["Here is the tooltip content."]}},{mergeWithParent:!0})})})}U.displayName="PlasmicRadixTooltip",exports.Dialog=F,exports.DialogClose=z,exports.DialogContent=q,exports.DialogDescription=M,exports.DialogTitle=Y,exports.Popover=T,exports.SheetContent=_,exports.Tooltip=U,exports.popoverProps=S,exports.registerAll=function(e){V(e),G(e),$(e)},exports.registerDialog=G,exports.registerPopover=V,exports.registerTooltip=$,exports.sheetVariants=X;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@radix-ui/react-popover"),n=require("react"),a=e(require("clsx")),i=e(require("@plasmicapp/host/registerComponent"));require("@plasmicapp/host/registerGlobalContext");var o,r=require("remeda"),l=require("@radix-ui/react-dialog"),s=require("class-variance-authority"),d=require("lucide-react"),p=require("@radix-ui/react-tooltip");function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}function m(e,t){if(null==e)return{};var n,a,i={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(n=o[a])>=0||(i[n]=e[n]);return i}function c(e,t,n){e?e.registerComponent(t,n):i(t,n)}var f=["fade-in","zoom-enter","slide-in-from-top","slide-in-from-right","slide-in-from-bottom","slide-in-from-left"],h=["fade-out","zoom-exit","slide-out-to-top","slide-out-to-right","slide-out-to-bottom","slide-out-to-left"],g=0,x=null!=(o=n.useId)?o:function(){return n.useState((function(){return""+g++}))},y=function(e){var t=e.children,a=e.cssStr,i="pd__"+x().replace(/:/g,"");return n.createElement(n.Fragment,null,t(i),n.createElement("style",null,i?a.replace(/&/g,"."+i):""))},v=function(e){var t=e.children,a=e.enterAnimations,i=void 0===a?["fade-in"]:a,o=e.exitAnimations,r=void 0===o?["fade-out"]:o,l=e.enterDuration,s=void 0===l?.15:l,d=e.exitDuration,p=void 0===d?.15:d,u=e.enterOpacity,m=e.exitOpacity,c=e.enterScale,f=void 0===c?.95:c,h=e.exitScale,g=void 0===h?.95:h,x=e.enterTranslateX,v=void 0===x?"100%":x,b=e.exitTranslateX,C=void 0===b?"100%":b,w=e.enterTranslateY,O=void 0===w?"100%":w,N=e.exitTranslateY,E=void 0===N?"100%":N,D=e.enterTiming,S=void 0===D?"ease":D,P=e.exitTiming,R=void 0===P?"ease":P,T=e.enterDelay,V=void 0===T?0:T,A=e.exitDelay,H=void 0===A?0:A,j=function(e){return"number"==typeof e||null!=e&&e.match(/.*\d$/)?e+"%":e},k=function(e){return e.startsWith("-")?e:"-"+e},z={"fade-in":"--tw-enter-opacity: "+(void 0===u?0:u)+";","fade-out":"--tw-exit-opacity: "+(void 0===m?0:m)+";","slide-in-from-top":"--tw-enter-translate-y: "+k(j(O))+";","slide-out-to-top":"--tw-exit-translate-y: "+k(j(E))+";","slide-in-from-right":"--tw-enter-translate-x: "+j(v)+";","slide-out-to-right":"--tw-exit-translate-x: "+j(C)+";","slide-in-from-bottom":"--tw-enter-translate-y: "+j(O)+";","slide-out-to-bottom":"--tw-exit-translate-y: "+j(E)+";","slide-in-from-left":"--tw-enter-translate-x: "+k(j(v))+";","slide-out-to-left":"--tw-exit-translate-x: "+k(j(C))+";","zoom-enter":"--tw-enter-scale: "+f+";","zoom-exit":"--tw-exit-scale: "+g+";"};return n.createElement(y,{cssStr:"\n &&[data-state=closed] {\n animation-duration: "+p+"s;\n animation-timing-function: "+R+";\n animation-delay: "+H+";\n "+r.map((function(e){var t;return null!=(t=z[e])?t:""})).join(" ")+"\n }\n &&,\n &&[data-state=open] {\n animation-duration: "+s+"s;\n animation-timing-function: "+S+";\n animation-delay: "+V+";\n "+i.map((function(e){var t;return null!=(t=z[e])?t:""})).join(" ")+"\n }\n "},t)};function b(e){var t=["enterAnimations","exitAnimations","enterDuration","exitDuration","enterTranslateX","exitTranslateX","enterTranslateY","exitTranslateY","enterTiming","exitTiming","enterDelay","exitDelay","enterScale","exitScale","enterOpacity","exitOpacity"];return[r.pick(e,t),r.omit(e,t)]}function C(e){return e.map((function(e){return{label:e.replace(/-/g," "),value:e}}))}var w=function(e){var t=e.defaultEnterAnimations,n=e.defaultExitAnimations,a=function(e){var n;return null!=(n=e.enterAnimations)?n:null==t?void 0:t(e)},i=function(e){var t;return null!=(t=e.exitAnimations)?t:null==n?void 0:n(e)};return{enterAnimations:{type:"choice",options:C(f),multiSelect:!0,defaultValueHint:null!=t?t:["fade-in"]},exitAnimations:{type:"choice",options:C(h),multiSelect:!0,defaultValueHint:null!=n?n:["fade-out"]},enterDuration:{type:"number",defaultValueHint:.15},exitDuration:{type:"number",defaultValueHint:.15},enterTranslateX:{type:"string",defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=a(e))&&t.includes("slide-in-from-right")||null!=(n=a(e))&&n.includes("slide-in-from-left"))}},exitTranslateX:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=i(e))&&t.includes("slide-out-to-right")||null!=(n=i(e))&&n.includes("slide-out-to-left"))}},enterTranslateY:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=a(e))&&t.includes("slide-in-from-bottom")||null!=(n=a(e))&&n.includes("slide-in-from-top"))}},exitTranslateY:{type:"string",advanced:!0,defaultValueHint:"100%",hidden:function(e){var t,n;return!(null!=(t=i(e))&&t.includes("slide-out-to-bottom")||null!=(n=i(e))&&n.includes("slide-out-to-top"))}},enterOpacity:{type:"number",advanced:!0,defaultValueHint:0,hidden:function(e){var t;return!(null!=(t=a(e))&&t.includes("fade-in"))}},exitOpacity:{type:"number",advanced:!0,defaultValueHint:0,hidden:function(e){var t;return!(null!=(t=i(e))&&t.includes("fade-out"))}},enterScale:{type:"number",advanced:!0,defaultValueHint:.95,hidden:function(e){var t;return!(null!=(t=a(e))&&t.includes("zoom-enter"))}},exitScale:{type:"number",advanced:!0,defaultValueHint:.95,hidden:function(e){var t;return!(null!=(t=i(e))&&t.includes("zoom-exit"))}},enterDelay:{type:"number",advanced:!0,defaultValueHint:0},exitDelay:{type:"number",advanced:!0,defaultValueHint:0},enterTiming:u({type:"string",advanced:!0,defaultValueHint:"ease"},{suggestions:["linear","ease","ease-in","ease-out","ease-in-out"]}),exitTiming:u({type:"string",advanced:!0,defaultValueHint:"ease"},{suggestions:["linear","ease","ease-in","ease-out","ease-in-out"]})}},O={open:{type:"writable",valueProp:"open",onChangeProp:"onOpenChange",variableType:"boolean"}},N=function(e){var t;return(t={open:{type:"boolean",displayName:e.openDisplay,editOnly:!0,uncontrolledProp:"defaultOpen"},modal:{type:"boolean",advanced:!0,description:"Disable interaction with outside elements. Only popover content will be visible to screen readers."},onOpenChange:{type:"eventHandler",argTypes:[{type:"boolean",name:"open"}]}})[e.triggerSlotName]=u({type:"slot",defaultValue:[e.defaultSlotContent]},{mergeWithParent:!0}),t.themeResetClass={type:"themeResetClass"},t};function E(e){return e.trim().split(/\s+/g).map((function(e){return"pl__"+e})).join(" ")}var D="\n.box-border {\n box-sizing: border-box;\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n".replace(/\n\./g,".pl__");function S(){return n.createElement("style",{dangerouslySetInnerHTML:{__html:D}})}var P=u({side:{type:"choice",options:["top","bottom","left","right"],defaultValueHint:"bottom"},sideOffset:{type:"number",defaultValueHint:4,advanced:!0},align:{type:"choice",options:["center","start","end"],defaultValueHint:"center"},alignOffset:{type:"number",defaultValueHint:0,advanced:!0}},w({defaultEnterAnimations:function(){return["fade-in","zoom-enter"]},defaultExitAnimations:function(){return["fade-out","zoom-exit"]}}),{slideIn:{type:"boolean",defaultValueHint:!0,description:"Add additional subtle slide-in animation on reveal, which can depend on where the tooltip is dynamically placed."}}),R=["open","onOpenChange","defaultOpen","modal","className","sideOffset","themeResetClass","overlay","slideIn","trigger","children"];function T(e){var i=e.open,o=e.onOpenChange,r=e.defaultOpen,l=e.modal,s=e.className,d=e.sideOffset,p=void 0===d?4:d,u=e.themeResetClass,c=e.overlay,f=e.slideIn,h=void 0===f||f,g=e.trigger,x=void 0===g||g,y=e.children,C=b(m(e,R)),w=C[1];return n.createElement(v,Object.assign({enterAnimations:["fade-in","zoom-enter"],exitAnimations:["fade-out","zoom-exit"]},C[0]),(function(e){return n.createElement(t.Root,{open:i,onOpenChange:o,defaultOpen:r,modal:l},n.createElement(x?t.Trigger:t.Anchor,{asChild:!0},y),n.createElement(t.Portal,null,n.createElement(t.Content,Object.assign({className:a(E("outline-none data-[state=open]:animate-in data-[state=closed]:animate-out"),h?E("data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"):"",e||"",s,u),sideOffset:p},w),c)),n.createElement(S,null))}))}function V(e){c(e,T,{name:"hostless-radix-popover",displayName:"Popover",importPath:"@plasmicpkgs/radix-ui",importName:"Popover",states:O,props:u({},N({triggerSlotName:"children",defaultSlotContent:{type:"default-component",kind:"button",props:{children:{type:"text",value:"Show popover"}}}}),{trigger:{type:"boolean",displayName:"Trigger on click",defaultValueHint:!0,advanced:!0}},P,{overlay:u({type:"slot",defaultValue:{type:"vbox",styles:{padding:"16px",width:"300px",maxWidth:"100%",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",backgroundColor:"white",borderRadius:"8px",boxShadow:"0px 4px 16px 0px #00000033",alignItems:"stretch"},children:["Here is the popover content."]}},{mergeWithParent:!0})})})}T.displayName="PlasmicRadixPopover";var A=["className"],H=["className","themeResetClass"],j=["className","themeResetClass","side"],k=["open","onOpenChange","modal","themeResetClass","children","noContain","defaultOpen","triggerSlot","overlayClassName"],z=n.forwardRef((function(e){var t;return n.createElement(l.Close,Object.assign({},e,{asChild:!0}),n.createElement("div",{className:e.className},null!=(t=e.children)?t:n.createElement(d.X,{className:E("h-4 w-4")}),n.createElement("span",{className:E("sr-only")},"Close")))}));z.displayName="PlasmicRadixDialogClose";var I=n.forwardRef((function(e,t){var i=e.className,o=m(e,A);return n.createElement(v,Object.assign({},o),(function(e){return n.createElement(l.Overlay,Object.assign({className:a(["fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out"].map(E),e||"",i)},o,{ref:t}))}))}));I.displayName="PlasmicOverlay";var q=n.forwardRef((function(e,t){var i,o,r=e.className,s=e.themeResetClass,d=b(m(e,H)),p=d[0],u=d[1];return n.createElement(v,Object.assign({},p,{enterAnimations:null!=(i=p.enterAnimations)?i:["zoom-enter","fade-in"],exitAnimations:null!=(o=p.exitAnimations)?o:["zoom-exit","fade-out"]}),(function(e){return n.createElement(l.Content,Object.assign({},u,{className:a(E("fixed z-50 outline-none relative box-border data-[state=open]:animate-in data-[state=closed]:animate-out"),e||"",s,r),ref:t}))}))}));function W(e){return void 0===e&&(e="right"),{right:["slide-in-from-right","slide-out-to-right"],bottom:["slide-in-from-bottom","slide-out-to-bottom"],left:["slide-in-from-left","slide-out-to-left"],top:["slide-in-from-top","slide-out-to-top"]}[e]}q.displayName="PlasmicRadixDialogContent";var _=n.forwardRef((function(e,t){var i,o,r=e.className,s=e.side,d=void 0===s?"right":s,p=m(e,j),u=W(null!=d?d:"right");return n.createElement(v,Object.assign({},p,{enterAnimations:null!=(i=p.enterAnimations)?i:[u[0]],exitAnimations:null!=(o=p.exitAnimations)?o:[u[1]]}),(function(e){return n.createElement(l.Content,Object.assign({className:a(X({side:d}),e||"",r)},p,{ref:t}))}))}));_.displayName="PlasmicRadixSheetContent";var X=s.cva(E("fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out"),{variants:{side:{top:E("inset-x-0 top-0"),bottom:E("inset-x-0 bottom-0"),left:E("inset-y-0 left-0 h-full"),right:E("inset-y-0 right-0 h-full")}},defaultVariants:{side:"right"}}),F=n.forwardRef((function(e,t){var i=e.open,o=e.onOpenChange,r=e.modal,s=e.themeResetClass,d=e.children,p=e.noContain,u=e.defaultOpen,c=e.triggerSlot,f=e.overlayClassName,h=m(e,k);return n.createElement(l.Root,{open:i,modal:r,onOpenChange:o,defaultOpen:u},n.createElement(l.Trigger,{asChild:!0},c),p?n.createElement(n.Fragment,null,n.createElement(l.Portal,null,n.createElement(I,Object.assign({ref:t},h,{className:a(f,s)})),d)):n.createElement(l.Portal,null,n.createElement(I,Object.assign({ref:t},h,{className:a(f,s)}),d)),n.createElement(S,null))}));F.displayName="PlasmicRadixDialog";var Y=l.Title,M=l.Description;function G(e){c(e,F,{name:"hostless-radix-dialog",displayName:"Dialog",importPath:"@plasmicpkgs/radix-ui",importName:"Dialog",styleSections:!1,defaultStyles:{display:"flex",alignItems:"center",justifyContent:"center",backdropFilter:"blur(10px)",background:"rgba(255,255,255,0.8)"},props:u({},N({defaultSlotContent:{type:"default-component",kind:"button",props:{children:{type:"text",value:"Show dialog"}}},triggerSlotName:"triggerSlot"}),{overlayClassName:{type:"class"},noContain:{type:"boolean",advanced:!0,description:"Place the dialog content over the overlay instead of inside the overlay. Useful for separating their animations, but you also won't be able to conveniently set layout on the overlay as a parent."},children:{type:"slot",allowedComponents:["hostless-radix-sheet-content","hostless-radix-dialog-content"],defaultValue:{type:"component",name:"hostless-radix-dialog-content"}}}),states:O}),c(e,z,{name:"hostless-radix-dialog-close",displayName:"Dialog Close",importPath:"@plasmicpkgs/radix-ui",importName:"DialogClose",parentComponentName:"hostless-radix-dialog",defaultStyles:{position:"absolute",top:"16px",right:"16px",opacity:"0.7",borderRadius:"999px"},props:{children:{type:"slot",hidePlaceholder:!0}}});var t={width:"400px",maxWidth:"100%",background:"rgb(255,255,255)",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",boxShadow:"0px 4px 16px 0px #00000033"};c(e,_,{name:"hostless-radix-sheet-content",displayName:"Drawer Content",importPath:"@plasmicpkgs/radix-ui",importName:"SheetContent",parentComponentName:"hostless-radix-dialog",defaultStyles:u({position:"fixed",top:0,right:0,bottom:0,padding:"16px"},t),props:u({side:{type:"choice",options:["right","bottom","left","top"],defaultValueHint:"right"},themeResetClass:{type:"themeResetClass"},children:{type:"slot",defaultValue:[{type:"vbox",styles:{alignItems:"stretch",gap:"8px"},children:[{type:"component",name:"hostless-radix-dialog-title"},{type:"component",name:"hostless-radix-dialog-description"}]},{type:"component",name:"hostless-radix-dialog-close"}]}},w({defaultEnterAnimations:function(e){return[W(e.side)[0]]},defaultExitAnimations:function(e){return[W(e.side)[1]]}}))}),c(e,q,{name:"hostless-radix-dialog-content",displayName:"Dialog Content",importPath:"@plasmicpkgs/radix-ui",importName:"DialogContent",parentComponentName:"hostless-radix-dialog",defaultStyles:u({padding:"24px",borderRadius:"8px"},t),props:u({themeResetClass:{type:"themeResetClass"},children:{type:"slot",defaultValue:[{type:"vbox",styles:{alignItems:"stretch",gap:"8px"},children:[{type:"component",name:"hostless-radix-dialog-title"},{type:"component",name:"hostless-radix-dialog-description"}]},{type:"component",name:"hostless-radix-dialog-close"}]}},w({defaultEnterAnimations:function(){return["zoom-enter","fade-in"]},defaultExitAnimations:function(){return["zoom-exit","fade-out"]}}))}),c(e,Y,{name:"hostless-radix-dialog-title",displayName:"Dialog Title",importPath:"@plasmicpkgs/radix-ui",importName:"DialogTitle",parentComponentName:"hostless-radix-dialog",props:{children:{type:"slot",defaultValue:"Sheet title"}}}),c(e,M,{name:"hostless-radix-dialog-description",displayName:"Dialog Description",importPath:"@plasmicpkgs/radix-ui",importName:"DialogDescription",parentComponentName:"hostless-radix-dialog",props:{children:{type:"slot",defaultValue:"Sheet description"}}})}var L=["className","sideOffset","themeResetClass","slideIn","overlay","delayDuration","disableHoverableContent","open","onOpenChange","defaultOpen","children"],U=n.forwardRef((function(e,t){var i=e.className,o=e.sideOffset,r=void 0===o?4:o,l=e.themeResetClass,s=e.slideIn,d=void 0===s||s,u=e.overlay,c=e.delayDuration,f=e.disableHoverableContent,h=e.open,g=e.onOpenChange,x=e.defaultOpen,y=e.children,C=b(m(e,L)),w=C[1];return n.createElement(v,Object.assign({enterAnimations:["fade-in","zoom-enter"],exitAnimations:["fade-out","zoom-exit"]},C[0]),(function(e){return n.createElement(p.Provider,null,n.createElement(p.Root,Object.assign({},{delayDuration:c,disableHoverableContent:f,open:h,onOpenChange:g,defaultOpen:x}),n.createElement(p.Trigger,{asChild:!0},y),n.createElement(p.Content,Object.assign({ref:t,sideOffset:r,className:a(E("animate-in data-[state=closed]:animate-out"),d?E("data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"):"",e||"",i,l)},w),u),n.createElement(S,null)))}))}));function $(e){c(e,U,{name:"hostless-radix-tooltip",displayName:"Tooltip",importPath:"@plasmicpkgs/radix-ui",importName:"Tooltip",props:u({},N({triggerSlotName:"children",defaultSlotContent:{type:"text",value:"I have a tooltip."},openDisplay:"Preview open"}),P,{overlay:u({type:"slot",defaultValue:{type:"vbox",styles:{padding:"16px",width:"300px",maxWidth:"100%",borderWidth:"1px",borderStyle:"solid",borderColor:"#E2E8F0",backgroundColor:"white",borderRadius:"8px",boxShadow:"0px 4px 16px 0px #00000033",alignItems:"stretch"},children:["Here is the tooltip content."]}},{mergeWithParent:!0})})})}U.displayName="PlasmicRadixTooltip",exports.Dialog=F,exports.DialogClose=z,exports.DialogContent=q,exports.DialogDescription=M,exports.DialogTitle=Y,exports.Popover=T,exports.SheetContent=_,exports.Tooltip=U,exports.popoverProps=P,exports.registerAll=function(e){V(e),G(e),$(e)},exports.registerDialog=G,exports.registerPopover=V,exports.registerTooltip=$,exports.sheetVariants=X;
2
2
  //# sourceMappingURL=radix-ui.cjs.production.min.js.map
package/dist/radix-ui.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"radix-ui.cjs.production.min.js","sources":["../src/util.tsx","../src/reg-util.ts","../src/popover.tsx","../src/dialog.tsx","../src/tooltip.tsx","../src/index.tsx"],"sourcesContent":["import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport * as React from \"react\";\nimport { ReactElement, ReactNode, useState } from \"react\";\nimport { omit, pick } from \"remeda\";\n\nconst DEBUG_SLOWDOWN = 1;\n\nexport const enterAnims = [\n \"fade-in\",\n \"zoom-enter\",\n \"slide-in-from-top\",\n \"slide-in-from-right\",\n \"slide-in-from-bottom\",\n \"slide-in-from-left\",\n] as const;\nexport type EnterAnim = (typeof enterAnims)[number];\nexport const exitAnims = [\n \"fade-out\",\n \"zoom-exit\",\n \"slide-out-to-top\",\n \"slide-out-to-right\",\n \"slide-out-to-bottom\",\n \"slide-out-to-left\",\n] as const;\nexport type ExitAnim = (typeof exitAnims)[number];\nexport type AnimName = EnterAnim | ExitAnim;\n\n// https://github.com/reactwg/react-18/discussions/111#discussioncomment-1517837\nlet id = 0;\nexport const useId = (React as any).useId ?? (() => useState(() => \"\" + id++));\n\n/** Allow attaching pseudoclasses and other CSS selectors to this unique component instance */\nexport const StyleWrapper = ({\n children,\n cssStr,\n}: {\n children: (dynClass: string | undefined) => ReactElement;\n cssStr: string;\n}) => {\n const dynClass = \"pd__\" + useId().replace(/:/g, \"\");\n return (\n <>\n {children(dynClass)}\n <style>{dynClass ? cssStr.replace(/&/g, `.${dynClass}`) : \"\"}</style>\n </>\n );\n};\nexport type AnimatedProps = {\n enterAnimations?: EnterAnim[];\n exitAnimations?: ExitAnim[];\n enterDuration?: number;\n exitDuration?: number;\n enterOpacity?: number;\n exitOpacity?: number;\n enterScale?: number;\n exitScale?: number;\n enterTranslateX?: string;\n exitTranslateX?: string;\n enterTranslateY?: string;\n exitTranslateY?: string;\n enterTiming?: string;\n exitTiming?: string;\n enterDelay?: number;\n exitDelay?: number;\n};\nexport const Animated = ({\n children,\n enterAnimations = [\"fade-in\"],\n exitAnimations = [\"fade-out\"],\n enterDuration = 0.15 * DEBUG_SLOWDOWN,\n exitDuration = 0.15 * DEBUG_SLOWDOWN,\n enterOpacity = 0,\n exitOpacity = 0,\n enterScale = 0.95,\n exitScale = 0.95,\n enterTranslateX = \"100%\",\n exitTranslateX = \"100%\",\n enterTranslateY = \"100%\",\n exitTranslateY = \"100%\",\n enterTiming = \"ease-out\",\n exitTiming = \"ease-out\",\n enterDelay = 0,\n exitDelay = 0,\n}: AnimatedProps & {\n children: (dynClass: string | undefined) => ReactElement;\n}) => {\n const pct = (x: number | string) =>\n typeof x === \"number\" || x?.match(/.*\\d$/) ? x + \"%\" : x;\n const neg = (x: string) => (x.startsWith(\"-\") ? x : \"-\" + x);\n const animations: Record<AnimName, string> = {\n \"fade-in\": `--tw-enter-opacity: ${enterOpacity};`,\n \"fade-out\": `--tw-exit-opacity: ${exitOpacity};`,\n \"slide-in-from-top\": `--tw-enter-translate-y: ${neg(\n pct(enterTranslateY)\n )};`,\n \"slide-out-to-top\": `--tw-exit-translate-y: ${neg(pct(exitTranslateY))};`,\n \"slide-in-from-right\": `--tw-enter-translate-x: ${pct(enterTranslateX)};`,\n \"slide-out-to-right\": `--tw-exit-translate-x: ${pct(exitTranslateX)};`,\n \"slide-in-from-bottom\": `--tw-enter-translate-y: ${pct(enterTranslateY)};`,\n \"slide-out-to-bottom\": `--tw-exit-translate-y: ${pct(exitTranslateY)};`,\n \"slide-in-from-left\": `--tw-enter-translate-x: ${neg(\n pct(enterTranslateX)\n )};`,\n \"slide-out-to-left\": `--tw-exit-translate-x: ${neg(pct(exitTranslateX))};`,\n \"zoom-enter\": `--tw-enter-scale: ${enterScale};`,\n \"zoom-exit\": `--tw-exit-scale: ${exitScale};`,\n };\n return (\n <StyleWrapper\n cssStr={`\n &&[data-state=closed] {\n animation-duration: ${exitDuration}s;\n animation-timing-function: ${exitTiming};\n animation-delay: ${exitDelay};\n ${exitAnimations\n .map((exitAnimation) => animations[exitAnimation] ?? \"\")\n .join(\" \")}\n }\n &&,\n &&[data-state=open] {\n animation-duration: ${enterDuration}s;\n animation-timing-function: ${enterTiming};\n animation-delay: ${enterDelay};\n ${enterAnimations\n .map((enterAnimation) => animations[enterAnimation] ?? \"\")\n .join(\" \")}\n }\n `}\n >\n {children}\n </StyleWrapper>\n );\n};\n\nexport function splitAnimProps<T extends AnimatedProps>(\n props: T\n): [AnimatedProps, Omit<T, keyof AnimatedProps>] {\n const keys = [\n \"enterAnimations\",\n \"exitAnimations\",\n \"enterDuration\",\n \"exitDuration\",\n \"enterTranslateX\",\n \"exitTranslateX\",\n \"enterTranslateY\",\n \"exitTranslateY\",\n \"enterTiming\",\n \"exitTiming\",\n \"enterDelay\",\n \"exitDelay\",\n \"enterScale\",\n \"exitScale\",\n \"enterOpacity\",\n \"exitOpacity\",\n ] as const;\n const a = pick(props, keys);\n const b = omit(props, keys);\n return [a, b];\n}\n\nfunction mungeNames(names: readonly AnimName[]) {\n return names.map((name) => ({\n label: name.replace(/-/g, \" \"),\n value: name,\n }));\n}\n\nexport const animPropTypes = ({\n defaultEnterAnimations,\n defaultExitAnimations,\n}: {\n defaultEnterAnimations?: (ps: any) => EnterAnim[];\n defaultExitAnimations?: (ps: any) => ExitAnim[];\n // Need to work around the typescript v3 or v4 used in root public-packages via tsdx\n}): any => {\n const getEnterAnimations = (ps: any) =>\n ps.enterAnimations ?? defaultEnterAnimations?.(ps);\n const getExitAnimations = (ps: any) =>\n ps.exitAnimations ?? defaultExitAnimations?.(ps);\n const props: CodeComponentMeta<AnimatedProps>[\"props\"] = {\n enterAnimations: {\n type: \"choice\",\n options: mungeNames(enterAnims),\n multiSelect: true,\n defaultValueHint: defaultEnterAnimations ?? [\"fade-in\"],\n },\n exitAnimations: {\n type: \"choice\",\n options: mungeNames(exitAnims),\n multiSelect: true,\n defaultValueHint: defaultExitAnimations ?? [\"fade-out\"],\n },\n enterDuration: { type: \"number\", defaultValueHint: 0.15 },\n exitDuration: { type: \"number\", defaultValueHint: 0.15 },\n enterTranslateX: {\n type: \"string\",\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getEnterAnimations(ps)?.includes(\"slide-in-from-right\") &&\n !getEnterAnimations(ps)?.includes(\"slide-in-from-left\"),\n },\n exitTranslateX: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getExitAnimations(ps)?.includes(\"slide-out-to-right\") &&\n !getExitAnimations(ps)?.includes(\"slide-out-to-left\"),\n },\n enterTranslateY: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getEnterAnimations(ps)?.includes(\"slide-in-from-bottom\") &&\n !getEnterAnimations(ps)?.includes(\"slide-in-from-top\"),\n },\n exitTranslateY: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getExitAnimations(ps)?.includes(\"slide-out-to-bottom\") &&\n !getExitAnimations(ps)?.includes(\"slide-out-to-top\"),\n },\n enterOpacity: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0,\n hidden: (ps) => !getEnterAnimations(ps)?.includes(\"fade-in\"),\n },\n exitOpacity: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0,\n hidden: (ps) => !getExitAnimations(ps)?.includes(\"fade-out\"),\n },\n enterScale: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0.95,\n hidden: (ps) => !getEnterAnimations(ps)?.includes(\"zoom-enter\"),\n },\n exitScale: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0.95,\n hidden: (ps) => !getExitAnimations(ps)?.includes(\"zoom-exit\"),\n },\n enterDelay: { type: \"number\", advanced: true, defaultValueHint: 0 },\n exitDelay: { type: \"number\", advanced: true, defaultValueHint: 0 },\n enterTiming: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"ease-out\",\n ...({\n suggestions: [\"linear\", \"ease\", \"ease-in\", \"ease-out\", \"ease-in-out\"],\n } as any),\n },\n exitTiming: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"ease-out\",\n ...({\n suggestions: [\"linear\", \"ease\", \"ease-in\", \"ease-out\", \"ease-in-out\"],\n } as any),\n },\n };\n return props;\n};\n\nexport const overlayStates = {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n} as const;\n\nexport const overlayProps = ({\n defaultSlotContent,\n triggerSlotName,\n openDisplay,\n}: {\n defaultSlotContent: any;\n triggerSlotName: string;\n openDisplay?: string;\n // Need to work around the typescript v3 or v4 used in root public-packages via tsdx\n}): any => {\n const props: CodeComponentMeta<DialogProps>[\"props\"] = {\n open: {\n type: \"boolean\",\n displayName: openDisplay,\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n },\n modal: {\n type: \"boolean\",\n advanced: true,\n description:\n \"Disable interaction with outside elements. Only popover content will be visible to screen readers.\",\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [\n {\n type: \"boolean\",\n name: \"open\",\n },\n ],\n },\n [triggerSlotName]: {\n type: \"slot\",\n defaultValue: [defaultSlotContent],\n ...({\n mergeWithParent: true,\n } as any),\n },\n themeResetClass: { type: \"themeResetClass\" },\n };\n return props;\n};\n\nexport function prefixClasses(x: string) {\n return x\n .trim()\n .split(/\\s+/g)\n .map((part) => `pl__${part}`)\n .join(\" \");\n}\n\n// Be careful formatting this!\n// Note that these are magically prepended with pl__\nconst prefixedBaseStyles = `\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\\\[state\\\\=open\\\\]\\\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\\\[state\\\\=closed\\\\]\\\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\\\[side\\\\=bottom\\\\]\\\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\\\[side\\\\=left\\\\]\\\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\\\[side\\\\=right\\\\]\\\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\\\[side\\\\=top\\\\]\\\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n`.replace(/\\n\\./g, \".pl__\");\n\nexport function BaseStyles() {\n // return <style>{prefixedBaseStyles}</style>;\n return <style dangerouslySetInnerHTML={{ __html: prefixedBaseStyles }} />;\n}\n\nexport const popoverProps = {\n side: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\"] as string[],\n defaultValueHint: \"bottom\",\n },\n sideOffset: {\n type: \"number\",\n defaultValueHint: 4,\n advanced: true,\n },\n align: {\n type: \"choice\",\n options: [\"center\", \"start\", \"end\"] as string[],\n defaultValueHint: \"center\",\n },\n alignOffset: {\n type: \"number\",\n defaultValueHint: 0,\n advanced: true,\n },\n ...animPropTypes({\n defaultEnterAnimations: () => [\"fade-in\", \"zoom-enter\"],\n defaultExitAnimations: () => [\"fade-out\", \"zoom-exit\"],\n }),\n slideIn: {\n type: \"boolean\",\n defaultValueHint: true,\n description:\n \"Add additional subtle slide-in animation on reveal, which can depend on where the tooltip is dynamically placed.\",\n },\n} as const;\nexport type PopoverExtraProps = AnimatedProps & {\n themeResetClass?: string;\n overlay?: ReactNode;\n slideIn?: boolean;\n};\n","import React from \"react\";\nimport {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport clsx from \"clsx\";\nimport {\n Animated,\n BaseStyles,\n overlayProps,\n overlayStates,\n PopoverExtraProps,\n popoverProps,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\n\nexport function Popover({\n // root\n open,\n onOpenChange,\n defaultOpen,\n modal,\n\n // content\n className,\n sideOffset = 4,\n themeResetClass,\n overlay,\n slideIn = true,\n\n // trigger/anchor\n trigger = true,\n children,\n\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content> &\n PopoverPrimitive.PopoverProps &\n PopoverExtraProps & {\n trigger?: boolean;\n }) {\n const [animProps, rest] = splitAnimProps(props);\n return (\n <Animated\n enterAnimations={[\"fade-in\", \"zoom-enter\"]}\n exitAnimations={[\"fade-out\", \"zoom-exit\"]}\n {...animProps}\n >\n {(dynClass) => (\n <PopoverPrimitive.Root\n open={open}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n modal={modal}\n >\n {trigger ? (\n <PopoverPrimitive.Trigger asChild>\n {children}\n </PopoverPrimitive.Trigger>\n ) : (\n <PopoverPrimitive.Anchor asChild>\n {children}\n </PopoverPrimitive.Anchor>\n )}\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n className={clsx(\n prefixClasses(\n \"outline-none data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n slideIn\n ? prefixClasses(\n \"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\"\n )\n : \"\",\n dynClass ? dynClass : \"\",\n className,\n themeResetClass\n )}\n sideOffset={sideOffset}\n {...rest}\n >\n {overlay}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n <BaseStyles />\n </PopoverPrimitive.Root>\n )}\n </Animated>\n );\n}\nPopover.displayName = \"PlasmicRadixPopover\";\n\nexport function registerPopover(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Popover, {\n name: \"hostless-radix-popover\",\n displayName: \"Popover\",\n importPath: \"@plasmicpkgs/radix-ui/popover\",\n importName: \"Popover\",\n states: overlayStates,\n props: {\n ...overlayProps({\n triggerSlotName: \"children\",\n defaultSlotContent: {\n type: \"default-component\",\n kind: \"button\",\n props: {\n children: { type: \"text\", value: `Show popover` },\n },\n },\n }),\n trigger: {\n type: \"boolean\",\n displayName: \"Trigger on click\",\n defaultValueHint: true,\n advanced: true,\n },\n ...popoverProps,\n overlay: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: \"16px\",\n width: \"300px\",\n maxWidth: \"100%\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n alignItems: \"stretch\",\n },\n children: [\"Here is the popover content.\"],\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n },\n });\n}\n","import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { Side } from \"@radix-ui/react-popper\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\nimport {\n Animated,\n AnimatedProps,\n animPropTypes,\n BaseStyles,\n EnterAnim,\n ExitAnim,\n overlayProps,\n overlayStates,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\n\nexport const DialogClose = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Close>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n>((props) => (\n <DialogPrimitive.Close {...props} asChild>\n <div className={props.className}>\n {props.children ?? <X className={prefixClasses(\"h-4 w-4\")} />}\n <span className={prefixClasses(\"sr-only\")}>Close</span>\n </div>\n </DialogPrimitive.Close>\n));\nDialogClose.displayName = \"PlasmicRadixDialogClose\";\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & AnimatedProps\n>(({ className, ...props }, ref) => {\n return (\n <Animated {...props}>\n {(dynClass) => (\n <DialogPrimitive.Overlay\n className={clsx(\n [\n \"fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n ].map(prefixClasses),\n dynClass ? dynClass : \"\",\n className\n )}\n {...props}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nDialogOverlay.displayName = \"PlasmicOverlay\";\n\nexport const DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n { themeResetClass?: string } & React.ComponentPropsWithoutRef<\n typeof DialogPrimitive.Content\n > &\n AnimatedProps\n>(({ className, themeResetClass, ...props }, ref) => {\n const [animProps, rest] = splitAnimProps(props);\n\n return (\n <Animated\n {...animProps}\n enterAnimations={animProps.enterAnimations ?? [\"zoom-enter\", \"fade-in\"]}\n exitAnimations={animProps.exitAnimations ?? [\"zoom-exit\", \"fade-out\"]}\n >\n {(dynClass) => (\n <DialogPrimitive.Content\n {...rest}\n className={clsx(\n prefixClasses(\n \"fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n dynClass ? dynClass : \"\",\n themeResetClass,\n className\n )}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nDialogContent.displayName = \"PlasmicRadixDialogContent\";\n\nfunction getDefaultSheetAnims(side: Side = \"right\") {\n return (\n {\n right: [\"slide-in-from-right\", \"slide-out-to-right\"],\n bottom: [\"slide-in-from-bottom\", \"slide-out-to-bottom\"],\n left: [\"slide-in-from-left\", \"slide-out-to-left\"],\n top: [\"slide-in-from-top\", \"slide-out-to-top\"],\n } as Record<Side, [EnterAnim, ExitAnim]>\n )[side];\n}\n\nexport const SheetContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> &\n AnimatedProps & { themeResetClass?: string } & VariantProps<\n typeof sheetVariants\n >\n>(({ className, themeResetClass, side = \"right\", ...props }, ref) => {\n const [defaultEnterAnimation, defaultExitAnimation] = getDefaultSheetAnims(\n side ?? \"right\"\n );\n return (\n <Animated\n {...props}\n enterAnimations={props.enterAnimations ?? [defaultEnterAnimation]}\n exitAnimations={props.exitAnimations ?? [defaultExitAnimation]}\n >\n {(dynClass) => (\n <DialogPrimitive.Content\n className={clsx(\n sheetVariants({ side }),\n dynClass ? dynClass : \"\",\n className\n )}\n {...props}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nSheetContent.displayName = \"PlasmicRadixSheetContent\";\n\nexport const sheetVariants = cva(\n prefixClasses(\n \"fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n {\n variants: {\n side: {\n top: prefixClasses(\"inset-x-0 top-0\"),\n bottom: prefixClasses(\"inset-x-0 bottom-0\"),\n left: prefixClasses(\"inset-y-0 left-0 h-full\"),\n right: prefixClasses(\"inset-y-0 right-0 h-full\"),\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n }\n);\n\nexport const Dialog = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Root> & AnimatedProps,\n DialogPrimitive.DialogProps &\n DialogPrimitive.DialogOverlayProps & {\n overlayClassName?: string;\n themeResetClass?: string;\n noContain?: boolean;\n triggerSlot?: React.ReactNode;\n }\n>(\n (\n {\n open,\n onOpenChange,\n modal,\n themeResetClass,\n children,\n noContain,\n defaultOpen,\n triggerSlot,\n overlayClassName,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Root\n open={open}\n modal={modal}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n >\n <DialogPrimitive.Trigger asChild>{triggerSlot}</DialogPrimitive.Trigger>\n {/*\n The main benefit of containing by default is that users can apply layout to position the dialog content easily, e.g. centered on the screen.\n\n But still need noContain for Sheets, since they slide in/out, and you don't want them fading in/out just because the overlay is fading out.\n\n ALSO, Portal needs to know the exit animation state, and to do this it needs DialogOverlay and the content (children) to both be immediate children - they can't be inside a React.Fragment, and of course cannot wrap in any extra divs!\n */}\n {noContain ? (\n <>\n <DialogPrimitive.Portal>\n <DialogOverlay\n ref={ref}\n {...props}\n className={clsx(overlayClassName, themeResetClass)}\n />\n {children}\n </DialogPrimitive.Portal>\n </>\n ) : (\n <DialogPrimitive.Portal>\n <DialogOverlay\n ref={ref}\n {...props}\n className={clsx(overlayClassName, themeResetClass)}\n >\n {children}\n </DialogOverlay>\n </DialogPrimitive.Portal>\n )}\n {/*Must be outside the portal or exit animation doesn't work*/}\n <BaseStyles />\n </DialogPrimitive.Root>\n )\n);\n\nDialog.displayName = \"PlasmicRadixDialog\";\n\nexport const DialogTitle = DialogPrimitive.Title;\n\nexport const DialogDescription = DialogPrimitive.Description;\n\nexport function registerDialog(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Dialog, {\n name: \"hostless-radix-dialog\",\n displayName: \"Dialog\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"Dialog\",\n styleSections: false,\n defaultStyles: {\n // Note: unable to set position styles since Plasmic coerces to auto layout\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backdropFilter: \"blur(10px)\",\n background: \"rgba(255,255,255,0.8)\",\n },\n props: {\n ...overlayProps({\n defaultSlotContent: {\n type: \"default-component\",\n kind: \"button\",\n props: {\n children: { type: \"text\", value: `Show dialog` },\n },\n },\n triggerSlotName: \"triggerSlot\",\n }),\n overlayClassName: {\n type: \"class\",\n },\n noContain: {\n type: \"boolean\",\n advanced: true,\n description:\n \"Place the dialog content over the overlay instead of inside the overlay. Useful for separating their animations, but you also won't be able to conveniently set layout on the overlay as a parent.\",\n },\n children: {\n type: \"slot\",\n allowedComponents: [\n \"hostless-radix-sheet-content\",\n \"hostless-radix-dialog-content\",\n ],\n defaultValue: {\n type: \"component\",\n name: \"hostless-radix-dialog-content\",\n },\n },\n },\n states: overlayStates,\n });\n registerComponentHelper(PLASMIC, DialogClose, {\n name: \"hostless-radix-dialog-close\",\n displayName: \"Dialog Close\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"DialogClose\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n position: \"absolute\",\n top: \"16px\",\n right: \"16px\",\n opacity: \"0.7\",\n borderRadius: \"999px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n },\n });\n const dialogStyles = {\n width: \"400px\",\n maxWidth: \"100%\",\n background: \"rgb(255,255,255)\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n };\n registerComponentHelper(PLASMIC, SheetContent, {\n name: \"hostless-radix-sheet-content\",\n displayName: \"Drawer Content\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"SheetContent\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n // Positions can sometimes take effect since these can be implicitly inserted as children of other default content, thus escaping Plasmic's layout coersion.\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n padding: \"16px\",\n ...dialogStyles,\n },\n props: {\n side: {\n type: \"choice\",\n options: [\"right\", \"bottom\", \"left\", \"top\"],\n defaultValueHint: \"right\",\n },\n themeResetClass: { type: \"themeResetClass\" },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"vbox\",\n styles: {\n alignItems: \"stretch\",\n gap: \"8px\",\n },\n children: [\n {\n type: \"component\",\n name: \"hostless-radix-dialog-title\",\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-description\",\n },\n ],\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-close\",\n },\n ],\n },\n ...animPropTypes({\n defaultEnterAnimations: (ps) => [getDefaultSheetAnims(ps.side)[0]],\n defaultExitAnimations: (ps) => [getDefaultSheetAnims(ps.side)[1]],\n }),\n },\n });\n registerComponentHelper(PLASMIC, DialogContent, {\n name: \"hostless-radix-dialog-content\",\n displayName: \"Dialog Content\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"DialogContent\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n // No need for position here, just relying on layout container parent.\n padding: \"24px\",\n borderRadius: \"8px\",\n ...dialogStyles,\n },\n props: {\n themeResetClass: { type: \"themeResetClass\" },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"vbox\",\n styles: {\n alignItems: \"stretch\",\n gap: \"8px\",\n },\n children: [\n {\n type: \"component\",\n name: \"hostless-radix-dialog-title\",\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-description\",\n },\n ],\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-close\",\n },\n ],\n },\n ...animPropTypes({\n defaultEnterAnimations: () => [\"zoom-enter\", \"fade-in\"],\n defaultExitAnimations: () => [\"zoom-exit\", \"fade-out\"],\n }),\n },\n });\n registerComponentHelper(PLASMIC, DialogTitle, {\n name: \"hostless-radix-dialog-title\",\n displayName: \"Dialog Title\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"DialogTitle\",\n parentComponentName: \"hostless-radix-dialog\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: \"Sheet title\",\n },\n },\n });\n registerComponentHelper(PLASMIC, DialogDescription, {\n name: \"hostless-radix-dialog-description\",\n displayName: \"Dialog Description\",\n importPath: \"@plasmicpkgs/radix-ui/dialog\",\n importName: \"DialogDescription\",\n parentComponentName: \"hostless-radix-dialog\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: \"Sheet description\",\n },\n },\n });\n}\n","import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport clsx from \"clsx\";\nimport {\n Animated,\n BaseStyles,\n overlayProps,\n PopoverExtraProps,\n popoverProps,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\n\nexport const Tooltip = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> &\n TooltipPrimitive.TooltipProps &\n PopoverExtraProps\n>(\n (\n {\n // content & custom\n className,\n sideOffset = 4,\n themeResetClass,\n slideIn = true,\n overlay,\n\n // root\n delayDuration,\n disableHoverableContent,\n open,\n onOpenChange,\n defaultOpen,\n\n // trigger/anchor\n children,\n\n ...props\n },\n ref\n ) => {\n const [animProps, rest] = splitAnimProps(props);\n return (\n <Animated\n enterAnimations={[\"fade-in\", \"zoom-enter\"]}\n exitAnimations={[\"fade-out\", \"zoom-exit\"]}\n {...animProps}\n >\n {(dynClass) => (\n <TooltipPrimitive.Provider>\n <TooltipPrimitive.Root\n {...{\n delayDuration,\n disableHoverableContent,\n open,\n onOpenChange,\n defaultOpen,\n }}\n >\n <TooltipPrimitive.Trigger asChild>\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={clsx(\n prefixClasses(\"animate-in data-[state=closed]:animate-out\"),\n slideIn\n ? prefixClasses(\n \"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\"\n )\n : \"\",\n dynClass ? dynClass : \"\",\n className,\n themeResetClass\n )}\n {...rest}\n >\n {overlay}\n </TooltipPrimitive.Content>\n <BaseStyles />\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n )}\n </Animated>\n );\n }\n);\nTooltip.displayName = \"PlasmicRadixTooltip\";\n\nexport function registerTooltip(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Tooltip, {\n name: \"hostless-radix-tooltip\",\n displayName: \"Tooltip\",\n importPath: \"@plasmicpkgs/radix-ui/tooltip\",\n importName: \"Tooltip\",\n props: {\n ...overlayProps({\n triggerSlotName: \"children\",\n defaultSlotContent: { type: \"text\", value: \"I have a tooltip.\" },\n openDisplay: \"Preview open\",\n }),\n ...popoverProps,\n overlay: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: \"16px\",\n width: \"300px\",\n maxWidth: \"100%\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n alignItems: \"stretch\",\n },\n children: [\"Here is the tooltip content.\"],\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n },\n });\n}\n","import { Registerable } from \"./reg-util\";\nimport { registerPopover } from \"./popover\";\nimport { registerDialog } from \"./dialog\";\nimport { registerTooltip } from \"./tooltip\";\n\nexport function registerAll(PLASMIC?: Registerable) {\n registerPopover(PLASMIC);\n registerDialog(PLASMIC);\n registerTooltip(PLASMIC);\n}\n\nexport * from \"./dialog\";\nexport * from \"./popover\";\nexport * from \"./tooltip\";\nexport { popoverProps } from \"./util\";\nexport { PopoverExtraProps } from \"./util\";\n"],"names":["enterAnims","exitAnims","id","useId","_React$useId","React","useState","StyleWrapper","_ref","children","cssStr","dynClass","replace","Animated","_ref2","_ref2$enterAnimations","enterAnimations","_ref2$exitAnimations","exitAnimations","_ref2$enterDuration","enterDuration","_ref2$exitDuration","exitDuration","_ref2$enterOpacity","enterOpacity","_ref2$exitOpacity","exitOpacity","_ref2$enterScale","enterScale","_ref2$exitScale","exitScale","_ref2$enterTranslateX","enterTranslateX","_ref2$exitTranslateX","exitTranslateX","_ref2$enterTranslateY","enterTranslateY","_ref2$exitTranslateY","exitTranslateY","_ref2$enterTiming","enterTiming","_ref2$exitTiming","exitTiming","_ref2$enterDelay","enterDelay","_ref2$exitDelay","exitDelay","pct","x","match","neg","startsWith","animations","fade-in","fade-out","slide-in-from-top","slide-out-to-top","slide-in-from-right","slide-out-to-right","slide-in-from-bottom","slide-out-to-bottom","slide-in-from-left","slide-out-to-left","zoom-enter","zoom-exit","map","exitAnimation","_animations$exitAnima","join","enterAnimation","_animations$enterAnim","splitAnimProps","props","keys","pick","omit","mungeNames","names","name","label","value","animPropTypes","_ref3","defaultEnterAnimations","defaultExitAnimations","getEnterAnimations","ps","_ps$enterAnimations","getExitAnimations","_ps$exitAnimations","type","options","multiSelect","defaultValueHint","hidden","_getEnterAnimations","_getEnterAnimations2","includes","advanced","_getExitAnimations","_getExitAnimations2","_getEnterAnimations3","_getEnterAnimations4","_getExitAnimations3","_getExitAnimations4","_getEnterAnimations5","_getExitAnimations5","_getEnterAnimations6","_getExitAnimations6","_extends","suggestions","overlayStates","open","valueProp","onChangeProp","variableType","overlayProps","_ref4","_props","displayName","openDisplay","editOnly","uncontrolledProp","modal","description","onOpenChange","argTypes","triggerSlotName","defaultValue","defaultSlotContent","mergeWithParent","themeResetClass","prefixClasses","trim","split","part","prefixedBaseStyles","BaseStyles","dangerouslySetInnerHTML","__html","popoverProps","side","sideOffset","align","alignOffset","slideIn","registerComponentHelper","loader","component","meta","registerComponent","Popover","defaultOpen","className","_ref$sideOffset","overlay","_ref$slideIn","_ref$trigger","trigger","_splitAnimProps","_objectWithoutPropertiesLoose","_excluded","rest","PopoverPrimitive","asChild","clsx","registerPopover","PLASMIC","importPath","importName","states","kind","styles","padding","width","maxWidth","borderWidth","borderStyle","borderColor","backgroundColor","borderRadius","boxShadow","alignItems","DialogClose","_props$children","DialogPrimitive","X","DialogOverlay","ref","DialogContent","_excluded2","animProps","_animProps$enterAnima","_animProps$exitAnimat","getDefaultSheetAnims","right","bottom","left","top","SheetContent","_ref3$side","_excluded3","_getDefaultSheetAnims","_props$enterAnimation","_props$exitAnimations","sheetVariants","cva","variants","defaultVariants","Dialog","noContain","triggerSlot","overlayClassName","_excluded4","DialogTitle","DialogDescription","registerDialog","styleSections","defaultStyles","display","justifyContent","backdropFilter","background","allowedComponents","parentComponentName","position","opacity","hidePlaceholder","dialogStyles","gap","Tooltip","delayDuration","disableHoverableContent","TooltipPrimitive","registerTooltip"],"mappings":"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"}
1
+ {"version":3,"file":"radix-ui.cjs.production.min.js","sources":["../src/reg-util.ts","../src/util.tsx","../src/popover.tsx","../src/dialog.tsx","../src/tooltip.tsx","../src/index.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n","import { CodeComponentMeta } from \"@plasmicapp/host\";\nimport { DialogProps } from \"@radix-ui/react-dialog\";\nimport * as React from \"react\";\nimport { ReactElement, ReactNode, useState } from \"react\";\nimport { omit, pick } from \"remeda\";\n\nconst DEBUG_SLOWDOWN = 1;\n\nexport const enterAnims = [\n \"fade-in\",\n \"zoom-enter\",\n \"slide-in-from-top\",\n \"slide-in-from-right\",\n \"slide-in-from-bottom\",\n \"slide-in-from-left\",\n] as const;\nexport type EnterAnim = (typeof enterAnims)[number];\nexport const exitAnims = [\n \"fade-out\",\n \"zoom-exit\",\n \"slide-out-to-top\",\n \"slide-out-to-right\",\n \"slide-out-to-bottom\",\n \"slide-out-to-left\",\n] as const;\nexport type ExitAnim = (typeof exitAnims)[number];\nexport type AnimName = EnterAnim | ExitAnim;\n\n// https://github.com/reactwg/react-18/discussions/111#discussioncomment-1517837\nlet id = 0;\nexport const useId = (React as any).useId ?? (() => useState(() => \"\" + id++));\n\n/** Allow attaching pseudoclasses and other CSS selectors to this unique component instance */\nexport const StyleWrapper = ({\n children,\n cssStr,\n}: {\n children: (dynClass: string | undefined) => ReactElement;\n cssStr: string;\n}) => {\n const dynClass = \"pd__\" + useId().replace(/:/g, \"\");\n return (\n <>\n {children(dynClass)}\n <style>{dynClass ? cssStr.replace(/&/g, `.${dynClass}`) : \"\"}</style>\n </>\n );\n};\nexport type AnimatedProps = {\n enterAnimations?: EnterAnim[];\n exitAnimations?: ExitAnim[];\n enterDuration?: number;\n exitDuration?: number;\n enterOpacity?: number;\n exitOpacity?: number;\n enterScale?: number;\n exitScale?: number;\n enterTranslateX?: string;\n exitTranslateX?: string;\n enterTranslateY?: string;\n exitTranslateY?: string;\n enterTiming?: string;\n exitTiming?: string;\n enterDelay?: number;\n exitDelay?: number;\n};\nexport const Animated = ({\n children,\n enterAnimations = [\"fade-in\"],\n exitAnimations = [\"fade-out\"],\n enterDuration = 0.15 * DEBUG_SLOWDOWN,\n exitDuration = 0.15 * DEBUG_SLOWDOWN,\n enterOpacity = 0,\n exitOpacity = 0,\n enterScale = 0.95,\n exitScale = 0.95,\n enterTranslateX = \"100%\",\n exitTranslateX = \"100%\",\n enterTranslateY = \"100%\",\n exitTranslateY = \"100%\",\n enterTiming = \"ease\",\n exitTiming = \"ease\",\n enterDelay = 0,\n exitDelay = 0,\n}: AnimatedProps & {\n children: (dynClass: string | undefined) => ReactElement;\n}) => {\n const pct = (x: number | string) =>\n typeof x === \"number\" || x?.match(/.*\\d$/) ? x + \"%\" : x;\n const neg = (x: string) => (x.startsWith(\"-\") ? x : \"-\" + x);\n const animations: Record<AnimName, string> = {\n \"fade-in\": `--tw-enter-opacity: ${enterOpacity};`,\n \"fade-out\": `--tw-exit-opacity: ${exitOpacity};`,\n \"slide-in-from-top\": `--tw-enter-translate-y: ${neg(\n pct(enterTranslateY)\n )};`,\n \"slide-out-to-top\": `--tw-exit-translate-y: ${neg(pct(exitTranslateY))};`,\n \"slide-in-from-right\": `--tw-enter-translate-x: ${pct(enterTranslateX)};`,\n \"slide-out-to-right\": `--tw-exit-translate-x: ${pct(exitTranslateX)};`,\n \"slide-in-from-bottom\": `--tw-enter-translate-y: ${pct(enterTranslateY)};`,\n \"slide-out-to-bottom\": `--tw-exit-translate-y: ${pct(exitTranslateY)};`,\n \"slide-in-from-left\": `--tw-enter-translate-x: ${neg(\n pct(enterTranslateX)\n )};`,\n \"slide-out-to-left\": `--tw-exit-translate-x: ${neg(pct(exitTranslateX))};`,\n \"zoom-enter\": `--tw-enter-scale: ${enterScale};`,\n \"zoom-exit\": `--tw-exit-scale: ${exitScale};`,\n };\n return (\n <StyleWrapper\n cssStr={`\n &&[data-state=closed] {\n animation-duration: ${exitDuration}s;\n animation-timing-function: ${exitTiming};\n animation-delay: ${exitDelay};\n ${exitAnimations\n .map((exitAnimation) => animations[exitAnimation] ?? \"\")\n .join(\" \")}\n }\n &&,\n &&[data-state=open] {\n animation-duration: ${enterDuration}s;\n animation-timing-function: ${enterTiming};\n animation-delay: ${enterDelay};\n ${enterAnimations\n .map((enterAnimation) => animations[enterAnimation] ?? \"\")\n .join(\" \")}\n }\n `}\n >\n {children}\n </StyleWrapper>\n );\n};\n\nexport function splitAnimProps<T extends AnimatedProps>(\n props: T\n): [AnimatedProps, Omit<T, keyof AnimatedProps>] {\n const keys = [\n \"enterAnimations\",\n \"exitAnimations\",\n \"enterDuration\",\n \"exitDuration\",\n \"enterTranslateX\",\n \"exitTranslateX\",\n \"enterTranslateY\",\n \"exitTranslateY\",\n \"enterTiming\",\n \"exitTiming\",\n \"enterDelay\",\n \"exitDelay\",\n \"enterScale\",\n \"exitScale\",\n \"enterOpacity\",\n \"exitOpacity\",\n ] as const;\n const a = pick(props, keys);\n const b = omit(props, keys);\n return [a, b];\n}\n\nfunction mungeNames(names: readonly AnimName[]) {\n return names.map((name) => ({\n label: name.replace(/-/g, \" \"),\n value: name,\n }));\n}\n\nexport const animPropTypes = ({\n defaultEnterAnimations,\n defaultExitAnimations,\n}: {\n defaultEnterAnimations?: (ps: any) => EnterAnim[];\n defaultExitAnimations?: (ps: any) => ExitAnim[];\n // Need to work around the typescript v3 or v4 used in root public-packages via tsdx\n}): any => {\n const getEnterAnimations = (ps: any) =>\n ps.enterAnimations ?? defaultEnterAnimations?.(ps);\n const getExitAnimations = (ps: any) =>\n ps.exitAnimations ?? defaultExitAnimations?.(ps);\n const props: CodeComponentMeta<AnimatedProps>[\"props\"] = {\n enterAnimations: {\n type: \"choice\",\n options: mungeNames(enterAnims),\n multiSelect: true,\n defaultValueHint: defaultEnterAnimations ?? [\"fade-in\"],\n },\n exitAnimations: {\n type: \"choice\",\n options: mungeNames(exitAnims),\n multiSelect: true,\n defaultValueHint: defaultExitAnimations ?? [\"fade-out\"],\n },\n enterDuration: { type: \"number\", defaultValueHint: 0.15 },\n exitDuration: { type: \"number\", defaultValueHint: 0.15 },\n enterTranslateX: {\n type: \"string\",\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getEnterAnimations(ps)?.includes(\"slide-in-from-right\") &&\n !getEnterAnimations(ps)?.includes(\"slide-in-from-left\"),\n },\n exitTranslateX: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getExitAnimations(ps)?.includes(\"slide-out-to-right\") &&\n !getExitAnimations(ps)?.includes(\"slide-out-to-left\"),\n },\n enterTranslateY: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getEnterAnimations(ps)?.includes(\"slide-in-from-bottom\") &&\n !getEnterAnimations(ps)?.includes(\"slide-in-from-top\"),\n },\n exitTranslateY: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"100%\",\n hidden: (ps) =>\n !getExitAnimations(ps)?.includes(\"slide-out-to-bottom\") &&\n !getExitAnimations(ps)?.includes(\"slide-out-to-top\"),\n },\n enterOpacity: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0,\n hidden: (ps) => !getEnterAnimations(ps)?.includes(\"fade-in\"),\n },\n exitOpacity: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0,\n hidden: (ps) => !getExitAnimations(ps)?.includes(\"fade-out\"),\n },\n enterScale: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0.95,\n hidden: (ps) => !getEnterAnimations(ps)?.includes(\"zoom-enter\"),\n },\n exitScale: {\n type: \"number\",\n advanced: true,\n defaultValueHint: 0.95,\n hidden: (ps) => !getExitAnimations(ps)?.includes(\"zoom-exit\"),\n },\n enterDelay: { type: \"number\", advanced: true, defaultValueHint: 0 },\n exitDelay: { type: \"number\", advanced: true, defaultValueHint: 0 },\n enterTiming: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"ease\",\n ...({\n suggestions: [\"linear\", \"ease\", \"ease-in\", \"ease-out\", \"ease-in-out\"],\n } as any),\n },\n exitTiming: {\n type: \"string\",\n advanced: true,\n defaultValueHint: \"ease\",\n ...({\n suggestions: [\"linear\", \"ease\", \"ease-in\", \"ease-out\", \"ease-in-out\"],\n } as any),\n },\n };\n return props;\n};\n\nexport const overlayStates = {\n open: {\n type: \"writable\",\n valueProp: \"open\",\n onChangeProp: \"onOpenChange\",\n variableType: \"boolean\",\n },\n} as const;\n\nexport const overlayProps = ({\n defaultSlotContent,\n triggerSlotName,\n openDisplay,\n}: {\n defaultSlotContent: any;\n triggerSlotName: string;\n openDisplay?: string;\n // Need to work around the typescript v3 or v4 used in root public-packages via tsdx\n}): any => {\n const props: CodeComponentMeta<DialogProps>[\"props\"] = {\n open: {\n type: \"boolean\",\n displayName: openDisplay,\n editOnly: true,\n uncontrolledProp: \"defaultOpen\",\n },\n modal: {\n type: \"boolean\",\n advanced: true,\n description:\n \"Disable interaction with outside elements. Only popover content will be visible to screen readers.\",\n },\n onOpenChange: {\n type: \"eventHandler\",\n argTypes: [\n {\n type: \"boolean\",\n name: \"open\",\n },\n ],\n },\n [triggerSlotName]: {\n type: \"slot\",\n defaultValue: [defaultSlotContent],\n ...({\n mergeWithParent: true,\n } as any),\n },\n themeResetClass: { type: \"themeResetClass\" },\n };\n return props;\n};\n\nexport function prefixClasses(x: string) {\n return x\n .trim()\n .split(/\\s+/g)\n .map((part) => `pl__${part}`)\n .join(\" \");\n}\n\n// Be careful formatting this!\n// Note that these are magically prepended with pl__\nconst prefixedBaseStyles = `\n.box-border {\n box-sizing: border-box;\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\\\[state\\\\=open\\\\]\\\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\\\[state\\\\=closed\\\\]\\\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\\\[side\\\\=bottom\\\\]\\\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\\\[side\\\\=left\\\\]\\\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\\\[side\\\\=right\\\\]\\\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\\\[side\\\\=top\\\\]\\\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n`.replace(/\\n\\./g, \".pl__\");\n\nexport function BaseStyles() {\n // return <style>{prefixedBaseStyles}</style>;\n return <style dangerouslySetInnerHTML={{ __html: prefixedBaseStyles }} />;\n}\n\nexport const popoverProps = {\n side: {\n type: \"choice\",\n options: [\"top\", \"bottom\", \"left\", \"right\"] as string[],\n defaultValueHint: \"bottom\",\n },\n sideOffset: {\n type: \"number\",\n defaultValueHint: 4,\n advanced: true,\n },\n align: {\n type: \"choice\",\n options: [\"center\", \"start\", \"end\"] as string[],\n defaultValueHint: \"center\",\n },\n alignOffset: {\n type: \"number\",\n defaultValueHint: 0,\n advanced: true,\n },\n ...animPropTypes({\n defaultEnterAnimations: () => [\"fade-in\", \"zoom-enter\"],\n defaultExitAnimations: () => [\"fade-out\", \"zoom-exit\"],\n }),\n slideIn: {\n type: \"boolean\",\n defaultValueHint: true,\n description:\n \"Add additional subtle slide-in animation on reveal, which can depend on where the tooltip is dynamically placed.\",\n },\n} as const;\nexport type PopoverExtraProps = AnimatedProps & {\n themeResetClass?: string;\n overlay?: ReactNode;\n slideIn?: boolean;\n};\n","import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\n\nimport clsx from \"clsx\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\nimport {\n Animated,\n BaseStyles,\n overlayProps,\n overlayStates,\n PopoverExtraProps,\n popoverProps,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\n\nexport function Popover({\n // root\n open,\n onOpenChange,\n defaultOpen,\n modal,\n\n // content\n className,\n sideOffset = 4,\n themeResetClass,\n overlay,\n slideIn = true,\n\n // trigger/anchor\n trigger = true,\n children,\n\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content> &\n PopoverPrimitive.PopoverProps &\n PopoverExtraProps & {\n trigger?: boolean;\n }) {\n const [animProps, rest] = splitAnimProps(props);\n return (\n <Animated\n enterAnimations={[\"fade-in\", \"zoom-enter\"]}\n exitAnimations={[\"fade-out\", \"zoom-exit\"]}\n {...animProps}\n >\n {(dynClass) => (\n <PopoverPrimitive.Root\n open={open}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n modal={modal}\n >\n {trigger ? (\n <PopoverPrimitive.Trigger asChild>\n {children}\n </PopoverPrimitive.Trigger>\n ) : (\n <PopoverPrimitive.Anchor asChild>\n {children}\n </PopoverPrimitive.Anchor>\n )}\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n className={clsx(\n prefixClasses(\n \"outline-none data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n slideIn\n ? prefixClasses(\n \"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\"\n )\n : \"\",\n dynClass ? dynClass : \"\",\n className,\n themeResetClass\n )}\n sideOffset={sideOffset}\n {...rest}\n >\n {overlay}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n <BaseStyles />\n </PopoverPrimitive.Root>\n )}\n </Animated>\n );\n}\nPopover.displayName = \"PlasmicRadixPopover\";\n\nexport function registerPopover(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Popover, {\n name: \"hostless-radix-popover\",\n displayName: \"Popover\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"Popover\",\n states: overlayStates,\n props: {\n ...overlayProps({\n triggerSlotName: \"children\",\n defaultSlotContent: {\n type: \"default-component\",\n kind: \"button\",\n props: {\n children: { type: \"text\", value: `Show popover` },\n },\n },\n }),\n trigger: {\n type: \"boolean\",\n displayName: \"Trigger on click\",\n defaultValueHint: true,\n advanced: true,\n },\n ...popoverProps,\n overlay: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: \"16px\",\n width: \"300px\",\n maxWidth: \"100%\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n alignItems: \"stretch\",\n },\n children: [\"Here is the popover content.\"],\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n },\n });\n}\n","import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { cva } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { Side } from \"@radix-ui/react-popper\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\nimport {\n Animated,\n AnimatedProps,\n animPropTypes,\n BaseStyles,\n EnterAnim,\n ExitAnim,\n overlayProps,\n overlayStates,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\n\nexport const DialogClose = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Close>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Close>\n>((props) => (\n <DialogPrimitive.Close {...props} asChild>\n <div className={props.className}>\n {props.children ?? <X className={prefixClasses(\"h-4 w-4\")} />}\n <span className={prefixClasses(\"sr-only\")}>Close</span>\n </div>\n </DialogPrimitive.Close>\n));\nDialogClose.displayName = \"PlasmicRadixDialogClose\";\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Overlay>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & AnimatedProps\n>(({ className, ...props }, ref) => {\n return (\n <Animated {...props}>\n {(dynClass) => (\n <DialogPrimitive.Overlay\n className={clsx(\n [\n \"fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out\",\n ].map(prefixClasses),\n dynClass ? dynClass : \"\",\n className\n )}\n {...props}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nDialogOverlay.displayName = \"PlasmicOverlay\";\n\nexport const DialogContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n { themeResetClass?: string } & React.ComponentPropsWithoutRef<\n typeof DialogPrimitive.Content\n > &\n AnimatedProps\n>(({ className, themeResetClass, ...props }, ref) => {\n const [animProps, rest] = splitAnimProps(props);\n\n return (\n <Animated\n {...animProps}\n enterAnimations={animProps.enterAnimations ?? [\"zoom-enter\", \"fade-in\"]}\n exitAnimations={animProps.exitAnimations ?? [\"zoom-exit\", \"fade-out\"]}\n >\n {(dynClass) => (\n <DialogPrimitive.Content\n {...rest}\n className={clsx(\n prefixClasses(\n \"fixed z-50 outline-none relative box-border data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n dynClass ? dynClass : \"\",\n themeResetClass,\n className\n )}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nDialogContent.displayName = \"PlasmicRadixDialogContent\";\n\nfunction getDefaultSheetAnims(side: Side = \"right\") {\n return (\n {\n right: [\"slide-in-from-right\", \"slide-out-to-right\"],\n bottom: [\"slide-in-from-bottom\", \"slide-out-to-bottom\"],\n left: [\"slide-in-from-left\", \"slide-out-to-left\"],\n top: [\"slide-in-from-top\", \"slide-out-to-top\"],\n } as Record<Side, [EnterAnim, ExitAnim]>\n )[side];\n}\n\nexport const SheetContent = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> &\n AnimatedProps & { themeResetClass?: string } & VariantProps<\n typeof sheetVariants\n >\n>(({ className, themeResetClass, side = \"right\", ...props }, ref) => {\n const [defaultEnterAnimation, defaultExitAnimation] = getDefaultSheetAnims(\n side ?? \"right\"\n );\n return (\n <Animated\n {...props}\n enterAnimations={props.enterAnimations ?? [defaultEnterAnimation]}\n exitAnimations={props.exitAnimations ?? [defaultExitAnimation]}\n >\n {(dynClass) => (\n <DialogPrimitive.Content\n className={clsx(\n sheetVariants({ side }),\n dynClass ? dynClass : \"\",\n className\n )}\n {...props}\n ref={ref}\n />\n )}\n </Animated>\n );\n});\nSheetContent.displayName = \"PlasmicRadixSheetContent\";\n\nexport const sheetVariants = cva(\n prefixClasses(\n \"fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out\"\n ),\n {\n variants: {\n side: {\n top: prefixClasses(\"inset-x-0 top-0\"),\n bottom: prefixClasses(\"inset-x-0 bottom-0\"),\n left: prefixClasses(\"inset-y-0 left-0 h-full\"),\n right: prefixClasses(\"inset-y-0 right-0 h-full\"),\n },\n },\n defaultVariants: {\n side: \"right\",\n },\n }\n);\n\nexport const Dialog = React.forwardRef<\n React.ElementRef<typeof DialogPrimitive.Root> & AnimatedProps,\n DialogPrimitive.DialogProps &\n DialogPrimitive.DialogOverlayProps & {\n overlayClassName?: string;\n themeResetClass?: string;\n noContain?: boolean;\n triggerSlot?: React.ReactNode;\n }\n>(\n (\n {\n open,\n onOpenChange,\n modal,\n themeResetClass,\n children,\n noContain,\n defaultOpen,\n triggerSlot,\n overlayClassName,\n ...props\n },\n ref\n ) => (\n <DialogPrimitive.Root\n open={open}\n modal={modal}\n onOpenChange={onOpenChange}\n defaultOpen={defaultOpen}\n >\n <DialogPrimitive.Trigger asChild>{triggerSlot}</DialogPrimitive.Trigger>\n {/*\n The main benefit of containing by default is that users can apply layout to position the dialog content easily, e.g. centered on the screen.\n\n But still need noContain for Sheets, since they slide in/out, and you don't want them fading in/out just because the overlay is fading out.\n\n ALSO, Portal needs to know the exit animation state, and to do this it needs DialogOverlay and the content (children) to both be immediate children - they can't be inside a React.Fragment, and of course cannot wrap in any extra divs!\n */}\n {noContain ? (\n <>\n <DialogPrimitive.Portal>\n <DialogOverlay\n ref={ref}\n {...props}\n className={clsx(overlayClassName, themeResetClass)}\n />\n {children}\n </DialogPrimitive.Portal>\n </>\n ) : (\n <DialogPrimitive.Portal>\n <DialogOverlay\n ref={ref}\n {...props}\n className={clsx(overlayClassName, themeResetClass)}\n >\n {children}\n </DialogOverlay>\n </DialogPrimitive.Portal>\n )}\n {/*Must be outside the portal or exit animation doesn't work*/}\n <BaseStyles />\n </DialogPrimitive.Root>\n )\n);\n\nDialog.displayName = \"PlasmicRadixDialog\";\n\nexport const DialogTitle = DialogPrimitive.Title;\n\nexport const DialogDescription = DialogPrimitive.Description;\n\nexport function registerDialog(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Dialog, {\n name: \"hostless-radix-dialog\",\n displayName: \"Dialog\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"Dialog\",\n styleSections: false,\n defaultStyles: {\n // Note: unable to set position styles since Plasmic coerces to auto layout\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backdropFilter: \"blur(10px)\",\n background: \"rgba(255,255,255,0.8)\",\n },\n props: {\n ...overlayProps({\n defaultSlotContent: {\n type: \"default-component\",\n kind: \"button\",\n props: {\n children: { type: \"text\", value: `Show dialog` },\n },\n },\n triggerSlotName: \"triggerSlot\",\n }),\n overlayClassName: {\n type: \"class\",\n },\n noContain: {\n type: \"boolean\",\n advanced: true,\n description:\n \"Place the dialog content over the overlay instead of inside the overlay. Useful for separating their animations, but you also won't be able to conveniently set layout on the overlay as a parent.\",\n },\n children: {\n type: \"slot\",\n allowedComponents: [\n \"hostless-radix-sheet-content\",\n \"hostless-radix-dialog-content\",\n ],\n defaultValue: {\n type: \"component\",\n name: \"hostless-radix-dialog-content\",\n },\n },\n },\n states: overlayStates,\n });\n registerComponentHelper(PLASMIC, DialogClose, {\n name: \"hostless-radix-dialog-close\",\n displayName: \"Dialog Close\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"DialogClose\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n position: \"absolute\",\n top: \"16px\",\n right: \"16px\",\n opacity: \"0.7\",\n borderRadius: \"999px\",\n },\n props: {\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n },\n });\n const dialogStyles = {\n width: \"400px\",\n maxWidth: \"100%\",\n background: \"rgb(255,255,255)\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n };\n registerComponentHelper(PLASMIC, SheetContent, {\n name: \"hostless-radix-sheet-content\",\n displayName: \"Drawer Content\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"SheetContent\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n // Positions can sometimes take effect since these can be implicitly inserted as children of other default content, thus escaping Plasmic's layout coersion.\n position: \"fixed\",\n top: 0,\n right: 0,\n bottom: 0,\n padding: \"16px\",\n ...dialogStyles,\n },\n props: {\n side: {\n type: \"choice\",\n options: [\"right\", \"bottom\", \"left\", \"top\"],\n defaultValueHint: \"right\",\n },\n themeResetClass: { type: \"themeResetClass\" },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"vbox\",\n styles: {\n alignItems: \"stretch\",\n gap: \"8px\",\n },\n children: [\n {\n type: \"component\",\n name: \"hostless-radix-dialog-title\",\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-description\",\n },\n ],\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-close\",\n },\n ],\n },\n ...animPropTypes({\n defaultEnterAnimations: (ps) => [getDefaultSheetAnims(ps.side)[0]],\n defaultExitAnimations: (ps) => [getDefaultSheetAnims(ps.side)[1]],\n }),\n },\n });\n registerComponentHelper(PLASMIC, DialogContent, {\n name: \"hostless-radix-dialog-content\",\n displayName: \"Dialog Content\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"DialogContent\",\n parentComponentName: \"hostless-radix-dialog\",\n defaultStyles: {\n // No need for position here, just relying on layout container parent.\n padding: \"24px\",\n borderRadius: \"8px\",\n ...dialogStyles,\n },\n props: {\n themeResetClass: { type: \"themeResetClass\" },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"vbox\",\n styles: {\n alignItems: \"stretch\",\n gap: \"8px\",\n },\n children: [\n {\n type: \"component\",\n name: \"hostless-radix-dialog-title\",\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-description\",\n },\n ],\n },\n {\n type: \"component\",\n name: \"hostless-radix-dialog-close\",\n },\n ],\n },\n ...animPropTypes({\n defaultEnterAnimations: () => [\"zoom-enter\", \"fade-in\"],\n defaultExitAnimations: () => [\"zoom-exit\", \"fade-out\"],\n }),\n },\n });\n registerComponentHelper(PLASMIC, DialogTitle, {\n name: \"hostless-radix-dialog-title\",\n displayName: \"Dialog Title\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"DialogTitle\",\n parentComponentName: \"hostless-radix-dialog\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: \"Sheet title\",\n },\n },\n });\n registerComponentHelper(PLASMIC, DialogDescription, {\n name: \"hostless-radix-dialog-description\",\n displayName: \"Dialog Description\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"DialogDescription\",\n parentComponentName: \"hostless-radix-dialog\",\n props: {\n children: {\n type: \"slot\",\n defaultValue: \"Sheet description\",\n },\n },\n });\n}\n","import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport { Registerable, registerComponentHelper } from \"./reg-util\";\nimport {\n Animated,\n BaseStyles,\n overlayProps,\n PopoverExtraProps,\n popoverProps,\n prefixClasses,\n splitAnimProps,\n} from \"./util\";\n\nexport const Tooltip = React.forwardRef<\n React.ElementRef<typeof TooltipPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> &\n TooltipPrimitive.TooltipProps &\n PopoverExtraProps\n>(\n (\n {\n // content & custom\n className,\n sideOffset = 4,\n themeResetClass,\n slideIn = true,\n overlay,\n\n // root\n delayDuration,\n disableHoverableContent,\n open,\n onOpenChange,\n defaultOpen,\n\n // trigger/anchor\n children,\n\n ...props\n },\n ref\n ) => {\n const [animProps, rest] = splitAnimProps(props);\n return (\n <Animated\n enterAnimations={[\"fade-in\", \"zoom-enter\"]}\n exitAnimations={[\"fade-out\", \"zoom-exit\"]}\n {...animProps}\n >\n {(dynClass) => (\n <TooltipPrimitive.Provider>\n <TooltipPrimitive.Root\n {...{\n delayDuration,\n disableHoverableContent,\n open,\n onOpenChange,\n defaultOpen,\n }}\n >\n <TooltipPrimitive.Trigger asChild>\n {children}\n </TooltipPrimitive.Trigger>\n <TooltipPrimitive.Content\n ref={ref}\n sideOffset={sideOffset}\n className={clsx(\n prefixClasses(\"animate-in data-[state=closed]:animate-out\"),\n slideIn\n ? prefixClasses(\n \"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\"\n )\n : \"\",\n dynClass ? dynClass : \"\",\n className,\n themeResetClass\n )}\n {...rest}\n >\n {overlay}\n </TooltipPrimitive.Content>\n <BaseStyles />\n </TooltipPrimitive.Root>\n </TooltipPrimitive.Provider>\n )}\n </Animated>\n );\n }\n);\nTooltip.displayName = \"PlasmicRadixTooltip\";\n\nexport function registerTooltip(PLASMIC?: Registerable) {\n registerComponentHelper(PLASMIC, Tooltip, {\n name: \"hostless-radix-tooltip\",\n displayName: \"Tooltip\",\n importPath: \"@plasmicpkgs/radix-ui\",\n importName: \"Tooltip\",\n props: {\n ...overlayProps({\n triggerSlotName: \"children\",\n defaultSlotContent: { type: \"text\", value: \"I have a tooltip.\" },\n openDisplay: \"Preview open\",\n }),\n ...popoverProps,\n overlay: {\n type: \"slot\",\n defaultValue: {\n type: \"vbox\",\n styles: {\n padding: \"16px\",\n width: \"300px\",\n maxWidth: \"100%\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#E2E8F0\",\n backgroundColor: \"white\",\n borderRadius: \"8px\",\n boxShadow: \"0px 4px 16px 0px #00000033\",\n alignItems: \"stretch\",\n },\n children: [\"Here is the tooltip content.\"],\n },\n ...({\n mergeWithParent: true,\n } as any),\n },\n },\n });\n}\n","import { Registerable } from \"./reg-util\";\nimport { registerPopover } from \"./popover\";\nimport { registerDialog } from \"./dialog\";\nimport { registerTooltip } from \"./tooltip\";\n\nexport function registerAll(PLASMIC?: Registerable) {\n registerPopover(PLASMIC);\n registerDialog(PLASMIC);\n registerTooltip(PLASMIC);\n}\n\nexport * from \"./dialog\";\nexport * from \"./popover\";\nexport * from \"./tooltip\";\nexport { popoverProps } from \"./util\";\nexport { PopoverExtraProps } from \"./util\";\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","enterAnims","exitAnims","id","useId","_React$useId","React","useState","StyleWrapper","_ref","children","cssStr","dynClass","replace","Animated","_ref2","_ref2$enterAnimations","enterAnimations","_ref2$exitAnimations","exitAnimations","_ref2$enterDuration","enterDuration","_ref2$exitDuration","exitDuration","_ref2$enterOpacity","enterOpacity","_ref2$exitOpacity","exitOpacity","_ref2$enterScale","enterScale","_ref2$exitScale","exitScale","_ref2$enterTranslateX","enterTranslateX","_ref2$exitTranslateX","exitTranslateX","_ref2$enterTranslateY","enterTranslateY","_ref2$exitTranslateY","exitTranslateY","_ref2$enterTiming","enterTiming","_ref2$exitTiming","exitTiming","_ref2$enterDelay","enterDelay","_ref2$exitDelay","exitDelay","pct","x","match","neg","startsWith","animations","fade-in","fade-out","slide-in-from-top","slide-out-to-top","slide-in-from-right","slide-out-to-right","slide-in-from-bottom","slide-out-to-bottom","slide-in-from-left","slide-out-to-left","zoom-enter","zoom-exit","map","exitAnimation","_animations$exitAnima","join","enterAnimation","_animations$enterAnim","splitAnimProps","props","keys","pick","omit","mungeNames","names","name","label","value","animPropTypes","_ref3","defaultEnterAnimations","defaultExitAnimations","getEnterAnimations","ps","_ps$enterAnimations","getExitAnimations","_ps$exitAnimations","type","options","multiSelect","defaultValueHint","hidden","_getEnterAnimations","_getEnterAnimations2","includes","advanced","_getExitAnimations","_getExitAnimations2","_getEnterAnimations3","_getEnterAnimations4","_getExitAnimations3","_getExitAnimations4","_getEnterAnimations5","_getExitAnimations5","_getEnterAnimations6","_getExitAnimations6","_extends","suggestions","overlayStates","open","valueProp","onChangeProp","variableType","overlayProps","_ref4","_props","displayName","openDisplay","editOnly","uncontrolledProp","modal","description","onOpenChange","argTypes","triggerSlotName","defaultValue","defaultSlotContent","mergeWithParent","themeResetClass","prefixClasses","trim","split","part","prefixedBaseStyles","BaseStyles","dangerouslySetInnerHTML","__html","popoverProps","side","sideOffset","align","alignOffset","slideIn","Popover","defaultOpen","className","_ref$sideOffset","overlay","_ref$slideIn","_ref$trigger","trigger","_splitAnimProps","_objectWithoutPropertiesLoose","_excluded","rest","PopoverPrimitive","asChild","clsx","registerPopover","PLASMIC","importPath","importName","states","kind","styles","padding","width","maxWidth","borderWidth","borderStyle","borderColor","backgroundColor","borderRadius","boxShadow","alignItems","DialogClose","_props$children","DialogPrimitive","X","DialogOverlay","ref","DialogContent","_excluded2","animProps","_animProps$enterAnima","_animProps$exitAnimat","getDefaultSheetAnims","right","bottom","left","top","SheetContent","_ref3$side","_excluded3","_getDefaultSheetAnims","_props$enterAnimation","_props$exitAnimations","sheetVariants","cva","variants","defaultVariants","Dialog","noContain","triggerSlot","overlayClassName","_excluded4","DialogTitle","DialogDescription","registerDialog","styleSections","defaultStyles","display","justifyContent","backdropFilter","background","allowedComponents","parentComponentName","position","opacity","hidePlaceholder","dialogStyles","gap","Tooltip","delayDuration","disableHoverableContent","TooltipPrimitive","registerTooltip"],"mappings":"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"}
package/dist/radix-ui.esm.js CHANGED
@@ -1,9 +1,9 @@
1
- import { createElement, Fragment, useId as useId$1, useState, forwardRef } from 'react';
2
1
  import { Root, Trigger, Anchor, Portal, Content } from '@radix-ui/react-popover';
2
+ import { createElement, Fragment, useId as useId$1, useState, forwardRef } from 'react';
3
3
  import clsx from 'clsx';
4
- import { pick, omit } from 'remeda';
5
4
  import registerComponent from '@plasmicapp/host/registerComponent';
6
5
  import '@plasmicapp/host/registerGlobalContext';
6
+ import { pick, omit } from 'remeda';
7
7
  import { Close, Content as Content$1, Root as Root$1, Trigger as Trigger$1, Portal as Portal$1, Title, Description, Overlay } from '@radix-ui/react-dialog';
8
8
  import { cva } from 'class-variance-authority';
9
9
  import { X } from 'lucide-react';
@@ -36,6 +36,14 @@ function _objectWithoutPropertiesLoose(source, excluded) {
36
36
  return target;
37
37
  }
38
38
 
39
+ function registerComponentHelper(loader, component, meta) {
40
+ if (loader) {
41
+ loader.registerComponent(component, meta);
42
+ } else {
43
+ registerComponent(component, meta);
44
+ }
45
+ }
46
+
39
47
  var _React$useId;
40
48
  var DEBUG_SLOWDOWN = 1;
41
49
  var enterAnims = ["fade-in", "zoom-enter", "slide-in-from-top", "slide-in-from-right", "slide-in-from-bottom", "slide-in-from-left"];
@@ -81,9 +89,9 @@ var Animated = function Animated(_ref2) {
81
89
  _ref2$exitTranslateY = _ref2.exitTranslateY,
82
90
  exitTranslateY = _ref2$exitTranslateY === void 0 ? "100%" : _ref2$exitTranslateY,
83
91
  _ref2$enterTiming = _ref2.enterTiming,
84
- enterTiming = _ref2$enterTiming === void 0 ? "ease-out" : _ref2$enterTiming,
92
+ enterTiming = _ref2$enterTiming === void 0 ? "ease" : _ref2$enterTiming,
85
93
  _ref2$exitTiming = _ref2.exitTiming,
86
- exitTiming = _ref2$exitTiming === void 0 ? "ease-out" : _ref2$exitTiming,
94
+ exitTiming = _ref2$exitTiming === void 0 ? "ease" : _ref2$exitTiming,
87
95
  _ref2$enterDelay = _ref2.enterDelay,
88
96
  enterDelay = _ref2$enterDelay === void 0 ? 0 : _ref2$enterDelay,
89
97
  _ref2$exitDelay = _ref2.exitDelay,
@@ -248,14 +256,14 @@ var animPropTypes = function animPropTypes(_ref3) {
248
256
  enterTiming: _extends({
249
257
  type: "string",
250
258
  advanced: true,
251
- defaultValueHint: "ease-out"
259
+ defaultValueHint: "ease"
252
260
  }, {
253
261
  suggestions: ["linear", "ease", "ease-in", "ease-out", "ease-in-out"]
254
262
  }),
255
263
  exitTiming: _extends({
256
264
  type: "string",
257
265
  advanced: true,
258
- defaultValueHint: "ease-out"
266
+ defaultValueHint: "ease"
259
267
  }, {
260
268
  suggestions: ["linear", "ease", "ease-in", "ease-out", "ease-in-out"]
261
269
  })
@@ -311,7 +319,7 @@ function prefixClasses(x) {
311
319
  }
312
320
  // Be careful formatting this!
313
321
  // Note that these are magically prepended with pl__
314
- var prefixedBaseStyles = /*#__PURE__*/"\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n".replace(/\n\./g, ".pl__");
322
+ var prefixedBaseStyles = /*#__PURE__*/"\n.box-border {\n box-sizing: border-box;\n}\n\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n.absolute {\n position: absolute;\n}\n.relative {\n position: relative;\n}\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n}\n.h-full {\n height: 100%;\n}\n.z-50 { z-index: 50; }\n.fixed { position: fixed; }\n.inset-0 { top: 0; left: 0; right: 0; bottom: 0; }\n.bottom-0 {\n bottom: 0px;\n}\n.left-0 {\n left: 0px;\n}\n.right-0 {\n right: 0px;\n}\n.top-0 {\n top: 0px;\n}\n.right-4 {\n right: 1rem;\n}\n.top-4 {\n top: 1rem;\n}\n.h-4 { height: 1rem; }\n.w-4 { width: 1rem; }\n.outline-none { outline: none; }\n\n@keyframes plsmc-enter {\n\n from {\n opacity: var(--tw-enter-opacity, 1);\n transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));\n }\n}\n\n@keyframes plsmc-exit {\n\n to {\n opacity: var(--tw-exit-opacity, 1);\n transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));\n }\n}\n.animate-in,\n.data-\\[state\\=open\\]\\:animate-in[data-state=open] {\n animation-name: plsmc-enter;\n animation-duration: 150ms;\n --tw-enter-opacity: initial;\n --tw-enter-scale: initial;\n --tw-enter-rotate: initial;\n --tw-enter-translate-x: initial;\n --tw-enter-translate-y: initial;\n}\n.animate-out,\n.data-\\[state\\=closed\\]\\:animate-out[data-state=closed] {\n animation-name: plsmc-exit;\n animation-duration: 150ms;\n --tw-exit-opacity: initial;\n --tw-exit-scale: initial;\n --tw-exit-rotate: initial;\n --tw-exit-translate-x: initial;\n --tw-exit-translate-y: initial;\n}\n.data-\\[side\\=bottom\\]\\:slide-in-from-top-2[data-side=bottom] {\n --tw-enter-translate-y: -0.5rem;\n}\n\n.data-\\[side\\=left\\]\\:slide-in-from-right-2[data-side=left] {\n --tw-enter-translate-x: 0.5rem;\n}\n\n.data-\\[side\\=right\\]\\:slide-in-from-left-2[data-side=right] {\n --tw-enter-translate-x: -0.5rem;\n}\n\n.data-\\[side\\=top\\]\\:slide-in-from-bottom-2[data-side=top] {\n --tw-enter-translate-y: 0.5rem;\n}\n\n".replace(/\n\./g, ".pl__");
315
323
  function BaseStyles() {
316
324
  // return <style>{prefixedBaseStyles}</style>;
317
325
  return createElement("style", {
@@ -356,14 +364,6 @@ var popoverProps = /*#__PURE__*/_extends({
356
364
  }
357
365
  });
358
366
 
359
- function registerComponentHelper(loader, component, meta) {
360
- if (loader) {
361
- loader.registerComponent(component, meta);
362
- } else {
363
- registerComponent(component, meta);
364
- }
365
- }
366
-
367
367
  var _excluded = ["open", "onOpenChange", "defaultOpen", "modal", "className", "sideOffset", "themeResetClass", "overlay", "slideIn", "trigger", "children"];
368
368
  function Popover(_ref) {
369
369
  var open = _ref.open,
@@ -408,7 +408,7 @@ function registerPopover(PLASMIC) {
408
408
  registerComponentHelper(PLASMIC, Popover, {
409
409
  name: "hostless-radix-popover",
410
410
  displayName: "Popover",
411
- importPath: "@plasmicpkgs/radix-ui/popover",
411
+ importPath: "@plasmicpkgs/radix-ui",
412
412
  importName: "Popover",
413
413
  states: overlayStates,
414
414
  props: _extends({}, overlayProps({
@@ -498,7 +498,7 @@ var DialogContent = /*#__PURE__*/forwardRef(function (_ref2, ref) {
498
498
  exitAnimations: (_animProps$exitAnimat = animProps.exitAnimations) != null ? _animProps$exitAnimat : ["zoom-exit", "fade-out"]
499
499
  }), function (dynClass) {
500
500
  return createElement(Content$1, Object.assign({}, rest, {
501
- className: clsx(prefixClasses("fixed z-50 outline-none relative data-[state=open]:animate-in data-[state=closed]:animate-out"), dynClass ? dynClass : "", themeResetClass, className),
501
+ className: clsx(prefixClasses("fixed z-50 outline-none relative box-border data-[state=open]:animate-in data-[state=closed]:animate-out"), dynClass ? dynClass : "", themeResetClass, className),
502
502
  ref: ref
503
503
  }));
504
504
  });
@@ -586,7 +586,7 @@ function registerDialog(PLASMIC) {
586
586
  registerComponentHelper(PLASMIC, Dialog, {
587
587
  name: "hostless-radix-dialog",
588
588
  displayName: "Dialog",
589
- importPath: "@plasmicpkgs/radix-ui/dialog",
589
+ importPath: "@plasmicpkgs/radix-ui",
590
590
  importName: "Dialog",
591
591
  styleSections: false,
592
592
  defaultStyles: {
@@ -632,7 +632,7 @@ function registerDialog(PLASMIC) {
632
632
  registerComponentHelper(PLASMIC, DialogClose, {
633
633
  name: "hostless-radix-dialog-close",
634
634
  displayName: "Dialog Close",
635
- importPath: "@plasmicpkgs/radix-ui/dialog",
635
+ importPath: "@plasmicpkgs/radix-ui",
636
636
  importName: "DialogClose",
637
637
  parentComponentName: "hostless-radix-dialog",
638
638
  defaultStyles: {
@@ -661,7 +661,7 @@ function registerDialog(PLASMIC) {
661
661
  registerComponentHelper(PLASMIC, SheetContent, {
662
662
  name: "hostless-radix-sheet-content",
663
663
  displayName: "Drawer Content",
664
- importPath: "@plasmicpkgs/radix-ui/dialog",
664
+ importPath: "@plasmicpkgs/radix-ui",
665
665
  importName: "SheetContent",
666
666
  parentComponentName: "hostless-radix-dialog",
667
667
  defaultStyles: _extends({
@@ -713,7 +713,7 @@ function registerDialog(PLASMIC) {
713
713
  registerComponentHelper(PLASMIC, DialogContent, {
714
714
  name: "hostless-radix-dialog-content",
715
715
  displayName: "Dialog Content",
716
- importPath: "@plasmicpkgs/radix-ui/dialog",
716
+ importPath: "@plasmicpkgs/radix-ui",
717
717
  importName: "DialogContent",
718
718
  parentComponentName: "hostless-radix-dialog",
719
719
  defaultStyles: _extends({
@@ -757,7 +757,7 @@ function registerDialog(PLASMIC) {
757
757
  registerComponentHelper(PLASMIC, DialogTitle, {
758
758
  name: "hostless-radix-dialog-title",
759
759
  displayName: "Dialog Title",
760
- importPath: "@plasmicpkgs/radix-ui/dialog",
760
+ importPath: "@plasmicpkgs/radix-ui",
761
761
  importName: "DialogTitle",
762
762
  parentComponentName: "hostless-radix-dialog",
763
763
  props: {
@@ -770,7 +770,7 @@ function registerDialog(PLASMIC) {
770
770
  registerComponentHelper(PLASMIC, DialogDescription, {
771
771
  name: "hostless-radix-dialog-description",
772
772
  displayName: "Dialog Description",
773
- importPath: "@plasmicpkgs/radix-ui/dialog",
773
+ importPath: "@plasmicpkgs/radix-ui",
774
774
  importName: "DialogDescription",
775
775
  parentComponentName: "hostless-radix-dialog",
776
776
  props: {
@@ -825,7 +825,7 @@ function registerTooltip(PLASMIC) {
825
825
  registerComponentHelper(PLASMIC, Tooltip, {
826
826
  name: "hostless-radix-tooltip",
827
827
  displayName: "Tooltip",
828
- importPath: "@plasmicpkgs/radix-ui/tooltip",
828
+ importPath: "@plasmicpkgs/radix-ui",
829
829
  importName: "Tooltip",
830
830
  props: _extends({}, overlayProps({
831
831
  triggerSlotName: "children",