@tipp/ui 1.6.23 → 1.6.24

package/dist/index.css

@@ -3306,12 +3306,13 @@
   --toastify-color-info: #3498db;
   --toastify-color-success: #07bc0c;
   --toastify-color-warning: #f1c40f;
-  --toastify-color-error: #e74c3c;
+  --toastify-color-error: hsl(6, 78%, 57%);
   --toastify-color-transparent: rgba(255, 255, 255, 0.7);
   --toastify-icon-color-info: var(--toastify-color-info);
   --toastify-icon-color-success: var(--toastify-color-success);
   --toastify-icon-color-warning: var(--toastify-color-warning);
   --toastify-icon-color-error: var(--toastify-color-error);
+  --toastify-container-width: fit-content;
   --toastify-toast-width: 320px;
   --toastify-toast-offset: 16px;
   --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
@@ -3319,9 +3320,11 @@
   --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
   --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
   --toastify-toast-background: #fff;
+  --toastify-toast-padding: 14px;
   --toastify-toast-min-height: 64px;
   --toastify-toast-max-height: 800px;
   --toastify-toast-bd-radius: 6px;
+  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
   --toastify-font-family: sans-serif;
   --toastify-z-index: 9999;
   --toastify-text-color-light: #757575;
@@ -28041,10 +28044,11 @@ h2.react-datepicker__current-month{
   z-index: var(--toastify-z-index);
   -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
   position: fixed;
-  padding: 4px;
-  width: var(--toastify-toast-width);
+  width: var(--toastify-container-width);
   box-sizing: border-box;
   color: #fff;
+  display: flex;
+  flex-direction: column;
 }
 .Toastify__toast-container--top-left{
   top: var(--toastify-toast-top);
@@ -28054,10 +28058,12 @@ h2.react-datepicker__current-month{
   top: var(--toastify-toast-top);
   left: 50%;
   transform: translateX(-50%);
+  align-items: center;
 }
 .Toastify__toast-container--top-right{
   top: var(--toastify-toast-top);
   right: var(--toastify-toast-right);
+  align-items: end;
 }
 .Toastify__toast-container--bottom-left{
   bottom: var(--toastify-toast-bottom);
@@ -28067,23 +28073,47 @@ h2.react-datepicker__current-month{
   bottom: var(--toastify-toast-bottom);
   left: 50%;
   transform: translateX(-50%);
+  align-items: center;
 }
 .Toastify__toast-container--bottom-right{
   bottom: var(--toastify-toast-bottom);
   right: var(--toastify-toast-right);
+  align-items: end;
 }
-@media only screen and (max-width : 480px) {
+.Toastify__toast{
+  --y: 0;
+  position: relative;
+  touch-action: none;
+  width: var(--toastify-toast-width);
+  min-height: var(--toastify-toast-min-height);
+  box-sizing: border-box;
+  margin-bottom: 1rem;
+  padding: var(--toastify-toast-padding);
+  border-radius: var(--toastify-toast-bd-radius);
+  box-shadow: var(--toastify-toast-shadow);
+  max-height: var(--toastify-toast-max-height);
+  font-family: var(--toastify-font-family);
+  z-index: 0;
+  display: flex;
+  flex: 1 auto;
+  align-items: center;
+  word-break: break-word;
+}
+@media only screen and (max-width: 480px) {
   .Toastify__toast-container{
     width: 100vw;
-    padding: 0;
     left: env(safe-area-inset-left);
     margin: 0;
   }
-  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right{
+  .Toastify__toast-container--top-left,
+  .Toastify__toast-container--top-center,
+  .Toastify__toast-container--top-right{
     top: env(safe-area-inset-top);
     transform: translateX(0);
   }
-  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right{
+  .Toastify__toast-container--bottom-left,
+  .Toastify__toast-container--bottom-center,
+  .Toastify__toast-container--bottom-right{
     bottom: env(safe-area-inset-bottom);
     transform: translateX(0);
   }
@@ -28091,25 +28121,14 @@ h2.react-datepicker__current-month{
     right: env(safe-area-inset-right);
     left: initial;
   }
+  .Toastify__toast{
+    --toastify-toast-width: 100%;
+    margin-bottom: 0;
+    border-radius: 0;
+  }
 }
-.Toastify__toast{
-  --y: 0;
-  position: relative;
-  touch-action: none;
-  min-height: var(--toastify-toast-min-height);
-  box-sizing: border-box;
-  margin-bottom: 1rem;
-  padding: 8px;
-  border-radius: var(--toastify-toast-bd-radius);
-  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
-  display: flex;
-  justify-content: space-between;
-  max-height: var(--toastify-toast-max-height);
-  font-family: var(--toastify-font-family);
-  cursor: default;
-  direction: ltr;
-  z-index: 0;
-  overflow: hidden;
+.Toastify__toast-container[data-stacked='true']{
+  width: var(--toastify-toast-width);
 }
 .Toastify__toast--stacked{
   position: absolute;
@@ -28117,37 +28136,38 @@ h2.react-datepicker__current-month{
   transform: translate3d(0, var(--y), 0) scale(var(--s));
   transition: transform 0.3s;
 }
-.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button{
+.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
+.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{
   transition: opacity 0.1s;
 }
-.Toastify__toast--stacked[data-collapsed=false]{
+.Toastify__toast--stacked[data-collapsed='false']{
   overflow: visible;
 }
-.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > *{
+.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > *{
   opacity: 0;
 }
 .Toastify__toast--stacked:after{
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   right: 0;
   height: calc(var(--g) * 1px);
   bottom: 100%;
 }
-.Toastify__toast--stacked[data-pos=top]{
+.Toastify__toast--stacked[data-pos='top']{
   top: 0;
 }
-.Toastify__toast--stacked[data-pos=bot]{
+.Toastify__toast--stacked[data-pos='bot']{
   bottom: 0;
 }
-.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{
+.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before{
   transform-origin: top;
 }
-.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{
+.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before{
   transform-origin: bottom;
 }
 .Toastify__toast--stacked:before{
-  content: "";
+  content: '';
   position: absolute;
   left: 0;
   right: 0;
@@ -28162,20 +28182,9 @@ h2.react-datepicker__current-month{
 .Toastify__toast--close-on-click{
   cursor: pointer;
 }
-.Toastify__toast-body{
-  margin: auto 0;
-  flex: 1 1 auto;
-  padding: 6px;
-  display: flex;
-  align-items: center;
-}
-.Toastify__toast-body > div:last-child{
-  word-break: break-word;
-  flex: 1;
-}
 .Toastify__toast-icon{
   margin-inline-end: 10px;
-  width: 20px;
+  width: 22px;
   flex-shrink: 0;
   display: flex;
 }
@@ -28187,12 +28196,6 @@ h2.react-datepicker__current-month{
   animation-fill-mode: both;
   animation-duration: 0.3s;
 }
-@media only screen and (max-width : 480px) {
-  .Toastify__toast{
-    margin-bottom: 0;
-    border-radius: 0;
-  }
-}
 .Toastify__toast-theme--dark{
   background: var(--toastify-color-dark);
   color: var(--toastify-text-color-dark);
@@ -28239,11 +28242,17 @@ h2.react-datepicker__current-month{
 .Toastify__progress-bar--error{
   background: var(--toastify-color-progress-error);
 }
-.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
+.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{
   background: var(--toastify-color-transparent);
 }
 .Toastify__close-button{
   color: #fff;
+  position: absolute;
+  top: 6px;
+  right: 6px;
   background: transparent;
   outline: none;
   border: none;
@@ -28251,9 +28260,12 @@ h2.react-datepicker__current-month{
   cursor: pointer;
   opacity: 0.7;
   transition: 0.3s ease;
-  align-self: flex-start;
   z-index: 1;
 }
+.Toastify__toast--rtl .Toastify__close-button{
+  left: 6px;
+  right: unset;
+}
 .Toastify__close-button--light{
   color: #000;
   opacity: 0.3;
@@ -28265,7 +28277,8 @@ h2.react-datepicker__current-month{
   height: 16px;
   width: 14px;
 }
-.Toastify__close-button:hover, .Toastify__close-button:focus{
+.Toastify__close-button:hover,
+.Toastify__close-button:focus{
   opacity: 1;
 }
 @keyframes Toastify__trackProgress {
@@ -28282,10 +28295,9 @@ h2.react-datepicker__current-month{
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: var(--toastify-z-index);
+  z-index: 1;
   opacity: 0.7;
   transform-origin: left;
-  border-bottom-left-radius: var(--toastify-toast-bd-radius);
 }
 .Toastify__progress-bar--animated{
   animation: Toastify__trackProgress linear 1 forwards;
@@ -28298,17 +28310,18 @@ h2.react-datepicker__current-month{
   left: initial;
   transform-origin: right;
   border-bottom-left-radius: initial;
-  border-bottom-right-radius: var(--toastify-toast-bd-radius);
 }
 .Toastify__progress-bar--wrp{
   position: absolute;
+  overflow: hidden;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 5px;
   border-bottom-left-radius: var(--toastify-toast-bd-radius);
+  border-bottom-right-radius: var(--toastify-toast-bd-radius);
 }
-.Toastify__progress-bar--wrp[data-hidden=true]{
+.Toastify__progress-bar--wrp[data-hidden='true']{
   opacity: 0;
 }
 .Toastify__progress-bar--bg{
@@ -28327,7 +28340,11 @@ h2.react-datepicker__current-month{
   animation: Toastify__spin 0.65s linear infinite;
 }
 @keyframes Toastify__bounceInRight {
-  from, 60%, 75%, 90%, to{
+  from,
+  60%,
+  75%,
+  90%,
+  to{
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from{
@@ -28359,7 +28376,11 @@ h2.react-datepicker__current-month{
   }
 }
 @keyframes Toastify__bounceInLeft {
-  from, 60%, 75%, 90%, to{
+  from,
+  60%,
+  75%,
+  90%,
+  to{
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0%{
@@ -28391,7 +28412,11 @@ h2.react-datepicker__current-month{
   }
 }
 @keyframes Toastify__bounceInUp {
-  from, 60%, 75%, 90%, to{
+  from,
+  60%,
+  75%,
+  90%,
+  to{
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   from{
@@ -28416,7 +28441,8 @@ h2.react-datepicker__current-month{
   20%{
     transform: translate3d(0, calc(var(--y) - 10px), 0);
   }
-  40%, 45%{
+  40%,
+  45%{
     opacity: 1;
     transform: translate3d(0, calc(var(--y) + 20px), 0);
   }
@@ -28426,7 +28452,11 @@ h2.react-datepicker__current-month{
   }
 }
 @keyframes Toastify__bounceInDown {
-  from, 60%, 75%, 90%, to{
+  from,
+  60%,
+  75%,
+  90%,
+  to{
     animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }
   0%{
@@ -28451,7 +28481,8 @@ h2.react-datepicker__current-month{
   20%{
     transform: translate3d(0, calc(var(--y) - 10px), 0);
   }
-  40%, 45%{
+  40%,
+  45%{
     opacity: 1;
     transform: translate3d(0, calc(var(--y) + 20px), 0);
   }
@@ -28460,10 +28491,12 @@ h2.react-datepicker__current-month{
     transform: translate3d(0, 2000px, 0);
   }
 }
-.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left{
+.Toastify__bounce-enter--top-left,
+.Toastify__bounce-enter--bottom-left{
   animation-name: Toastify__bounceInLeft;
 }
-.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right{
+.Toastify__bounce-enter--top-right,
+.Toastify__bounce-enter--bottom-right{
   animation-name: Toastify__bounceInRight;
 }
 .Toastify__bounce-enter--top-center{
@@ -28472,10 +28505,12 @@ h2.react-datepicker__current-month{
 .Toastify__bounce-enter--bottom-center{
   animation-name: Toastify__bounceInUp;
 }
-.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left{
+.Toastify__bounce-exit--top-left,
+.Toastify__bounce-exit--bottom-left{
   animation-name: Toastify__bounceOutLeft;
 }
-.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right{
+.Toastify__bounce-exit--top-right,
+.Toastify__bounce-exit--bottom-right{
   animation-name: Toastify__bounceOutRight;
 }
 .Toastify__bounce-exit--top-center{
@@ -28623,10 +28658,12 @@ h2.react-datepicker__current-month{
     transform: translate3d(0, -500px, 0);
   }
 }
-.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left{
+.Toastify__slide-enter--top-left,
+.Toastify__slide-enter--bottom-left{
   animation-name: Toastify__slideInLeft;
 }
-.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right{
+.Toastify__slide-enter--top-right,
+.Toastify__slide-enter--bottom-right{
   animation-name: Toastify__slideInRight;
 }
 .Toastify__slide-enter--top-center{
@@ -28635,12 +28672,14 @@ h2.react-datepicker__current-month{
 .Toastify__slide-enter--bottom-center{
   animation-name: Toastify__slideInUp;
 }
-.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left{
+.Toastify__slide-exit--top-left,
+.Toastify__slide-exit--bottom-left{
   animation-name: Toastify__slideOutLeft;
   animation-timing-function: ease-in;
   animation-duration: 0.3s;
 }
-.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right{
+.Toastify__slide-exit--top-right,
+.Toastify__slide-exit--bottom-right{
   animation-name: Toastify__slideOutRight;
   animation-timing-function: ease-in;
   animation-duration: 0.3s;
@@ -30957,6 +30996,10 @@ p.kg-collection-card-post-excerpt{
   animation-fill-mode: forwards;
   transform-origin: left center;
 }
+.drawer-portal-container{
+  z-index: 20000;
+  position: absolute;
+}
 .DrawerOverlay{
   background-color: var(--black-a9);
   position: fixed;
@@ -31086,6 +31129,10 @@ p.kg-collection-card-post-excerpt{
   flex-direction: column;
   gap: var(--space-2);
 }
+.dialog-portal-container{
+  z-index: 20000;
+  position: absolute;
+}
 .DialogOverlay{
   background-color: var(--black-a9);
   position: fixed;
@@ -31258,5 +31305,3 @@ p{
 .hover-shadow:hover{
   box-shadow: var(--shadow-4);
 }
-
-/*# sourceMappingURL=index.css.map */

package/dist/index.d.cts

@@ -37,6 +37,7 @@ export { RadioButtonCard, RadioButtonCardItemProps, RadioButtonCardRootProps } f
 export { Attachment, DownloadCard } from './molecules/download-card.cjs';
 export { GhostPost, GhostPostProps } from './molecules/ghost-post.cjs';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.cjs';
+export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.cjs';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
 export { ArchiveIcon, ArrowLeftIcon, ArrowRightIcon, ArrowTopRightIcon, BackpackIcon, BarChartIcon, BookmarkFilledIcon, BookmarkIcon, CalendarIcon, ChatBubbleIcon, CheckCircledIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCopyIcon, ClipboardIcon, CopyIcon, Cross1Icon, CubeIcon, DotsHorizontalIcon, DotsVerticalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, DownloadIcon, ExclamationTriangleIcon, ExitIcon, FileIcon, FileTextIcon, GearIcon, GlobeIcon, HamburgerMenuIcon, InfoCircledIcon, Link2Icon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, Pencil2Icon, PersonIcon, PlusIcon, ReloadIcon, RocketIcon, RowsIcon, Share1Icon, SpeakerLoudIcon, SpeakerOffIcon, TargetIcon, TimerIcon, TrashIcon, UpdateIcon, UploadIcon, VideoIcon } from '@radix-ui/react-icons';

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export { RadioButtonCard, RadioButtonCardItemProps, RadioButtonCardRootProps } f
 export { Attachment, DownloadCard } from './molecules/download-card.js';
 export { GhostPost, GhostPostProps } from './molecules/ghost-post.js';
 export { ThemeProvider, ThemeProviderProps } from './theme/theme-provider.js';
+export { default as PortalProvider, usePortalContainer } from './theme/portal-provider.js';
 import * as index_js from '@radix-ui/themes/dist/cjs/props/index.js';
 export { index_js as uiProps };
 export { ArchiveIcon, ArrowLeftIcon, ArrowRightIcon, ArrowTopRightIcon, BackpackIcon, BarChartIcon, BookmarkFilledIcon, BookmarkIcon, CalendarIcon, ChatBubbleIcon, CheckCircledIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ClipboardCopyIcon, ClipboardIcon, CopyIcon, Cross1Icon, CubeIcon, DotsHorizontalIcon, DotsVerticalIcon, DoubleArrowLeftIcon, DoubleArrowRightIcon, DownloadIcon, ExclamationTriangleIcon, ExitIcon, FileIcon, FileTextIcon, GearIcon, GlobeIcon, HamburgerMenuIcon, InfoCircledIcon, Link2Icon, MagnifyingGlassIcon, MixerHorizontalIcon, Pencil1Icon, Pencil2Icon, PersonIcon, PlusIcon, ReloadIcon, RocketIcon, RowsIcon, Share1Icon, SpeakerLoudIcon, SpeakerOffIcon, TargetIcon, TimerIcon, TrashIcon, UpdateIcon, UploadIcon, VideoIcon } from '@radix-ui/react-icons';

package/dist/index.js

@@ -1,26 +1,29 @@
-import {
-  uiProps
-} from "./chunk-NVKNDAIN.js";
 import {
   useThemeContext
 } from "./chunk-MMGP4GEQ.js";
+import {
+  uiProps
+} from "./chunk-NVKNDAIN.js";
 import "./chunk-JLAPJ7MX.js";
 import {
   SessionUserInfoDetail
 } from "./chunk-SQRJHBUR.js";
 import {
   CoachingCustomerInfo
-} from "./chunk-DOM3D2HE.js";
+} from "./chunk-UQVTXKJY.js";
+import {
+  CoachingCustomerInfoLarge
+} from "./chunk-6ZKTBMRW.js";
 import {
   CoachingCustomerInfoMedium
 } from "./chunk-DALP6AI5.js";
 import {
   CoachingCustomerInfoSmall
 } from "./chunk-TL3L4CLE.js";
-import {
-  CoachingCustomerInfoLarge
-} from "./chunk-6ZKTBMRW.js";
 import "./chunk-QUHTO7MY.js";
+import {
+  GoalManageCardEdit
+} from "./chunk-5T7XMKLA.js";
 import {
   GoalManageCardRead
 } from "./chunk-FZVV6EYF.js";
@@ -29,10 +32,10 @@ import {
 } from "./chunk-M6RP7E5E.js";
 import {
   ReservationCard
-} from "./chunk-5XZU4GJS.js";
+} from "./chunk-5RXSBHAF.js";
 import {
   SessionCard
-} from "./chunk-ZZX7M6W7.js";
+} from "./chunk-J5675IX6.js";
 import {
   SessionReviewSimpleRead
 } from "./chunk-GEWPH2WM.js";
@@ -47,16 +50,13 @@ import {
 } from "./chunk-4DB5HWFL.js";
 import {
   EditCoachingTime
-} from "./chunk-QUDGAWYM.js";
+} from "./chunk-6X3CZMIC.js";
 import {
   EditServiceType
-} from "./chunk-27LARKX6.js";
+} from "./chunk-4TI72EQY.js";
 import {
   OnOfflineRadioCard
 } from "./chunk-4UV3GA6V.js";
-import {
-  GoalManageCardEdit
-} from "./chunk-5T7XMKLA.js";
 import "./chunk-VHORRGZJ.js";
 import {
   ExpandTable,
@@ -110,13 +110,13 @@ import {
 } from "./chunk-CFMW7GOI.js";
 import {
   GhostPost
-} from "./chunk-M7ZJNU6J.js";
+} from "./chunk-MRSCXF6Z.js";
 import {
   LearningPost
-} from "./chunk-2VNVHMBS.js";
+} from "./chunk-USAO24JU.js";
 import {
   ThemeProvider
-} from "./chunk-BVNXAZ4W.js";
+} from "./chunk-FX7FMZ2U.js";
 import "./chunk-A6W2ZWYA.js";
 import {
   Form,
@@ -134,6 +134,10 @@ import {
 import {
   TextField
 } from "./chunk-VOQU7ZOV.js";
+import {
+  ToastContainer,
+  toast
+} from "./chunk-CYYWMYE7.js";
 import {
   Section
 } from "./chunk-MUNMDHRF.js";
@@ -199,7 +203,7 @@ import {
 } from "./chunk-VTJZMOSP.js";
 import {
   Dialog
-} from "./chunk-2GVQIRVC.js";
+} from "./chunk-3X6SIK3W.js";
 import {
   Heading
 } from "./chunk-HJB3AASV.js";
@@ -209,15 +213,15 @@ import {
   Drawer,
   Root,
   Trigger
-} from "./chunk-5QXQPRW7.js";
+} from "./chunk-57F5B7FE.js";
 import "./chunk-UNTA4JJU.js";
 import {
   Separator
 } from "./chunk-HYITAA4J.js";
 import {
-  ToastContainer,
-  toast
-} from "./chunk-CYYWMYE7.js";
+  PortalProvider,
+  usePortalContainer
+} from "./chunk-TD45ZF7D.js";
 import {
   IconButton
 } from "./chunk-O3DNDMV3.js";
@@ -487,6 +491,7 @@ export {
   PhoneRingIcon,
   PlusIcon,
   Popover,
+  PortalProvider,
   Progress,
   Quote,
   Radio,
@@ -543,6 +548,7 @@ export {
   scrollTo,
   toast,
   uiProps,
+  usePortalContainer,
   useThemeContext
 };
 //# sourceMappingURL=index.js.map