@yoopta/ui 6.0.0-beta.6 → 6.0.0-beta.8

package/dist/action-menu-list/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAYpD,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAGnE;;;;GAIG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;CASpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,wBAAoC,mBAAmB;;;;;;;;mBAoDpE,WAAW,GAAG,IAAI;;;;;;yBAuBxB,MAAM;0BATT,gBAAgB;yBAWD,UAAU;qBACd,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAqBN,UAAU;qBACd,UAAU;;CAiB5B,CAAC"}

package/dist/action-menu-list/store.d.ts

@@ -1,22 +0,0 @@
-import { Placement } from '@floating-ui/react';
-export type ActionMenuListState = 'open' | 'closed';
-export type ActionMenuListStore = {
-    state: ActionMenuListState;
-    view: 'small' | 'default';
-    reference: HTMLElement | null;
-    placement: Placement;
-    blockId: string | null;
-    open: (options?: {
-        reference?: HTMLElement | null;
-        placement?: Placement;
-        blockId?: string;
-        view?: 'small' | 'default';
-    }) => void;
-    close: () => void;
-    toggle: (state: ActionMenuListState) => void;
-    setView: (view: 'small' | 'default') => void;
-    setReference: (reference: HTMLElement | null) => void;
-    reset: () => void;
-};
-export declare const useActionMenuListStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActionMenuListStore>>;
-//# sourceMappingURL=store.d.ts.map

package/dist/action-menu-list/store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE;QACf,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;QAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;QACtB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;KAC5B,KAAK,IAAI,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kFAgDhC,CAAC"}

package/dist/action-menu-list/store.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=store.test.d.ts.map

package/dist/action-menu-list/store.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/store.test.ts"],"names":[],"mappings":""}

package/dist/chunks/highlight-color-picker-534fa3e2.js

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t,{useRef as n,useMemo as a,useEffect as c,useCallback as l,useState as i,useLayoutEffect as u,forwardRef as s,cloneElement as f}from"react";import{u as h,o as d,f as p,s as g,a as v}from"./floating-ui.react-33212df0.js";function m(){return(m=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e}).apply(this,arguments)}function b(e,r){if(null==e)return{};var o,t,n={},a=Object.keys(e);for(t=0;t<a.length;t++)r.indexOf(o=a[t])>=0||(n[o]=e[o]);return n}function _(e){var r=n(e),o=n(function(e){r.current&&r.current(e)});return r.current=e,o.current}var C=function(e,r,o){return void 0===r&&(r=0),void 0===o&&(o=1),e>o?o:e<r?r:e},k=function(e){return"touches"in e},x=function(e){return e&&e.ownerDocument.defaultView||self},w=function(e,r,o){var t=e.getBoundingClientRect(),n=k(r)?function(e,r){for(var o=0;o<e.length;o++)if(e[o].identifier===r)return e[o];return e[0]}(r.touches,o):r;return{left:C((n.pageX-(t.left+x(e).pageXOffset))/t.width),top:C((n.pageY-(t.top+x(e).pageYOffset))/t.height)}},y=function(e){!k(e)&&e.preventDefault()},F=t.memo(function(e){var r=e.onMove,o=e.onKey,l=b(e,["onMove","onKey"]),i=n(null),u=_(r),s=_(o),f=n(null),h=n(!1),d=a(function(){var e=function(e){y(e),(k(e)?e.touches.length>0:e.buttons>0)&&i.current?u(w(i.current,e,f.current)):o(!1)},r=function(){return o(!1)};function o(o){var t=h.current,n=x(i.current),a=o?n.addEventListener:n.removeEventListener;a(t?"touchmove":"mousemove",e),a(t?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,t=i.current;if(t&&(y(r),!function(e,r){return r&&!k(e)}(r,h.current)&&t)){if(k(r)){h.current=!0;var n=r.changedTouches||[];n.length&&(f.current=n[0].identifier)}t.focus(),u(w(t,r,f.current)),o(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),s({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},o]},[s,u]),p=d[0],g=d[1],v=d[2];return c(function(){return v},[v]),t.createElement("div",m({},l,{onTouchStart:p,onMouseDown:p,className:"react-colorful__interactive",ref:i,onKeyDown:g,tabIndex:0,role:"slider"}))}),N=function(e){return e.filter(Boolean).join(" ")},E=function(e){var r=e.color,o=e.left,n=e.top,a=void 0===n?.5:n,c=N(["react-colorful__pointer",e.className]);return t.createElement("div",{className:c,style:{top:100*a+"%",left:100*o+"%"}},t.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:r}}))},O=function(e,r,o){return void 0===r&&(r=0),void 0===o&&(o=Math.pow(10,r)),Math.round(o*e)/o},M=function(e){return"#"===e[0]&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?O(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?O(parseInt(e.substring(6,8),16)/255,2):1}},j=function(e){var r=function(e){var r=e.s,o=e.v,t=e.a,n=(200-r)*o/100;return{h:O(e.h),s:O(n>0&&n<200?r*o/100/(n<=100?n:200-n)*100:0),l:O(n/2),a:O(t,2)}}(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},H=function(e){var r=e.h,o=e.s,t=e.v,n=e.a;r=r/360*6,o/=100,t/=100;var a=Math.floor(r),c=t*(1-o),l=t*(1-(r-a)*o),i=t*(1-(1-r+a)*o),u=a%6;return{r:O(255*[t,l,c,c,i,t][u]),g:O(255*[i,t,t,l,c,c][u]),b:O(255*[c,c,i,t,t,l][u]),a:O(n,2)}},I=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},L=function(e){var r=e.r,o=e.g,t=e.b,n=e.a,a=n<1?I(O(255*n)):"";return"#"+I(r)+I(o)+I(t)+a},B=function(e){var r=e.r,o=e.g,t=e.b,n=e.a,a=Math.max(r,o,t),c=a-Math.min(r,o,t),l=c?a===r?(o-t)/c:a===o?2+(t-r)/c:4+(r-o)/c:0;return{h:O(60*(l<0?l+6:l)),s:O(a?c/a*100:0),v:O(a/255*100),a:n}},z=t.memo(function(e){var r=e.hue,o=e.onChange,n=N(["react-colorful__hue",e.className]);return t.createElement("div",{className:n},t.createElement(F,{onMove:function(e){o({h:360*e.left})},onKey:function(e){o({h:C(r+360*e.left,0,360)})},"aria-label":"Hue","aria-valuenow":O(r),"aria-valuemax":"360","aria-valuemin":"0"},t.createElement(E,{className:"react-colorful__hue-pointer",left:r/360,color:j({h:r,s:100,v:100,a:1})})))}),D=t.memo(function(e){var r=e.hsva,o=e.onChange,n={backgroundColor:j({h:r.h,s:100,v:100,a:1})};return t.createElement("div",{className:"react-colorful__saturation",style:n},t.createElement(F,{onMove:function(e){o({s:100*e.left,v:100-100*e.top})},onKey:function(e){o({s:C(r.s+100*e.left,0,100),v:C(r.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+O(r.s)+"%, Brightness "+O(r.v)+"%"},t.createElement(E,{className:"react-colorful__saturation-pointer",top:1-r.v/100,left:r.s/100,color:j(r)})))}),K=function(e,r){if(e===r)return!0;for(var o in e)if(e[o]!==r[o])return!1;return!0};function P(e,r,o){var t=_(o),a=i(function(){return e.toHsva(r)}),u=a[0],s=a[1],f=n({color:r,hsva:u});c(function(){if(!e.equal(r,f.current.color)){var o=e.toHsva(r);f.current={hsva:o,color:r},s(o)}},[r,e]),c(function(){var r;K(u,f.current.hsva)||e.equal(r=e.fromHsva(u),f.current.color)||(f.current={hsva:u,color:r},t(r))},[u,e,t]);var h=l(function(e){s(function(r){return Object.assign({},r,e)})},[]);return[u,h]}var S="undefined"!=typeof window?u:c,T=new Map,q=function(e){S(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!T.has(r)){var o=r.createElement("style");o.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',T.set(r,o);var t="undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0;t&&o.setAttribute("nonce",t),r.head.appendChild(o)}},[])},A=function(e){var r=e.className,o=e.colorModel,a=e.color,c=void 0===a?o.defaultColor:a,l=e.onChange,i=b(e,["className","colorModel","color","onChange"]),u=n(null);q(u);var s=P(o,c,l),f=s[0],h=s[1],d=N(["react-colorful",r]);return t.createElement("div",m({},i,{ref:u,className:d}),t.createElement(D,{hsva:f,onChange:h}),t.createElement(z,{hue:f.h,onChange:h,className:"react-colorful__last-control"}))},$={defaultColor:"000",toHsva:function(e){return B(M(e))},fromHsva:function(e){return function(e){return L(H(e))}({h:e.h,s:e.s,v:e.v,a:1})},equal:function(e,r){return e.toLowerCase()===r.toLowerCase()||K(M(e),M(r))}},R=function(e){return t.createElement(A,m({},e,{colorModel:$}))},X=/^#?([0-9A-F]{3,8})$/i,Y=function(e){var r=e.color,o=void 0===r?"":r,n=e.onChange,a=e.onBlur,u=e.escape,s=e.validate,f=e.format,h=e.process,d=b(e,["color","onChange","onBlur","escape","validate","format","process"]),p=i(function(){return u(o)}),g=p[0],v=p[1],C=_(n),k=_(a),x=l(function(e){var r=u(e.target.value);v(r),s(r)&&C(h?h(r):r)},[u,h,s,C]),w=l(function(e){s(e.target.value)||v(u(o)),k(e)},[o,u,s,k]);return c(function(){v(u(o))},[o,u]),t.createElement("input",m({},d,{value:f?f(g):g,spellCheck:"false",onChange:x,onBlur:w}))},V=function(e){return"#"+e},G=function(e){var r=e.prefixed,o=e.alpha,n=b(e,["prefixed","alpha"]),a=l(function(e){return e.replace(/([^0-9A-F]+)/gi,"").substring(0,o?8:6)},[o]),c=l(function(e){return function(e,r){var o=X.exec(e),t=o?o[1].length:0;return 3===t||6===t||!!r&&4===t||!!r&&8===t}(e,o)},[o]);return t.createElement(Y,m({},n,{escape:a,format:r?V:void 0,process:V,validate:c}))};const J=["#FFFF00","#FFE066","#FFCC99","#FF9999","#99CCFF","#99FF99","#FF99FF","#CC99FF"],Q=s(({value:t={backgroundColor:"#FFFF00"},onChange:n,presets:a=J,showInput:l=!0,className:u,children:s,placement:m="bottom",offset:b=8},_)=>{const[C,k]=i(!1),[x,w]=i("backgroundColor"),[y,F]=i(t.backgroundColor),[N,E]=i(t.color),{refs:O,floatingStyles:M}=h({open:C,onOpenChange:k,placement:m,middleware:[d(b),p(),g()],whileElementsMounted:v});c(()=>{t.backgroundColor&&F(t.backgroundColor),t.color&&E(t.color)},[t]),c(()=>{if(!C)return;const e=e=>{const r=e.target,o=O.reference.current,t=O.floating.current;o&&o instanceof Element&&o.contains(r)||(null==t?void 0:t.contains(r))||k(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[C,O.floating,O.reference]);const j=e=>{"backgroundColor"===x?(F(e),null==n||n(Object.assign(Object.assign({},t),{backgroundColor:e}))):(E(e),null==n||n(Object.assign(Object.assign({},t),{color:e})))},H="backgroundColor"===x?y:N,I=f(s,{ref:O.setReference,onClick:e=>{var r,o;e.stopPropagation(),k(e=>!e),null===(o=(r=s.props).onClick)||void 0===o||o.call(r,e)}});return e(r,{children:[I,C&&e("div",Object.assign({ref:e=>{O.setFloating(e),_&&("function"==typeof _?_(e):_.current=e)},style:M,className:`yoopta-highlight-color-picker ${null!=u?u:""}`,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()},{children:[e("div",Object.assign({className:"yoopta-highlight-color-picker__mode-toggle"},{children:[o("button",Object.assign({type:"button",className:"yoopta-highlight-color-picker__mode-btn","data-active":"backgroundColor"===x,onClick:()=>w("backgroundColor"),"aria-label":"Background color"},{children:"Background"})),o("button",Object.assign({type:"button",className:"yoopta-highlight-color-picker__mode-btn","data-active":"color"===x,onClick:()=>w("color"),"aria-label":"Text color"},{children:"Text"}))]})),o("div",Object.assign({className:"yoopta-highlight-color-picker__picker"},{children:o(R,{color:H,onChange:j,className:"yoopta-highlight-color-picker__react-colorful"})})),a.length>0&&o("div",Object.assign({className:"yoopta-highlight-color-picker__presets"},{children:a.map(e=>{const r=(null==H?void 0:H.toLowerCase())===e.toLowerCase();return o("button",{type:"button",className:"yoopta-highlight-color-picker__preset","data-selected":r,style:{backgroundColor:e},onClick:()=>j(e),"aria-label":`Select color ${e}`},e)})})),l&&e("div",Object.assign({className:"yoopta-highlight-color-picker__hex-row"},{children:[o("div",{className:"yoopta-highlight-color-picker__swatch",style:{backgroundColor:H}}),o(G,{color:H,onChange:j,className:"yoopta-highlight-color-picker__hex-input",prefixed:!0})]}))]}))]})});Q.displayName="HighlightColorPicker";export{Q as H};

package/dist/chunks/hooks-814f49b9.js

@@ -1 +0,0 @@
-import{_ as e}from"./_tslib-5e145dfd.js";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{forwardRef as o,isValidElement as i,cloneElement as s,useMemo as a,useState as l,useCallback as c,useEffect as r}from"react";import{u as p,f as d,s as u,o as m,a as v,b as f}from"./floating-ui.react-33212df0.js";import{Blocks as g,getAllowedPluginsFromElement as y,getRootBlockElement as b,useYooptaEditor as N}from"@yoopta/editor";import{c as h}from"./index-06d5c4e7.js";const w=o((n,o)=>{var{children:i,style:s,className:a}=n,l=e(n,["children","style","className"]);return t("div",Object.assign({ref:o,role:"listbox",tabIndex:0,style:s,className:`yoopta-ui-action-menu-list-content ${a||""}`,onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()},l,{children:i}))});w.displayName="ActionMenuList.Root";const j=o((n,o)=>{var{children:i,className:s}=n,a=e(n,["children","className"]);return t("div",Object.assign({ref:o,className:`yoopta-ui-action-menu-list-group ${s||""}`},a,{children:i}))});j.displayName="ActionMenuList.Group";const k=o((o,a)=>{var{action:l,selected:c,icon:r,className:p}=o,d=e(o,["action","selected","icon","className"]);return n("button",Object.assign({ref:a,type:"button",className:`yoopta-ui-action-menu-list-item ${c?"selected":""} ${p||""}`},d,{children:[r&&t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-icon"},{children:(e=>{if(!e)return null;if("string"==typeof e)return t("img",{src:e,alt:"icon"});if(i(e))return s(e);return t(e,{})})(r)})),n("div",Object.assign({className:"yoopta-ui-action-menu-list-item-content"},{children:[t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-title"},{children:l.title})),l.description&&t("div",Object.assign({className:"yoopta-ui-action-menu-list-item-description"},{children:l.description}))]}))]}))});k.displayName="ActionMenuList.Item";const O=o((n,o)=>{var{children:i,className:s}=n,a=e(n,["children","className"]);return t("div",Object.assign({ref:o,className:`yoopta-ui-action-menu-list-empty ${s||""}`},a,{children:i||"No actions available"}))});O.displayName="ActionMenuList.Empty";const I={Root:w,Group:j,Item:k,Empty:O},M=h()(e=>({state:"closed",view:"default",reference:null,placement:"bottom-start",blockId:null,open(t={}){const{reference:n,view:o,placement:i,blockId:s}=t;e(e=>({state:"open",reference:void 0!==n?n:e.reference,view:void 0!==o?o:e.view,placement:void 0!==i?i:e.placement,blockId:void 0!==s?s:e.blockId}))},close(){e({state:"closed",view:"default",placement:"bottom-start",blockId:null})},toggle(t){e({state:t})},setView(t){e({view:t})},setReference(t){e({reference:t})},reset(){e({state:"closed",view:"default",reference:null,placement:"bottom-start",blockId:null})}}));const P=()=>{const e=M();return{open:e.open,close:e.close,toggle:e.toggle,isOpen:"open"===e.state}},A=({view:e="default"}={})=>{const t=N(),n=M(),{state:o,view:i,reference:s,blockId:h,open:w,close:j,setView:k,placement:O}=n,{refs:I,floatingStyles:P,context:A,update:x}=p({placement:O,open:"open"===o,middleware:[d(),u(),m(10)],whileElementsMounted:v}),{isMounted:R,styles:$}=f(A,{duration:100}),C=a(()=>function(e){const t=Object.keys(e.plugins);let n=null;if("number"==typeof e.path.current){const t=g.getBlockSlate(e,{at:e.path.current});t&&(n=y(e,t))}let o=t;return n&&n.length>0&&(o="string"==typeof t[0]?t.filter(e=>n.includes(e)):t.filter(e=>n.includes(e.type))),o.map(t=>{var n,o,i,s,a,l;return"string"==typeof t?{type:t,title:(null===(o=null===(n=e.plugins[t].options)||void 0===n?void 0:n.display)||void 0===o?void 0:o.title)||t,description:null===(s=null===(i=e.plugins[t].options)||void 0===i?void 0:i.display)||void 0===s?void 0:s.description,icon:null===(l=null===(a=e.plugins[t].options)||void 0===a?void 0:a.display)||void 0===l?void 0:l.icon}:t})}(t).filter(e=>function(e,t){var n;const o=e.plugins[t];if(!o)return!1;const i=b(o.elements);return"void"!==(null===(n=null==i?void 0:i.props)||void 0===n?void 0:n.nodeType)}(t,e.type)),[t]),[E,L]=l(C[0]),[B,D]=l(C),F=c(()=>{j(),D(C),L(C[0]),k(e)},[j,C,e,k]);r(()=>{s&&I.setReference(s),"open"===o&&x()},[s,o,I,x]);const G=c(e=>{const{reference:t,view:n,placement:o,blockId:i}=e;n&&k(n),w({reference:t,view:n,placement:o,blockId:i})},[w,k]),S=c(e=>{const t=e.currentTarget.getAttribute("data-action-menu-item-type"),n=C.find(e=>e.type===t);L(n)},[C]),T=c(e=>({onMouseEnter:S,onMouseDown:e=>e.stopPropagation(),onClick:n=>{if(!h)return;const o=g.getBlock(t,{id:h});o&&(n.stopPropagation(),t.toggleBlock(e,{preserveContent:!0,focus:!0,at:o.meta.order}),F())},"data-action-menu-item":!0,"data-action-menu-item-type":e,"aria-selected":e===(null==E?void 0:E.type)}),[S,E,t,F]),V=c(()=>({"data-action-menu-list":!0,ref:I.setFloating,style:Object.assign(Object.assign(Object.assign({},P),$),{minWidth:"small"===i?200:244}),onMouseDown:e=>e.stopPropagation(),onClick:e=>e.stopPropagation()}),[I.setFloating,P,$,i]);return{isOpen:R,state:o,actions:B,selectedAction:E,empty:0===B.length,view:i,open:G,close:F,getItemProps:T,getRootProps:V}};export{I as A,P as a,M as b,A as u};

package/dist/chunks/hooks-879d4b4f.js

@@ -1 +0,0 @@
-import{_ as e}from"./_tslib-5e145dfd.js";import{jsx as t}from"react/jsx-runtime";import{forwardRef as o,useCallback as a,useMemo as s,useEffect as n}from"react";import{Portal as r}from"../portal.js";import{u as i,i as l,f as c,s as d,o as p,a as u,b as m}from"./floating-ui.react-33212df0.js";import{useYooptaEditor as f}from"@yoopta/editor";import{c as g}from"./index-06d5c4e7.js";import{t as h}from"./throttle-dea4a39e.js";const v=o((o,a)=>{var{className:s,children:n}=o,i=e(o,["className","children"]);return t(r,Object.assign({id:"yoopta-ui-toolbar-portal"},{children:t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar ${s||""}`,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()},i,{children:n}))}))});v.displayName="Toolbar.Root";const b=o((o,a)=>{var{className:s,children:n}=o,r=e(o,["className","children"]);return t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar-group ${s}`},r,{children:n}))});b.displayName="Toolbar.Group";const y=o((o,a)=>{var{className:s}=o,n=e(o,["className"]);return t("div",Object.assign({ref:a,className:`yoopta-ui-toolbar-separator ${s}`},n))});y.displayName="Toolbar.Separator";const N=o((o,a)=>{var{className:s,children:n,active:r,disabled:i,type:l="button"}=o,c=e(o,["className","children","active","disabled","type"]);return t("button",Object.assign({ref:a,type:l,disabled:i,"data-active":r,className:`yoopta-ui-toolbar-button ${s}`},c,{children:n}))});N.displayName="Toolbar.Button";const j={Root:v,Group:b,Separator:y,Button:N},w=g()(e=>({state:"closed",frozen:!1,open(){e({state:"open"})},close(){e({state:"closed",frozen:!1})},toggle(t){e({state:t})},setFrozen(t){e({frozen:t})},reset(){e({state:"closed",frozen:!1})}})),O=()=>{const e=f(),{state:t,frozen:o,open:r,close:g,setFrozen:v,toggle:b,reset:y}=w(),{refs:N,floatingStyles:j,context:O}=i({placement:"top",open:"open"===t,middleware:[l(),c(),d(),p(10)],whileElementsMounted:u}),{isMounted:R,styles:z}=m(O,{duration:100}),A=a(()=>{var a,s;if(o)return;const n=N.floating.current;if(n&&n.contains(document.activeElement))return;const i=window.getSelection();if(!i||(null==i?void 0:i.isCollapsed)||(null==i?void 0:i.anchorOffset)===(null==i?void 0:i.focusOffset))return void("open"===t&&g());const l=i.getRangeAt(0),c=l.getBoundingClientRect(),d=l.toString().trim(),p=null==l?void 0:l.commonAncestorContainer,u=!!(null===(a=null==p?void 0:p.closest)||void 0===a?void 0:a.call(p,"[data-custom-editor]"));if((null===(s=e.refElement)||void 0===s?void 0:s.contains(p))&&!u){if(l&&d.length>0){const e={getBoundingClientRect:()=>c,getClientRects:()=>l.getClientRects()};N.setReference(e),"open"!==t&&r()}}else"open"===t&&g()},[o,N,e.refElement,g,r,t]),C=a(()=>{var o;if(!Array.isArray(e.path.selected)||0===e.path.selected.length||"mousemove"!==e.path.source&&"keyboard"!==e.path.source)return void("open"===t&&g());const a=Math.min(...e.path.selected),s=Math.max(...e.path.selected);let n=!0;"number"==typeof e.path.current&&(n=Math.abs(e.path.current-s)<=Math.abs(e.path.current-a));const i=e.getBlock({at:n?s:a});if(!i)return;const l=null===(o=e.refElement)||void 0===o?void 0:o.querySelector(`[data-yoopta-block-id="${i.id}"]`);l&&(N.setReference(l),"open"!==t&&r())},[e,N,g,r,t]),M=s(()=>h(A,200,{leading:!0,trailing:!0}),[A]);n(()=>{if(Array.isArray(e.path.selected)||e.path.selection){if(!Array.isArray(e.path.selected)||e.path.selection)return window.document.addEventListener("selectionchange",M),()=>window.document.removeEventListener("selectionchange",M);C()}else"open"===t&&g()},[e.path.selected,e.path.selection,t,M,g,C]);const E=s(()=>Object.assign(Object.assign({},j),z),[j,z]);return{isOpen:R,state:t,frozen:o,open:r,close:g,toggle:b,setFrozen:v,reset:y,getRootProps:()=>({ref:N.setFloating,style:E,onClick:e=>e.stopPropagation(),onMouseDown:e=>e.stopPropagation()})}};export{j as T,w as a,O as u};

package/dist/chunks/index-06d5c4e7.js

@@ -1,10 +0,0 @@
-import e from"react";const t=e=>{let t;const n=new Set,r=(e,r)=>{const u="function"==typeof e?e(t):e;if(!Object.is(u,t)){const e=t;t=(null!=r?r:"object"!=typeof u||null===u)?u:Object.assign({},t,u),n.forEach(n=>n(t,e))}},u=()=>t,o={setState:r,getState:u,getInitialState:()=>i,subscribe:e=>(n.add(e),()=>n.delete(e)),destroy:()=>{"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),n.clear()}},i=t=e(r,u,o);return o};function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var r,u,o,i={},s={get exports(){return i},set exports(e){i=e}},a={},c={},l={get exports(){return c},set exports(e){c=e}},f={};function d(){return u||(u=1,l.exports=function(){if(r)return f;r=1;var t=e,n="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},u=t.useState,o=t.useEffect,i=t.useLayoutEffect,s=t.useDebugValue;function a(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!n(e,r)}catch(e){return!0}}var c="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(e,t){return t()}:function(e,t){var n=t(),r=u({inst:{value:n,getSnapshot:t}}),c=r[0].inst,l=r[1];return i(function(){c.value=n,c.getSnapshot=t,a(c)&&l({inst:c})},[e,n,t]),o(function(){return a(c)&&l({inst:c}),e(function(){a(c)&&l({inst:c})})},[e]),s(n),n};return f.useSyncExternalStore=void 0!==t.useSyncExternalStore?t.useSyncExternalStore:c,f}()),c}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */s.exports=function(){if(o)return a;o=1;var t=e,n=d(),r="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},u=n.useSyncExternalStore,i=t.useRef,s=t.useEffect,c=t.useMemo,l=t.useDebugValue;return a.useSyncExternalStoreWithSelector=function(e,t,n,o,a){var f=i(null);if(null===f.current){var d={hasValue:!1,value:null};f.current=d}else d=f.current;f=c(function(){function e(e){if(!s){if(s=!0,u=e,e=o(e),void 0!==a&&d.hasValue){var t=d.value;if(a(t,e))return i=t}return i=e}if(t=i,r(u,e))return t;var n=o(e);return void 0!==a&&a(t,n)?(u=e,t):(u=e,i=n)}var u,i,s=!1,c=void 0===n?null:n;return[function(){return e(t())},null===c?void 0:function(){return e(c())}]},[t,n,o,a]);var v=u(e,f[0],f[1]);return s(function(){d.hasValue=!0,d.value=v},[v]),l(v),v},a}();var v=n(i);const{useDebugValue:p}=e,{useSyncExternalStoreWithSelector:S}=v;let b=!1;const E=e=>e;const m=e=>{"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&"function"!=typeof e&&console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");const n="function"==typeof e?(e=>e?t(e):t)(e):e,r=(e,t)=>function(e,t=E,n){"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&n&&!b&&(console.warn("[DEPRECATED] Use `createWithEqualityFn` instead of `create` or use `useStoreWithEqualityFn` instead of `useStore`. They can be imported from 'zustand/traditional'. https://github.com/pmndrs/zustand/discussions/1937"),b=!0);const r=S(e.subscribe,e.getState,e.getServerState||e.getInitialState,t,n);return p(r),r}(n,e,t);return Object.assign(r,n),r},y=e=>e?m(e):m;export{y as c};

package/dist/floating-block-actions/store.d.ts

@@ -1,19 +0,0 @@
-import { CSSProperties } from 'react';
-export type FloatingBlockActionsState = 'hovering' | 'frozen' | 'closed';
-export type FloatingBlockActionsStore = {
-    blockId: string | null;
-    state: FloatingBlockActionsState;
-    position: {
-        top: number;
-        left: number;
-    };
-    styles: CSSProperties;
-    reference: HTMLElement | null;
-    setReference: (reference: HTMLElement | null) => void;
-    toggle: (actionState: FloatingBlockActionsState, blockId?: string | null) => void;
-    updatePosition: (top: number, left: number, blockActionsWidth?: number) => void;
-    hide: () => void;
-    reset: () => void;
-};
-export declare const useFloatingBlockActionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FloatingBlockActionsStore>>;
-//# sourceMappingURL=store.d.ts.map

package/dist/floating-block-actions/store.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/floating-block-actions/store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAYtC,MAAM,MAAM,yBAAyB,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEzE,MAAM,MAAM,yBAAyB,GAAG;IACtC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,yBAAyB,CAAC;IACjC,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxC,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAE9B,YAAY,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtD,MAAM,EAAE,CAAC,WAAW,EAAE,yBAAyB,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAClF,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,iBAAiB,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAChF,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,4BAA4B,wFAiDtC,CAAC"}

package/dist/floating-block-actions/store.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=store.test.d.ts.map

package/dist/floating-block-actions/store.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/floating-block-actions/store.test.ts"],"names":[],"mappings":""}

package/dist/theme/ThemeProvider.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-import { Theme } from './useTheme';
-type ThemeContextType = {
-    theme: Theme;
-    resolvedTheme: 'light' | 'dark';
-    setTheme: (theme: Theme) => void;
-    toggleTheme: () => void;
-};
-export declare const useThemeContext: () => ThemeContextType;
-type ThemeProviderProps = {
-    children: ReactNode;
-    defaultTheme?: Theme;
-};
-export declare const ThemeProvider: ({ children, defaultTheme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAY,KAAK,EAAE,MAAM,YAAY,CAAC;AAE7C,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAIF,eAAO,MAAM,eAAe,wBAM3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,aAAa,+BAA2C,kBAAkB,4CAItF,CAAC"}

package/dist/theme/ThemeToggle.d.ts

@@ -1,6 +0,0 @@
-type ThemeToggleProps = {
-    className?: string;
-};
-export declare const ThemeToggle: ({ className }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ThemeToggle.d.ts.map

package/dist/theme/ThemeToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeToggle.tsx"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,4CAgD1D,CAAC"}

package/dist/theme/index.d.ts

@@ -1,5 +0,0 @@
-export { useTheme } from './useTheme';
-export { ThemeProvider, useThemeContext } from './ThemeProvider';
-export { ThemeToggle } from './ThemeToggle';
-export type { Theme } from './useTheme';
-//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC"}

package/dist/theme/useTheme.d.ts

@@ -1,8 +0,0 @@
-export type Theme = 'light' | 'dark' | 'system';
-export declare const useTheme: () => {
-    theme: Theme;
-    resolvedTheme: "light" | "dark";
-    setTheme: (newTheme: Theme) => void;
-    toggleTheme: () => void;
-};
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/theme/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAkChD,eAAO,MAAM,QAAQ;;;yBA8BS,KAAK;;CAoBlC,CAAC"}

package/dist/theme.js

@@ -1 +0,0 @@
-import{useState as e,useEffect as t,createContext as r,useContext as o}from"react";import{jsx as s,jsxs as n}from"react/jsx-runtime";const i="yoopta-ui-theme",h=()=>"undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",d=e=>{if("undefined"==typeof document)return;const t=document.documentElement;t.classList.remove("light","dark"),t.classList.add(e),t.setAttribute("data-theme",e),t.setAttribute("data-yoopta-theme",e)},a=()=>{const[r,o]=e("system"),[s,n]=e("light");t(()=>{const e=(()=>{if("undefined"==typeof window)return"system";const e=localStorage.getItem(i);return"light"===e||"dark"===e||"system"===e?e:"system"})();o(e);const t="system"===e?h():e;n(t),d(t)},[]),t(()=>{if("system"!==r)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),t=e=>{const t=e.matches?"dark":"light";n(t),d(t)};return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[r]);const a=e=>{o(e),localStorage.setItem(i,e);const t="system"===e?h():e;n(t),d(t)};return{theme:r,resolvedTheme:s,setTheme:a,toggleTheme:()=>{a("light"===s?"dark":"light")}}},c=r(void 0),m=()=>{const e=o(c);if(!e)throw new Error("useThemeContext must be used within ThemeProvider");return e},l=({children:e,defaultTheme:t="system"})=>{const r=a();return s(c.Provider,Object.assign({value:r},{children:e}))},g=({className:e})=>{const{resolvedTheme:t,toggleTheme:r}=a();return s("button",Object.assign({onClick:r,className:e||"yoopta-ui-theme-toggle","aria-label":"Toggle theme",title:`Switch to ${"light"===t?"dark":"light"} mode`},{children:"light"===t?s("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:s("path",{d:"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"})})):n("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},{children:[s("circle",{cx:"12",cy:"12",r:"4"}),s("path",{d:"M12 2v2"}),s("path",{d:"M12 20v2"}),s("path",{d:"m4.93 4.93 1.41 1.41"}),s("path",{d:"m17.66 17.66 1.41 1.41"}),s("path",{d:"M2 12h2"}),s("path",{d:"M20 12h2"}),s("path",{d:"m6.34 17.66-1.41 1.41"}),s("path",{d:"m19.07 4.93-1.41 1.41"})]}))}))};export{l as ThemeProvider,g as ThemeToggle,a as useTheme,m as useThemeContext};