@levo-so/studio 0.1.5 → 0.1.7

package/dist/index.css

@@ -1 +1 @@
-._accordionItem_ol1j4_1{overflow:hidden}._accordionItem_ol1j4_1:focus-within{position:relative;z-index:1}._accordionHeader_ol1j4_10{display:flex}._accordionTrigger_ol1j4_14{flex:1 1;display:flex;align-items:center;justify-content:space-between}._accordionContent_ol1j4_21{overflow:hidden}._accordionContent_ol1j4_21[data-state=open]{animation:_slideDown_ol1j4_1 .3s cubic-bezier(.87,0,.13,1)}._accordionContent_ol1j4_21[data-state=closed]{animation:_slideUp_ol1j4_1 .3s cubic-bezier(.87,0,.13,1)}._accordionChevron_ol1j4_33{flex-shrink:0;transition:transform .3s cubic-bezier(.87,0,.13,1)}._accordionTrigger_ol1j4_14[data-state=open]>._accordionChevron_ol1j4_33{transform:rotate(180deg)}@keyframes _slideDown_ol1j4_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_ol1j4_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}._popoverContent_e5njk_1{z-index:50;width:18rem;border-radius:.375rem;border:1px solid hsl(var(--border));background-color:hsl(var(--popover));padding:1rem;color:hsl(var(--popover-foreground));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none}._popoverContent_e5njk_1[data-state=open]{animation:_fadeIn_e5njk_1 .2s ease-out,_zoomIn_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-state=closed]{animation:_fadeOut_e5njk_1 .2s ease-out,_zoomOut_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=bottom]{animation:_slideFromTop_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=left]{animation:_slideFromRight_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=right]{animation:_slideFromLeft_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=top]{animation:_slideFromBottom_e5njk_1 .2s ease-out}@keyframes _fadeIn_e5njk_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_e5njk_1{0%{opacity:1}to{opacity:0}}@keyframes _zoomIn_e5njk_1{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes _zoomOut_e5njk_1{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes _slideFromTop_e5njk_1{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes _slideFromRight_e5njk_1{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes _slideFromLeft_e5njk_1{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes _slideFromBottom_e5njk_1{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}
+._Overlay_zxori_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#00000080;animation:_overlayShow_zxori_1 .15s cubic-bezier(.16,1,.3,1)}._Overlay_zxori_1[data-state=open]{animation:_fadeIn_zxori_1 .2s ease-out}._Overlay_zxori_1[data-state=closed]{animation:_fadeOut_zxori_1 .2s ease-out}._Content_zxori_17{position:fixed;left:50%;top:50%;z-index:50;display:grid;width:100%;max-width:calc(100% - 2rem);transform:translate(-50%,-50%);grid-gap:1rem;gap:1rem;border-radius:.5rem;border:1px solid hsl(var(--border));background:hsl(var(--background));padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition-duration:.2s}@media (min-width: 640px){._Content_zxori_17{max-width:32rem}}._Content_zxori_17[data-state=open]{animation:_contentShow_zxori_1 .2s cubic-bezier(.16,1,.3,1)}._Content_zxori_17[data-state=closed]{animation:_contentHide_zxori_1 .2s cubic-bezier(.16,1,.3,1)}._Content_zxori_17:focus{outline:none}._Title_zxori_53{font-size:1.125rem;font-weight:600;line-height:1}._Description_zxori_59{font-size:.875rem;color:hsl(var(--muted-foreground))}._Button_zxori_64{all:unset;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 15px;font-size:15px;line-height:1;font-weight:500;height:35px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._Button_zxori_64:focus:not(:focus-visible){outline:0}._Button_zxori_64:focus-visible{outline:2px solid var(--violet-6);outline-offset:1px}._Button_zxori_64.violet{background-color:var(--violet-4);color:var(--violet-12);outline-color:var(--violet-6)}._Button_zxori_64.violet:hover{background-color:var(--mauve-3)}._Button_zxori_64.violet:focus{box-shadow:0 0 0 2px #000}._Button_zxori_64.green{background-color:var(--green-4);color:var(--green-11);outline-color:var(--green-7)}._Button_zxori_64.green:hover{background-color:var(--green-5)}._CloseButton_zxori_107{position:absolute;right:1rem;top:1rem;opacity:.7;border-radius:.25rem;transition:opacity .2s;outline:none;background:transparent;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center}._CloseButton_zxori_107:hover{opacity:1}._CloseButton_zxori_107:focus{outline:2px solid hsl(var(--ring));outline-offset:2px}._CloseButton_zxori_107:disabled{pointer-events:none}._CloseButton_zxori_107[data-state=open]{background-color:hsl(var(--accent));color:hsl(var(--muted-foreground))}._CloseButton_zxori_107 svg:not([class*=size-]){width:1rem;height:1rem}._CloseButton_zxori_107 svg{pointer-events:none;flex-shrink:0}._Fieldset_zxori_152{all:unset;display:flex;gap:20px;align-items:center;margin-bottom:15px}._Label_zxori_160{font-size:15px;color:var(--violet-11);width:90px;text-align:right}._Input_zxori_167{all:unset;width:100%;flex:1 1;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 10px;font-size:15px;line-height:1;color:var(--violet-11);box-shadow:0 0 0 1px var(--violet-7);height:35px}._Input_zxori_167:focus{box-shadow:0 0 0 2px var(--violet-8)}._Header_zxori_186{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media (min-width: 640px){._Header_zxori_186{text-align:left}}._Footer_zxori_199{display:flex;flex-direction:column-reverse;gap:.5rem}@media (min-width: 640px){._Footer_zxori_199{flex-direction:row;justify-content:flex-end}}._SrOnly_zxori_212{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes _fadeIn_zxori_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_zxori_1{0%{opacity:1}to{opacity:0}}@keyframes _contentShow_zxori_1{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes _contentHide_zxori_1{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}._button_1je4h_2{display:flex;align-items:center;justify-content:center;font-size:.875rem;border-radius:.375rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:1px solid transparent;background-color:var(--color-brand);color:var(--color-brand-foreground)}._button_1je4h_2:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand)}._button_1je4h_2:disabled{pointer-events:none;opacity:.6;cursor:not-allowed}._button_1je4h_2[data-variant=default]:hover:not(:disabled){background-color:var(--color-brand);opacity:.9}._button_1je4h_2[data-variant=outline]{border:1px solid #d1d5db;background-color:transparent;color:#374151}._button_1je4h_2[data-variant=outline]:hover:not(:disabled){background-color:#f3f4f6;color:#111827}._button_1je4h_2[data-variant=destructive]{background-color:#ef4444;color:#fff}._button_1je4h_2[data-variant=destructive]:hover:not(:disabled){background-color:#dc2626}._button_1je4h_2[data-variant=success]{background-color:#dcfce7;color:#166534;border:1px solid #16a34a}._button_1je4h_2[data-size=default]{height:2.25rem;padding:0 .75rem}._button_1je4h_2[data-size=lg]{height:2.5rem;padding:.5rem 1rem}._content_1je4h_70{display:flex;align-items:center;gap:.5rem}._icon_1je4h_77{display:flex;align-items:center;justify-content:center}._icon_1je4h_77 svg{width:1rem;height:1rem}._spinner_1je4h_89{animation:_spin_1je4h_89 1s linear infinite}@keyframes _spin_1je4h_89{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._iconEnter_1je4h_103{animation:_iconScale_1je4h_1 .3s ease-in-out}@keyframes _iconScale_1je4h_1{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}._text_1je4h_119{white-space:nowrap}._label_1c70c_5{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#374151}._inputWrapper_1c70c_13{display:flex;gap:.5rem}._input_1c70c_13{flex:1 1;border-radius:.375rem;border:1px solid #d1d5db;padding:.5rem .75rem;font-size:.875rem;transition:all .15s ease-in-out}._input_1c70c_13:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 1px var(--color-brand)}._input_1c70c_13:disabled{background-color:#f9fafb;color:#6b7280}._editButton_1c70c_38{font-size:.875rem}._label_1c9qn_5{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:#374151}._inputGroup_1c9qn_13{display:flex;gap:.5rem;margin-bottom:1rem}._input_1c9qn_13{width:3rem;height:3rem;text-align:center;border-radius:.375rem;border:1px solid #d1d5db;font-size:1.125rem;font-weight:500;transition:all .15s ease-in-out}._input_1c9qn_13:focus{border-color:var(--color-brand);outline:none;box-shadow:0 0 0 1px var(--color-brand)}._resendButton_1c9qn_36{font-size:.875rem;color:var(--color-brand);background:none;border:none;cursor:pointer;transition:color .15s ease-in-out}._resendButton_1c9qn_36:hover:not(:disabled){color:var(--color-brand);opacity:.8}._resendButton_1c9qn_36:disabled{opacity:.5;cursor:not-allowed}._errorContainer_1rjrx_5{margin-bottom:1rem}._divider_1rjrx_9{margin:1rem 0;display:flex;align-items:center}._dividerLine_1rjrx_15{flex:1 1;height:1px;background-color:#e5e7eb}._dividerText_1rjrx_21{padding:0 .75rem;font-size:.875rem;color:#6b7280}._formSection_1rjrx_27{display:flex;flex-direction:column;gap:1rem}._fullWidthButton_1rjrx_36{width:100%}._googleButton_1rjrx_41{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.5rem;padding:0 1rem;border:1px solid hsl(var(--border));border-radius:.375rem;background:hsl(var(--background));font-size:.875rem;font-weight:500;color:hsl(var(--foreground));cursor:pointer;transition:background-color .2s}._googleButton_1rjrx_41:hover{background:hsl(var(--accent))}._googleButton_1rjrx_41:disabled{opacity:.5;cursor:not-allowed}._googleIcon_1rjrx_67{width:1.25rem;height:1.25rem;margin-right:.5rem}._errorContainer_1rjrx_5{margin-top:1rem;width:100%}._errorContent_1rjrx_79{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .3);border-radius:.375rem}._errorIcon_1rjrx_89{flex-shrink:0;font-size:1.125rem;color:hsl(var(--destructive));margin-top:.125rem}._errorText_1rjrx_96{flex:1 1;min-width:0}._errorTitle_1rjrx_101{font-size:.875rem;font-weight:600;color:hsl(var(--destructive));margin-bottom:.25rem}._errorMessage_1rjrx_108{font-size:.875rem;color:hsl(var(--destructive));line-height:1.4}._errorDismiss_1rjrx_114{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:.25rem;color:hsl(var(--destructive));cursor:pointer;font-size:1.125rem;line-height:1;transition:background-color .2s}._errorDismiss_1rjrx_114:hover{background:hsl(var(--destructive) / .1)}._errorDismiss_1rjrx_114:focus{outline:none;background:hsl(var(--destructive) / .1);box-shadow:0 0 0 2px hsl(var(--ring) / .2)}._container_9e3ze_1{display:flex;flex-direction:column;gap:1rem;width:100%}._divider_9e3ze_8{position:relative;height:1px;width:100%;background-color:hsl(var(--border))}._dividerText_9e3ze_15{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;background:hsl(var(--background));padding:0 1rem;font-size:.875rem;color:hsl(var(--muted-foreground))}._formSection_9e3ze_27{display:flex;flex-direction:column;gap:1rem;width:100%}._googleButton_9e3ze_34{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.5rem;padding:0 1rem;border:1px solid hsl(var(--border));border-radius:.375rem;background:hsl(var(--background));font-size:.875rem;font-weight:500;color:hsl(var(--foreground));cursor:pointer;transition:background-color .2s}._googleButton_9e3ze_34:hover{background:hsl(var(--accent))}._googleButton_9e3ze_34:disabled{opacity:.5;cursor:not-allowed}._googleIcon_9e3ze_60{width:1.25rem;height:1.25rem;margin-right:.5rem}._primaryButton_9e3ze_67{width:100%}._errorContainer_9e3ze_71{margin-top:1rem;width:100%}._errorContent_9e3ze_76{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:hsl(var(--destructive) / .1);border:1px solid hsl(var(--destructive) / .3);border-radius:.375rem}._errorIcon_9e3ze_86{flex-shrink:0;font-size:1.125rem;color:hsl(var(--destructive));margin-top:.125rem}._errorText_9e3ze_93{flex:1 1;min-width:0}._errorTitle_9e3ze_98{font-size:.875rem;font-weight:600;color:hsl(var(--destructive));margin-bottom:.25rem}._errorMessage_9e3ze_105{font-size:.875rem;color:hsl(var(--destructive));line-height:1.4}._errorDismiss_9e3ze_111{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:.25rem;color:hsl(var(--destructive));cursor:pointer;font-size:1.125rem;line-height:1;transition:background-color .2s}._errorDismiss_9e3ze_111:hover{background:hsl(var(--destructive) / .1)}._errorDismiss_9e3ze_111:focus{outline:none;background:hsl(var(--destructive) / .1);box-shadow:0 0 0 2px hsl(var(--ring) / .2)}._accordionItem_ol1j4_1{overflow:hidden}._accordionItem_ol1j4_1:focus-within{position:relative;z-index:1}._accordionHeader_ol1j4_10{display:flex}._accordionTrigger_ol1j4_14{flex:1 1;display:flex;align-items:center;justify-content:space-between}._accordionContent_ol1j4_21{overflow:hidden}._accordionContent_ol1j4_21[data-state=open]{animation:_slideDown_ol1j4_1 .3s cubic-bezier(.87,0,.13,1)}._accordionContent_ol1j4_21[data-state=closed]{animation:_slideUp_ol1j4_1 .3s cubic-bezier(.87,0,.13,1)}._accordionChevron_ol1j4_33{flex-shrink:0;transition:transform .3s cubic-bezier(.87,0,.13,1)}._accordionTrigger_ol1j4_14[data-state=open]>._accordionChevron_ol1j4_33{transform:rotate(180deg)}@keyframes _slideDown_ol1j4_1{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes _slideUp_ol1j4_1{0%{height:var(--radix-accordion-content-height)}to{height:0}}._popoverContent_e5njk_1{z-index:50;width:18rem;border-radius:.375rem;border:1px solid hsl(var(--border));background-color:hsl(var(--popover));padding:1rem;color:hsl(var(--popover-foreground));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;outline:none}._popoverContent_e5njk_1[data-state=open]{animation:_fadeIn_e5njk_1 .2s ease-out,_zoomIn_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-state=closed]{animation:_fadeOut_e5njk_1 .2s ease-out,_zoomOut_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=bottom]{animation:_slideFromTop_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=left]{animation:_slideFromRight_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=right]{animation:_slideFromLeft_e5njk_1 .2s ease-out}._popoverContent_e5njk_1[data-side=top]{animation:_slideFromBottom_e5njk_1 .2s ease-out}@keyframes _fadeIn_e5njk_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_e5njk_1{0%{opacity:1}to{opacity:0}}@keyframes _zoomIn_e5njk_1{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes _zoomOut_e5njk_1{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes _slideFromTop_e5njk_1{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes _slideFromRight_e5njk_1{0%{transform:translate(.5rem)}to{transform:translate(0)}}@keyframes _slideFromLeft_e5njk_1{0%{transform:translate(-.5rem)}to{transform:translate(0)}}@keyframes _slideFromBottom_e5njk_1{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}._userMenu_366z5_1{position:relative}._userAvatar_366z5_5{cursor:pointer;transition:opacity .2s ease}._userAvatar_366z5_5:hover{opacity:.8}._avatarCircle_366z5_14{width:40px;height:40px;border-radius:50%;background:var(--color-brand);display:flex;align-items:center;justify-content:center;color:var(--color-brand-foreground);font-weight:600;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._userMenuPopover_366z5_28{width:250px;padding:0;border-radius:8px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833;background:#fff;border:1px solid #e5e7eb}._userMenuHeader_366z5_39{padding:16px;border-bottom:1px solid #f3f4f6}._userInfo_366z5_44{display:flex;align-items:center;gap:12px}._userAvatarSmall_366z5_50{width:32px;height:32px;border-radius:50%;background:var(--color-brand);display:flex;align-items:center;justify-content:center;color:var(--color-brand-foreground);font-weight:600;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}._userDetails_366z5_64{flex:1 1;min-width:0}._userName_366z5_69{font-weight:600;font-size:14px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userEmail_366z5_78{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._userMenuActions_366z5_86{padding:8px}._userMenuItem_366z5_90{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border:none;background:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#374151;text-align:left}._userMenuItem_366z5_90:hover{background-color:#f9fafb;color:#111827}._userMenuItem_366z5_90:active{background-color:#f3f4f6}._logoutItem_366z5_115:hover{background-color:#fef2f2;color:#dc2626}._logoutItem_366z5_115:active{background-color:#fee2e2}._spinner_366z5_124{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:_spin_366z5_124 1s linear infinite}@keyframes _spin_366z5_124{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._userMenuItem_366z5_90:disabled{opacity:.6;cursor:not-allowed}._userMenuItem_366z5_90:disabled:hover{background-color:transparent;color:inherit}._logoutItem_366z5_115:disabled:hover{background-color:transparent;color:inherit}._container_t4trl_1{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in oklch,var(--color-brand) 5%,transparent);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}._card_t4trl_16{background:#fff;border-radius:1rem;box-shadow:0 25px 50px #0000001a;width:100%;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}._cardSm_t4trl_27{max-width:28rem}._cardMd_t4trl_31{max-width:32rem}._cardLg_t4trl_35{max-width:36rem}._logoContainer_t4trl_39{display:flex;justify-content:center;padding:2rem 2rem 1rem;background:color-mix(in oklch,var(--color-brand) 15%,transparent);flex-shrink:0}._logo_t4trl_39{height:3rem;width:auto;object-fit:contain}._content_t4trl_53{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;padding:2rem 0}@media (max-width: 640px){._container_t4trl_1{padding:.5rem}._card_t4trl_16{max-width:100%;max-height:95vh}._content_t4trl_53{padding:1.5rem 0}._logoContainer_t4trl_39{padding:1.5rem 1.5rem 1rem}._logo_t4trl_39{height:2.5rem}}._header_s7k8g_1{text-align:center;margin-bottom:2rem;padding:0 2rem}._title_s7k8g_7{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}._subtitle_s7k8g_14{color:#6b7280;margin:0;line-height:1.5}._formWrapper_s7k8g_20{padding:0 2rem}@media (max-width: 640px){._header_s7k8g_1,._formWrapper_s7k8g_20{padding:0 1.5rem}._title_s7k8g_7{font-size:1.25rem}}._footnote_v8hnh_1{margin:0 2rem;padding-top:1rem;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:1rem}._footnoteText_v8hnh_11{font-size:.875rem;color:#6b7280;flex:1 1}._logoutButton_v8hnh_17{padding:.25rem .75rem;font-size:.875rem;font-weight:500;color:#374151;background:transparent;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s;white-space:nowrap}._logoutButton_v8hnh_17:hover{background:#f3f4f6;border-color:#9ca3af}._logoutButton_v8hnh_17:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){._footnote_v8hnh_1{margin:1.5rem 1.5rem 0;flex-direction:column;align-items:flex-start;gap:.5rem}._footnoteText_v8hnh_11{font-size:.8125rem}._logoutButton_v8hnh_17{align-self:stretch;text-align:center}}._header_emo7t_1{text-align:center;margin-bottom:1rem;flex-shrink:0;padding:0 2rem}._title_emo7t_8{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}._subtitle_emo7t_15{color:#6b7280;margin:0;line-height:1.5}._formContainer_emo7t_21{flex:1 1;margin-top:1rem;padding:0 2rem}@media (max-width: 640px){._header_emo7t_1,._formContainer_emo7t_21{padding:0 1.5rem}._title_emo7t_8{font-size:1.25rem}}._header_1vjty_1{margin-bottom:1.5rem;padding:0 2rem}._iconContainer_1vjty_6{display:flex;justify-content:center;margin-bottom:1rem}._icon_1vjty_6{width:3rem;height:3rem;color:#000}._title_1vjty_18{font-size:1.5rem;font-weight:600;color:var(--color-text-1);text-align:center;margin:0 0 .5rem}._subtitle_1vjty_26{color:var(--color-text-2);text-align:center;margin:0;line-height:1.5}._messageContainer_1vjty_33{padding:1rem;background:#f9fafb;border-radius:.5rem;border-left:4px solid #ef4444;margin:0 2rem 2rem}._message_1vjty_33{color:#374151;margin:0;line-height:1.6}@media (max-width: 640px){._header_1vjty_1{padding:0 1.5rem}._messageContainer_1vjty_33{margin:0 1.5rem}._icon_1vjty_6{width:2.5rem;height:2.5rem}._title_1vjty_18{font-size:1.25rem}}._loadingContainer_1d4on_1{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.4rem;z-index:50}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { p as s, n as o, A as t, o as r, s as n, au as i, at as g, a as c, h as l, l as C, t as u, a4 as d, ab as m, B as T, b as S, c as h, d as A, e as P, g as p, f as B, C as E, ag as v, as as f, F as L, H as k, a5 as I, k as R, I as b, i as y, a1 as H, a9 as M, aa as K, L as O, M as V, av as x, aw as _, r as F, P as N, q as D, af as G, S as w, ah as z, a2 as U, a3 as W, T as q, w as J, ac as X, ae as j, a7 as Q, ad as Y, an as Z, am as $, a0 as aa, G as ea, a8 as sa, N as oa, a6 as ta, aq as ra, K as na, J as ia, ay as ga, az as ca, al as la, y as Ca, ap as ua, aj as da, ax as ma, Z as Ta, z as Sa, Y as ha, X as Aa, $ as Pa, V as pa, _ as Ba, ak as Ea, ar as va, ai as fa, U as La, W as ka, aA as Ia, D as Ra, x as ba, u as ya, v as Ha, R as Ma, ao as Ka, O as Oa, Q as Va, E as xa } from "./index-BvyenzyF.js";
+import { o as s, l as o, A as t, n as r, s as n, av as i, au as g, a as c, h as l, k as u, r as C, t as d, a5 as m, ac as T, B as S, b as h, c as A, d as P, e as p, g as B, f as E, C as v, ah as f, at as L, F as k, H as I, a6 as R, j as y, I as M, i as b, a2 as H, aa as K, ab as O, L as V, M as x, aw as _, ax as F, q as N, P as U, p as D, ag as G, S as w, ai as z, a3 as W, a4 as j, T as q, U as J, ad as X, af as Q, a8 as Y, ae as Z, ao as $, an as aa, a1 as ea, G as sa, a9 as oa, N as ta, a7 as ra, ar as na, K as ia, J as ga, az as ca, aA as la, am as ua, y as Ca, aq as da, ak as ma, ay as Ta, _ as Sa, z as ha, Z as Aa, Y as Pa, a0 as pa, W as Ba, $ as Ea, al as va, as as fa, aj as La, V as ka, X as Ia, aB as Ra, D as ya, x as Ma, w as ba, u as Ha, v as Ka, R as Oa, ap as Va, O as xa, Q as _a, E as Fa } from "./index-CS6HcUVk.js";
 export {
   s as AccordionContent,
   o as AccordionItem,
@@ -9,84 +9,86 @@ export {
   g as BackgroundEffects,
   c as BaseButton,
   l as BaseHeading,
-  C as BaseTypography,
-  u as BlockProvider,
-  d as BlockSourceModuleList,
-  m as BlocksRegistry,
-  T as Box,
-  S as Button,
-  h as Carousel,
-  A as CarouselContent,
-  P as CarouselItem,
-  p as CarouselNext,
-  B as CarouselPrevious,
-  E as Container,
-  v as DATA_ATTRIBUTES,
-  f as DEFAULT_THEME,
-  L as Form,
-  k as Heading,
-  I as IMembershipAuthenticationMethods,
-  R as Icon,
-  b as Iframe,
-  y as Image,
+  u as BaseTypography,
+  C as BaseUserMenu,
+  d as BlockProvider,
+  m as BlockSourceModuleList,
+  T as BlocksRegistry,
+  S as Box,
+  h as Button,
+  A as Carousel,
+  P as CarouselContent,
+  p as CarouselItem,
+  B as CarouselNext,
+  E as CarouselPrevious,
+  v as Container,
+  f as DATA_ATTRIBUTES,
+  L as DEFAULT_THEME,
+  k as Form,
+  I as Heading,
+  R as IMembershipAuthenticationMethods,
+  y as Icon,
+  M as Iframe,
+  b as Image,
   H as KindList,
-  M as LevoBlock,
-  K as LevoPage,
-  O as Link,
-  V as Media,
-  x as PRESET_CATEGORIES,
-  _ as PRESET_MAP,
-  F as PopoverContent,
-  N as PopoverRoot,
+  K as LevoBlock,
+  O as LevoPage,
+  V as Link,
+  x as Media,
+  _ as PRESET_CATEGORIES,
+  F as PRESET_MAP,
+  N as PopoverContent,
+  U as PopoverRoot,
   D as PopoverTrigger,
   G as PreviewHighlighter,
   w as Section,
   z as StudioPreview,
-  U as StudioWidgetList,
-  W as StudioWidgetMap,
+  W as StudioWidgetList,
+  j as StudioWidgetMap,
   q as Typography,
-  J as blocksLevoClient,
+  J as UserMenu,
   X as blocksRegistry,
-  j as colorOptions,
-  Q as convertKeysToPascalCase,
-  Y as cssOptionsMap,
-  Z as fetchCollectionSchema,
-  $ as fetchSource,
-  aa as generateAccentColor,
-  ea as generateAnimationProps,
-  sa as generateDefaultContent,
-  oa as generateElementClassName,
-  ta as generateSchemaFromJSX,
-  ra as generateThemeVariables,
-  na as generateVariantClasses,
-  ia as getAnimateValue,
-  ga as getAvailableCategories,
-  ca as getEffectConfigFromPresetId,
-  la as getInitialPageContent,
+  Q as colorOptions,
+  Y as convertKeysToPascalCase,
+  Z as cssOptionsMap,
+  $ as fetchCollectionSchema,
+  aa as fetchSource,
+  ea as generateAccentColor,
+  sa as generateAnimationProps,
+  oa as generateDefaultContent,
+  ta as generateElementClassName,
+  ra as generateSchemaFromJSX,
+  na as generateThemeVariables,
+  ia as generateVariantClasses,
+  ga as getAnimateValue,
+  ca as getAvailableCategories,
+  la as getEffectConfigFromPresetId,
+  ua as getInitialPageContent,
   Ca as getNestedValue,
-  ua as getPageData,
-  da as getPageSource,
-  ma as getPresetsByCategory,
-  Ta as hexToOKLCH,
-  Sa as isConfigWithVariants,
-  ha as isValidOKLCH,
-  Aa as oklchStringToRGBA,
-  Pa as oklchToRGBA,
-  pa as oklchToString,
-  Ba as parseOKLCHString,
-  Ea as parseVariablesFromResolvedSource,
-  va as processTheme,
-  fa as resolveVariables,
-  La as rgbaToOKLCH,
-  ka as rgbaToOKLCHString,
-  Ia as sanitizeBackgroundEffectConfig,
-  Ra as sanitizeElementKey,
-  ba as setLevoClient,
-  ya as useAuth,
-  Ha as useBlockContext,
-  Ma as useCommonProps,
-  Ka as useContentEngine,
-  Oa as useGeneratedClassName,
-  Va as useMotionComponent,
-  xa as useStableAnimationConfig
+  da as getPageData,
+  ma as getPageSource,
+  Ta as getPresetsByCategory,
+  Sa as hexToOKLCH,
+  ha as isConfigWithVariants,
+  Aa as isValidOKLCH,
+  Pa as oklchStringToRGBA,
+  pa as oklchToRGBA,
+  Ba as oklchToString,
+  Ea as parseOKLCHString,
+  va as parseVariablesFromResolvedSource,
+  fa as processTheme,
+  La as resolveVariables,
+  ka as rgbaToOKLCH,
+  Ia as rgbaToOKLCHString,
+  Ra as sanitizeBackgroundEffectConfig,
+  ya as sanitizeElementKey,
+  Ma as setStudioLevoClient,
+  ba as studioLevoClient,
+  Ha as useAuth,
+  Ka as useBlockContext,
+  Oa as useCommonProps,
+  Va as useContentEngine,
+  xa as useGeneratedClassName,
+  _a as useMotionComponent,
+  Fa as useStableAnimationConfig
 };

package/dist/interfaces/contentSchema.d.ts

@@ -1,19 +1,24 @@
 export declare const KindList: readonly ["element", "group"];
-export declare const StudioWidgetList: readonly ["BoxWidget", "ButtonWidget", "LayoutWidget", "HeadingWidget", "IframeWidget", "ImageWidget", "IconWidget", "MediaWidget", "TypographyWidget", "CarouselWidget", "FormWidget", "ContainerWidget", "CardWidget", "TitleWidget", "TextWidget", "NumberWidget", "URLWidget", "ImageUploadWidget", "MultiImageUploadWidget", "TextareaWidget", "RichTextWidget", "DropdownWidget", "SwitchWidget", "DateWidget", "ArrayWidget", "RecordWidget"];
-export declare const StudioWidgetMap: Record<"BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget", "BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget">;
-type MediaHint = {
+export declare const StudioWidgetList: readonly ["BoxWidget", "ButtonWidget", "LayoutWidget", "HeadingWidget", "IframeWidget", "ImageWidget", "IconWidget", "MediaWidget", "TypographyWidget", "CarouselWidget", "FormWidget", "ContainerWidget", "UserMenuWidget", "CardWidget", "TitleWidget", "TextWidget", "NumberWidget", "URLWidget", "ImageUploadWidget", "MultiImageUploadWidget", "TextareaWidget", "RichTextWidget", "DropdownWidget", "SwitchWidget", "DateWidget", "ArrayWidget", "RecordWidget"];
+export declare const StudioWidgetMap: Record<"BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget", "BoxWidget" | "ButtonWidget" | "LayoutWidget" | "HeadingWidget" | "IframeWidget" | "ImageWidget" | "IconWidget" | "MediaWidget" | "TypographyWidget" | "CarouselWidget" | "FormWidget" | "ContainerWidget" | "UserMenuWidget" | "CardWidget" | "TitleWidget" | "TextWidget" | "NumberWidget" | "URLWidget" | "ImageUploadWidget" | "MultiImageUploadWidget" | "TextareaWidget" | "RichTextWidget" | "DropdownWidget" | "SwitchWidget" | "DateWidget" | "ArrayWidget" | "RecordWidget">;
+export type MediaHint = {
     orientation?: "landscape" | "portrait" | "square";
     size?: "icon" | "small" | "medium" | "large" | "cover";
     usecase?: "avatar" | "icon" | "hero" | "background" | "logo" | "other";
 };
-type ContentHint = {
+export type ContentUsecase = "main_title" | "sub_title" | "description" | "label" | "button" | "person_name" | "designation" | "testimonial" | "cta_button" | "price" | "currency" | "interval" | "feature" | "title" | "stat_number" | "stat_label" | "question" | "answer" | "category" | "date" | "reading_time" | "author" | "address" | "phone" | "email" | "link_url" | "link_text";
+export type ContentHint = {
     min_characters?: number;
     max_characters?: number;
+    usecase?: ContentUsecase;
 };
-type GroupHint = {
+export type GroupHint = {
     min_items?: number;
     max_items?: number;
 };
+export type StudioHint = {
+    prompt_description?: string;
+} & (MediaHint | ContentHint | GroupHint);
 export interface IStudioWidget {
     label: string;
     key: string;
@@ -21,9 +26,6 @@ export interface IStudioWidget {
     kind?: (typeof KindList)[number];
     fields?: IStudioWidget[];
     options?: Record<string, any>;
-    hint?: {
-        prompt_description?: string;
-    } & (MediaHint | ContentHint | GroupHint);
+    hint?: StudioHint;
 }
-export {};
 //# sourceMappingURL=contentSchema.d.ts.map

package/dist/interfaces/levoBlock.d.ts

@@ -98,6 +98,7 @@ export interface BackgroundPreset {
 }
 export interface IFieldConfig {
     selectedVariants?: Record<string, string>;
+    enabled?: boolean;
     animation?: AnimationConfig;
     form?: {
         collection_id: string;

package/dist/pixel/constants/borderRadius.d.ts

@@ -39,5 +39,35 @@ export declare const borderRadius: {
         readonly value: "3xl";
         readonly css: "calc(var(--base-radius, 4px) * 6)";
     };
+    readonly "4xl": {
+        readonly label: "4XL";
+        readonly value: "4xl";
+        readonly css: "calc(var(--base-radius, 4px) * 8)";
+    };
+    readonly "5xl": {
+        readonly label: "5XL";
+        readonly value: "5xl";
+        readonly css: "calc(var(--base-radius, 4px) * 12)";
+    };
+    readonly "6xl": {
+        readonly label: "6XL";
+        readonly value: "6xl";
+        readonly css: "calc(var(--base-radius, 4px) * 16)";
+    };
+    readonly "7xl": {
+        readonly label: "7XL";
+        readonly value: "7xl";
+        readonly css: "calc(var(--base-radius, 4px) * 20)";
+    };
+    readonly "8xl": {
+        readonly label: "8XL";
+        readonly value: "8xl";
+        readonly css: "calc(var(--base-radius, 4px) * 24)";
+    };
+    readonly full: {
+        readonly label: "Full";
+        readonly value: "full";
+        readonly css: "100%";
+    };
 };
 //# sourceMappingURL=borderRadius.d.ts.map

package/dist/pixel/constants/colorOptions.d.ts

@@ -1,29 +1,4 @@
 export declare const colorOptions: {
-    readonly black: {
-        readonly label: "Black";
-        readonly value: "black";
-        readonly css: "#000000";
-    };
-    readonly white: {
-        readonly label: "White";
-        readonly value: "white";
-        readonly css: "#FFFFFF";
-    };
-    readonly "text-1": {
-        readonly label: "Text 1";
-        readonly value: "text-1";
-        readonly css: "var(--color-text-1)";
-    };
-    readonly "text-2": {
-        readonly label: "Text 2";
-        readonly value: "text-2";
-        readonly css: "var(--color-text-2)";
-    };
-    readonly "text-3": {
-        readonly label: "Text 3";
-        readonly value: "text-3";
-        readonly css: "var(--color-text-3)";
-    };
     readonly brand: {
         readonly label: "Brand";
         readonly value: "brand";
@@ -44,6 +19,21 @@ export declare const colorOptions: {
         readonly value: "brandSecondaryForeground";
         readonly css: "var(--color-brand-secondary-foreground)";
     };
+    readonly "text-1": {
+        readonly label: "Text 1";
+        readonly value: "text-1";
+        readonly css: "var(--color-text-1)";
+    };
+    readonly "text-2": {
+        readonly label: "Text 2";
+        readonly value: "text-2";
+        readonly css: "var(--color-text-2)";
+    };
+    readonly "text-3": {
+        readonly label: "Text 3";
+        readonly value: "text-3";
+        readonly css: "var(--color-text-3)";
+    };
     readonly "background-1": {
         readonly label: "Background 1";
         readonly value: "background-1";
@@ -59,6 +49,21 @@ export declare const colorOptions: {
         readonly value: "background-3";
         readonly css: "var(--color-background-3)";
     };
+    readonly page: {
+        readonly label: "Page";
+        readonly value: "page";
+        readonly css: "var(--color-page)";
+    };
+    readonly black: {
+        readonly label: "Black";
+        readonly value: "black";
+        readonly css: "#000000";
+    };
+    readonly white: {
+        readonly label: "White";
+        readonly value: "white";
+        readonly css: "#FFFFFF";
+    };
     readonly "icon-primary": {
         readonly label: "Icon Primary";
         readonly value: "icon-primary";

package/dist/pixel/constants/fontSizeOptions.d.ts

@@ -54,5 +54,10 @@ export declare const fontSizeOptions: {
         readonly value: "7xl";
         readonly css: "calc(var(--base-font-size, 1rem) * 4.5)";
     };
+    readonly "8xl": {
+        readonly label: "8 XL";
+        readonly value: "8xl";
+        readonly css: "calc(var(--base-font-size, 1rem) * 6)";
+    };
 };
 //# sourceMappingURL=fontSizeOptions.d.ts.map

package/dist/pixel/index.d.ts

@@ -1,3 +1,3 @@
 import { CSSStyleKeys } from './propertyMap';
-export declare const styleObjectToCss: (styleObj: Record<CSSStyleKeys, any>, indent?: number, isNested?: boolean) => string;
+export declare const styleObjectToCss: (styleObj: Record<CSSStyleKeys, unknown>, isNested?: boolean) => string;
 //# sourceMappingURL=index.d.ts.map

package/dist/pixel/optionsMap.d.ts

@@ -5,10 +5,14 @@ type CSSOption = {
     css?: string;
 };
 export type CSSOptionsRecord = Record<string, CSSOption>;
+type ParseResult = {
+    value: string;
+    prefix: string;
+};
 export declare const cssOptionsMap: Partial<Record<CSSStyleKeys, {
     options: CSSOptionsRecord;
     skip?: boolean;
-    parser?: (value: any) => string;
+    parser?: (value: any) => ParseResult;
 }>>;
 export default cssOptionsMap;
 //# sourceMappingURL=optionsMap.d.ts.map

package/dist/pixel/parserUtil.d.ts

@@ -0,0 +1,15 @@
+export interface IShadowConfig {
+    x: number;
+    y: number;
+    blur: number;
+    spread?: number;
+    color?: string;
+}
+export interface IFilterConfig {
+    "drop-shadow"?: IShadowConfig;
+    blur?: number;
+    brightness?: number;
+    contrast?: number;
+}
+export declare const formatShadow: (config: IShadowConfig, includeSpread?: boolean) => string;
+//# sourceMappingURL=parserUtil.d.ts.map

package/dist/pixel/propertyMap.d.ts

@@ -1,2 +1,2 @@
-export type CSSStyleKeys = "font-size" | "font-weight" | "text-align" | "text-decoration" | "line-height" | "letter-spacing" | "color" | "display" | "flex-direction" | "justify-content" | "align-items" | "column-gap" | "row-gap" | "gap" | "grid-template-columns" | "grid-template-rows" | "width" | "min-width" | "max-width" | "height" | "filter" | "min-height" | "max-height" | "object-fit" | "border-radius" | "border-style" | "border-width" | "border-color" | "background-color" | "background-size" | "background-position" | "box-shadow" | "padding" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "margin" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "opacity" | "font" | "background-image" | "overflow" | "-webkit-line-clamp" | "-webkit-box-orient" | "font-family" | "number_of_slides" | "background_video_overlay_color" | "background_video_position";
+export type CSSStyleKeys = "font-size" | "font-weight" | "text-align" | "text-decoration" | "line-height" | "letter-spacing" | "color" | "display" | "flex-direction" | "justify-content" | "align-items" | "column-gap" | "row-gap" | "gap" | "grid-template-columns" | "grid-template-rows" | "width" | "min-width" | "max-width" | "height" | "filter" | "min-height" | "max-height" | "object-fit" | "border-radius" | "border-style" | "border-width" | "border-top-width" | "border-right-width" | "border-bottom-width" | "border-left-width" | "border-color" | "background-color" | "background-size" | "background-position" | "box-shadow" | "padding" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "margin" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "opacity" | "font" | "background-image" | "overflow" | "-webkit-line-clamp" | "-webkit-box-orient" | "font-family" | "number_of_slides" | "background_video_overlay_color" | "background_video_position";
 //# sourceMappingURL=propertyMap.d.ts.map

package/dist/providers/AuthProvider.d.ts

@@ -1,5 +1,5 @@
 import { ILevoMembership, IWorkspace } from '@levo-so/core';
-interface AuthProviderInterface {
+interface IAuthState {
     isLoggedIn: boolean;
     account: ILevoMembership.Account | null;
     workspace: IWorkspace | null;
@@ -7,19 +7,17 @@ interface AuthProviderInterface {
     isAuthLoading: boolean;
     isSignOutLoading: boolean;
     isVerifying: boolean;
-    handleRefetchLoginStatus: (onRefetchSuccess?: (user: ILevoMembership.Account) => void) => void;
-    handleSignOut: (handleSignOutSuccess?: () => void) => void;
-    handleVerifyOtp: (config: {
-        email: string;
-        otp: string;
-        onVerifySuccess?: ((account: ILevoMembership.Account | null) => void) | undefined;
-        onVerifyError?: (() => void) | undefined;
-    }) => void;
+}
+interface IAuthActions {
+    setAuthState: (updates: Partial<IAuthState>) => void;
+    resetAuth: () => void;
+}
+interface IAuthProviderInterface extends IAuthState, IAuthActions {
 }
 export declare const AuthProvider: React.FC<{
     children: React.ReactNode;
     workspace: IWorkspace | null;
 }>;
 export default AuthProvider;
-export declare const useAuth: () => AuthProviderInterface;
+export declare const useAuth: () => IAuthProviderInterface;
 //# sourceMappingURL=AuthProvider.d.ts.map

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './blocksLevoClient';
+export * from './levoClient';
 export * from './withBlockPropsUtils';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/levoClient.d.ts

@@ -0,0 +1,5 @@
+import { ILevoClient } from '@levo-so/core';
+declare let studioLevoClient: ILevoClient | null;
+declare const setStudioLevoClient: (client: ILevoClient) => void;
+export { studioLevoClient, setStudioLevoClient };
+//# sourceMappingURL=levoClient.d.ts.map

package/dist/utils/withBlockPropsUtils.d.ts

@@ -108,7 +108,8 @@ export declare const generateElementClassName: (elementKey: string, blockId: str
 export declare const useGeneratedClassName: (elementKey: string, blockId: string, configValue: IFieldConfig | undefined) => string;
 /**
  * Hook to create a memoized Motion component
- * Only recreates the component when animation config changes
+ * Only creates Motion component when animation config exists
+ * Recreates when animation config changes to enable animation previews
  *
  * @param WrappedComponent - The component to wrap with motion
  * @param animationConfig - The animation configuration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -30,6 +30,7 @@
   "dependencies": {
     "@emotion/is-prop-valid": "1.3.1",
     "@radix-ui/react-accordion": "1.2.0",
+    "@radix-ui/react-dialog": "1.1.1",
     "@radix-ui/react-popover": "1.1.1",
     "@theinternetfolks/mate": "1.0.4",
     "class-variance-authority": "0.7.0",
@@ -68,6 +69,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
-    }
+    },
+    "./index.css": "./dist/index.css"
   }
 }