@yoopta/ui 6.0.0-beta.1 → 6.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/action-menu-list/action-menu-list.d.ts +49 -13
  2. package/dist/action-menu-list/action-menu-list.d.ts.map +1 -1
  3. package/dist/action-menu-list/context.d.ts +25 -0
  4. package/dist/action-menu-list/context.d.ts.map +1 -0
  5. package/dist/action-menu-list/index.d.ts +5 -5
  6. package/dist/action-menu-list/index.d.ts.map +1 -1
  7. package/dist/action-menu-list.js +1 -0
  8. package/dist/block-dnd/block-dnd-context.d.ts +5 -0
  9. package/dist/block-dnd/block-dnd-context.d.ts.map +1 -0
  10. package/dist/block-dnd/drag-handle.d.ts +4 -0
  11. package/dist/block-dnd/drag-handle.d.ts.map +1 -0
  12. package/dist/block-dnd/index.d.ts +7 -0
  13. package/dist/block-dnd/index.d.ts.map +1 -0
  14. package/dist/block-dnd/sortable-block.d.ts +3 -0
  15. package/dist/block-dnd/sortable-block.d.ts.map +1 -0
  16. package/dist/block-dnd/types.d.ts +78 -0
  17. package/dist/block-dnd/types.d.ts.map +1 -0
  18. package/dist/block-dnd/use-block-dnd.d.ts +29 -0
  19. package/dist/block-dnd/use-block-dnd.d.ts.map +1 -0
  20. package/dist/block-dnd.js +1 -0
  21. package/dist/block-options/block-options.d.ts +68 -8
  22. package/dist/block-options/block-options.d.ts.map +1 -1
  23. package/dist/block-options/context.d.ts +11 -0
  24. package/dist/block-options/context.d.ts.map +1 -0
  25. package/dist/block-options/hooks.d.ts +14 -894
  26. package/dist/block-options/hooks.d.ts.map +1 -1
  27. package/dist/block-options/index.d.ts +2 -3
  28. package/dist/block-options/index.d.ts.map +1 -1
  29. package/dist/block-options.js +1 -0
  30. package/dist/chunks/_tslib-5e145dfd.js +1 -0
  31. package/dist/chunks/floating-ui.react-727e4287.js +5 -0
  32. package/dist/chunks/highlight-color-picker-ce0b19ac.js +1 -0
  33. package/dist/chunks/index-e0185864.js +1 -0
  34. package/dist/chunks/style-inject.es-e87a8d02.js +1 -0
  35. package/dist/chunks/throttle-dea4a39e.js +1 -0
  36. package/dist/element-options/components/element-options-color-picker.d.ts +6 -0
  37. package/dist/element-options/components/element-options-color-picker.d.ts.map +1 -0
  38. package/dist/element-options/components/element-options-content.d.ts +6 -0
  39. package/dist/element-options/components/element-options-content.d.ts.map +1 -0
  40. package/dist/element-options/components/element-options-group.d.ts +6 -0
  41. package/dist/element-options/components/element-options-group.d.ts.map +1 -0
  42. package/dist/element-options/components/element-options-input.d.ts +6 -0
  43. package/dist/element-options/components/element-options-input.d.ts.map +1 -0
  44. package/dist/element-options/components/element-options-label.d.ts +6 -0
  45. package/dist/element-options/components/element-options-label.d.ts.map +1 -0
  46. package/dist/element-options/components/element-options-root.d.ts +6 -0
  47. package/dist/element-options/components/element-options-root.d.ts.map +1 -0
  48. package/dist/element-options/components/element-options-select.d.ts +6 -0
  49. package/dist/element-options/components/element-options-select.d.ts.map +1 -0
  50. package/dist/element-options/components/element-options-separator.d.ts +6 -0
  51. package/dist/element-options/components/element-options-separator.d.ts.map +1 -0
  52. package/dist/element-options/components/element-options-slider.d.ts +6 -0
  53. package/dist/element-options/components/element-options-slider.d.ts.map +1 -0
  54. package/dist/element-options/components/element-options-toggle.d.ts +6 -0
  55. package/dist/element-options/components/element-options-toggle.d.ts.map +1 -0
  56. package/dist/element-options/components/element-options-trigger.d.ts +6 -0
  57. package/dist/element-options/components/element-options-trigger.d.ts.map +1 -0
  58. package/dist/element-options/context/element-options-context.d.ts +13 -0
  59. package/dist/element-options/context/element-options-context.d.ts.map +1 -0
  60. package/dist/element-options/index.d.ts +64 -0
  61. package/dist/element-options/index.d.ts.map +1 -0
  62. package/dist/element-options/types.d.ts +107 -0
  63. package/dist/element-options/types.d.ts.map +1 -0
  64. package/dist/element-options.js +14 -0
  65. package/dist/floating-block-actions/context.d.ts +15 -0
  66. package/dist/floating-block-actions/context.d.ts.map +1 -0
  67. package/dist/floating-block-actions/floating-block-actions.d.ts +30 -7
  68. package/dist/floating-block-actions/floating-block-actions.d.ts.map +1 -1
  69. package/dist/floating-block-actions/hooks.d.ts +1 -29
  70. package/dist/floating-block-actions/hooks.d.ts.map +1 -1
  71. package/dist/floating-block-actions/index.d.ts +3 -4
  72. package/dist/floating-block-actions/index.d.ts.map +1 -1
  73. package/dist/floating-block-actions.js +1 -1
  74. package/dist/floating-toolbar/context.d.ts +12 -0
  75. package/dist/floating-toolbar/context.d.ts.map +1 -0
  76. package/dist/floating-toolbar/floating-toolbar.d.ts +44 -0
  77. package/dist/floating-toolbar/floating-toolbar.d.ts.map +1 -0
  78. package/dist/floating-toolbar/index.d.ts +5 -0
  79. package/dist/floating-toolbar/index.d.ts.map +1 -0
  80. package/dist/floating-toolbar.js +1 -0
  81. package/dist/highlight-color-picker.js +1 -0
  82. package/dist/index.d.ts +10 -6
  83. package/dist/index.d.ts.map +1 -1
  84. package/dist/index.js +1 -5
  85. package/dist/overlay.js +1 -0
  86. package/dist/portal.js +1 -0
  87. package/dist/selection-box/SelectionBox.d.ts +19 -0
  88. package/dist/selection-box/SelectionBox.d.ts.map +1 -0
  89. package/dist/selection-box/hooks.d.ts +7 -0
  90. package/dist/selection-box/hooks.d.ts.map +1 -0
  91. package/dist/selection-box/index.d.ts +4 -0
  92. package/dist/selection-box/index.d.ts.map +1 -0
  93. package/dist/selection-box.js +1 -0
  94. package/dist/slash-command-menu/index.d.ts +0 -1
  95. package/dist/slash-command-menu/index.d.ts.map +1 -1
  96. package/dist/slash-command-menu.js +1 -0
  97. package/package.json +88 -7
  98. package/dist/action-menu-list/hooks.d.ts +0 -912
  99. package/dist/action-menu-list/hooks.d.ts.map +0 -1
  100. package/dist/action-menu-list/store.d.ts +0 -22
  101. package/dist/action-menu-list/store.d.ts.map +0 -1
  102. package/dist/action-menu-list/store.test.d.ts +0 -2
  103. package/dist/action-menu-list/store.test.d.ts.map +0 -1
  104. package/dist/block-options/store.d.ts +0 -15
  105. package/dist/block-options/store.d.ts.map +0 -1
  106. package/dist/block-options/store.test.d.ts +0 -2
  107. package/dist/block-options/store.test.d.ts.map +0 -1
  108. package/dist/floating-block-actions/store.d.ts +0 -19
  109. package/dist/floating-block-actions/store.d.ts.map +0 -1
  110. package/dist/floating-block-actions/store.test.d.ts +0 -2
  111. package/dist/floating-block-actions/store.test.d.ts.map +0 -1
  112. package/dist/index-16ebe43d.js +0 -10
  113. package/dist/theme/ThemeProvider.d.ts +0 -16
  114. package/dist/theme/ThemeProvider.d.ts.map +0 -1
  115. package/dist/theme/ThemeToggle.d.ts +0 -6
  116. package/dist/theme/ThemeToggle.d.ts.map +0 -1
  117. package/dist/theme/index.d.ts +0 -5
  118. package/dist/theme/index.d.ts.map +0 -1
  119. package/dist/theme/useTheme.d.ts +0 -8
  120. package/dist/theme/useTheme.d.ts.map +0 -1
  121. package/dist/toolbar/hooks.d.ts +0 -879
  122. package/dist/toolbar/hooks.d.ts.map +0 -1
  123. package/dist/toolbar/index.d.ts +0 -6
  124. package/dist/toolbar/index.d.ts.map +0 -1
  125. package/dist/toolbar/store.d.ts +0 -12
  126. package/dist/toolbar/store.d.ts.map +0 -1
  127. package/dist/toolbar/store.test.d.ts +0 -2
  128. package/dist/toolbar/store.test.d.ts.map +0 -1
  129. package/dist/toolbar/toolbar.d.ts +0 -20
  130. package/dist/toolbar/toolbar.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,22 +0,0 @@
1
- import { Placement } from '@floating-ui/react';
2
- export type ActionMenuListState = 'open' | 'closed';
3
- export type ActionMenuListStore = {
4
- state: ActionMenuListState;
5
- view: 'small' | 'default';
6
- reference: HTMLElement | null;
7
- placement: Placement;
8
- blockId: string | null;
9
- open: (options?: {
10
- reference?: HTMLElement | null;
11
- placement?: Placement;
12
- blockId?: string;
13
- view?: 'small' | 'default';
14
- }) => void;
15
- close: () => void;
16
- toggle: (state: ActionMenuListState) => void;
17
- setView: (view: 'small' | 'default') => void;
18
- setReference: (reference: HTMLElement | null) => void;
19
- reset: () => void;
20
- };
21
- export declare const useActionMenuListStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ActionMenuListStore>>;
22
- //# sourceMappingURL=store.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=store.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/action-menu-list/store.test.ts"],"names":[],"mappings":""}
@@ -1,15 +0,0 @@
1
- export type BlockOptionsStore = {
2
- blockId: string | null;
3
- state: 'open' | 'closed';
4
- reference: HTMLElement | null;
5
- open: (options: {
6
- reference: HTMLElement;
7
- blockId?: string;
8
- }) => void;
9
- close: () => void;
10
- toggle: (actionState: 'open' | 'closed', reference?: HTMLElement | null, blockId?: string | null) => void;
11
- setReference: (node: HTMLElement | null) => void;
12
- reset: () => void;
13
- };
14
- export declare const useBlockOptionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<BlockOptionsStore>>;
15
- //# sourceMappingURL=store.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../src/block-options/store.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,QAAQ,CAAC;IACzB,SAAS,EAAE,WAAW,GAAG,IAAI,CAAC;IAE9B,IAAI,EAAE,CAAC,OAAO,EAAE;QAAE,SAAS,EAAE,WAAW,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,CACN,WAAW,EAAE,MAAM,GAAG,QAAQ,EAC9B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,EAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,KACpB,IAAI,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,oBAAoB,gFAkD9B,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=store.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/block-options/store.test.ts"],"names":[],"mappings":""}
@@ -1,19 +0,0 @@
1
- import { CSSProperties } from 'react';
2
- export type FloatingBlockActionsState = 'hovering' | 'frozen' | 'closed';
3
- export type FloatingBlockActionsStore = {
4
- blockId: string | null;
5
- state: FloatingBlockActionsState;
6
- position: {
7
- top: number;
8
- left: number;
9
- };
10
- styles: CSSProperties;
11
- reference: HTMLElement | null;
12
- setReference: (reference: HTMLElement | null) => void;
13
- toggle: (actionState: FloatingBlockActionsState, blockId?: string | null) => void;
14
- updatePosition: (top: number, left: number, blockActionsWidth?: number) => void;
15
- hide: () => void;
16
- reset: () => void;
17
- };
18
- export declare const useFloatingBlockActionsStore: import("zustand").UseBoundStore<import("zustand").StoreApi<FloatingBlockActionsStore>>;
19
- //# sourceMappingURL=store.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=store.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.test.d.ts","sourceRoot":"","sources":["../../src/floating-block-actions/store.test.ts"],"names":[],"mappings":""}
@@ -1,10 +0,0 @@
1
- import{jsx as t}from"react/jsx-runtime";import o,{memo as e,forwardRef as n,useCallback as a,useEffect as i}from"react";import{useYooptaEditor as r}from"@yoopta/editor";function u(t,o){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(t);a<n.length;a++)o.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(t,n[a])&&(e[n[a]]=t[n[a]])}return e}function s(t,o){void 0===o&&(o={});var e=o.insertAt;if(t&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===e&&n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.styleSheet?a.styleSheet.cssText=t:a.appendChild(document.createTextNode(t))}}"function"==typeof SuppressedError&&SuppressedError;s(":root{--yoopta-ui-background:0 0% 100%;--yoopta-ui-foreground:222.2 84% 4.9%;--yoopta-ui-muted:210 40% 96.1%;--yoopta-ui-muted-foreground:215.4 16.3% 46.9%;--yoopta-ui-border:214.3 31.8% 91.4%;--yoopta-ui-ring:222.2 84% 4.9%;--yoopta-ui-accent:210 40% 96.1%;--yoopta-ui-accent-foreground:222.2 47.4% 11.2%;--yoopta-ui-floating-bg:var(--yoopta-ui-background);--yoopta-ui-floating-border:var(--yoopta-ui-border);--yoopta-ui-floating-shadow:0 1px 2px 0 rgba(0,0,0,.05);--yoopta-ui-floating-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--yoopta-ui-floating-z-index:100;--yoopta-ui-floating-gap:1px;--yoopta-ui-floating-padding:3px;--yoopta-ui-floating-radius:0.5rem;--yoopta-ui-floating-offset:46px;--yoopta-ui-floating-button-min-width:24px;--yoopta-ui-floating-button-min-height:24px;--yoopta-ui-floating-button-padding-y:4px;--yoopta-ui-floating-button-padding-x:6px;--yoopta-ui-floating-button-color:var(--yoopta-ui-foreground);--yoopta-ui-floating-button-bg:transparent;--yoopta-ui-floating-button-hover:var(--yoopta-ui-accent);--yoopta-ui-floating-button-active:var(--yoopta-ui-accent);--yoopta-ui-floating-button-radius:0.375rem;--yoopta-ui-floating-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;--yoopta-ui-floating-ring-offset:2px;--yoopta-ui-floating-ring:var(--yoopta-ui-ring);--yoopta-ui-floating-icon-size:1rem}.dark,[data-theme=dark],[data-yoopta-theme=dark]{--yoopta-ui-background:222.2 84% 4.9%;--yoopta-ui-foreground:210 40% 98%;--yoopta-ui-muted:217.2 32.6% 17.5%;--yoopta-ui-muted-foreground:215 20.2% 65.1%;--yoopta-ui-border:217.2 32.6% 17.5%;--yoopta-ui-ring:212.7 26.8% 83.9%;--yoopta-ui-accent:217.2 32.6% 17.5%;--yoopta-ui-accent-foreground:210 40% 98%;--yoopta-ui-floating-shadow:0 1px 2px 0 rgba(0,0,0,.3);--yoopta-ui-floating-shadow-md:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -2px rgba(0,0,0,.3)}.yoopta-ui-floating-block-actions{align-items:center;background-color:hsl(var(--yoopta-ui-floating-bg));border:1px solid hsl(var(--yoopta-ui-floating-border));border-radius:var(--yoopta-ui-floating-radius);box-shadow:var(--yoopta-ui-floating-shadow-md);display:inline-flex;gap:var(--yoopta-ui-floating-gap);padding:var(--yoopta-ui-floating-padding);z-index:var(--yoopta-ui-floating-z-index)}.yoopta-ui-floating-action-button{align-items:center;background-color:var(--yoopta-ui-floating-button-bg);border:none;border-radius:var(--yoopta-ui-floating-button-radius);color:hsl(var(--yoopta-ui-floating-button-color));cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1;min-height:var(--yoopta-ui-floating-button-min-height);min-width:var(--yoopta-ui-floating-button-min-width);outline:none;padding:var(--yoopta-ui-floating-button-padding-y) var(--yoopta-ui-floating-button-padding-x);touch-action:manipulation;transition:var(--yoopta-ui-floating-transition);-moz-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap}.yoopta-ui-floating-action-button:hover{background-color:hsl(var(--yoopta-ui-floating-button-hover));color:hsl(var(--yoopta-ui-accent-foreground))}.yoopta-ui-floating-action-button:active{background-color:hsl(var(--yoopta-ui-floating-button-active));transform:scale(.98)}.yoopta-ui-floating-action-button:focus-visible{box-shadow:0 0 0 var(--yoopta-ui-floating-ring-offset) hsl(var(--yoopta-ui-background)),0 0 0 calc(var(--yoopta-ui-floating-ring-offset) + 2px) hsl(var(--yoopta-ui-floating-ring));outline:none}.yoopta-ui-floating-action-button:disabled{opacity:.5;pointer-events:none}.yoopta-ui-floating-action-button svg{flex-shrink:0;height:var(--yoopta-ui-floating-icon-size);width:var(--yoopta-ui-floating-icon-size)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--yoopta-ui-background:222.2 84% 4.9%;--yoopta-ui-foreground:210 40% 98%;--yoopta-ui-muted:217.2 32.6% 17.5%;--yoopta-ui-muted-foreground:215 20.2% 65.1%;--yoopta-ui-border:217.2 32.6% 17.5%;--yoopta-ui-ring:212.7 26.8% 83.9%;--yoopta-ui-accent:217.2 32.6% 17.5%;--yoopta-ui-accent-foreground:210 40% 98%}}");const l=t=>{let o;const e=new Set,n=(t,n)=>{const a="function"==typeof t?t(o):t;if(!Object.is(a,o)){const t=o;o=(null!=n?n:"object"!=typeof a||null===a)?a:Object.assign({},o,a),e.forEach(e=>e(o,t))}},a=()=>o,i={setState:n,getState:a,getInitialState:()=>r,subscribe:t=>(e.add(t),()=>e.delete(t)),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."),e.clear()}},r=o=t(n,a,i);return i};function c(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var p,d,f,g={},y={get exports(){return g},set exports(t){g=t}},b={},v={},m={get exports(){return v},set exports(t){v=t}},h={};function x(){return d||(d=1,m.exports=function(){if(p)return h;p=1;var t=o,e="function"==typeof Object.is?Object.is:function(t,o){return t===o&&(0!==t||1/t==1/o)||t!=t&&o!=o},n=t.useState,a=t.useEffect,i=t.useLayoutEffect,r=t.useDebugValue;function u(t){var o=t.getSnapshot;t=t.value;try{var n=o();return!e(t,n)}catch(t){return!0}}var s="undefined"==typeof window||void 0===window.document||void 0===window.document.createElement?function(t,o){return o()}:function(t,o){var e=o(),s=n({inst:{value:e,getSnapshot:o}}),l=s[0].inst,c=s[1];return i(function(){l.value=e,l.getSnapshot=o,u(l)&&c({inst:l})},[t,e,o]),a(function(){return u(l)&&c({inst:l}),t(function(){u(l)&&c({inst:l})})},[t]),r(e),e};return h.useSyncExternalStore=void 0!==t.useSyncExternalStore?t.useSyncExternalStore:s,h}()),v}
2
- /**
3
- * @license React
4
- * use-sync-external-store-shim/with-selector.production.js
5
- *
6
- * Copyright (c) Meta Platforms, Inc. and affiliates.
7
- *
8
- * This source code is licensed under the MIT license found in the
9
- * LICENSE file in the root directory of this source tree.
10
- */y.exports=function(){if(f)return b;f=1;var t=o,e=x(),n="function"==typeof Object.is?Object.is:function(t,o){return t===o&&(0!==t||1/t==1/o)||t!=t&&o!=o},a=e.useSyncExternalStore,i=t.useRef,r=t.useEffect,u=t.useMemo,s=t.useDebugValue;return b.useSyncExternalStoreWithSelector=function(t,o,e,l,c){var p=i(null);if(null===p.current){var d={hasValue:!1,value:null};p.current=d}else d=p.current;p=u(function(){function t(t){if(!r){if(r=!0,a=t,t=l(t),void 0!==c&&d.hasValue){var o=d.value;if(c(o,t))return i=o}return i=t}if(o=i,n(a,t))return o;var e=l(t);return void 0!==c&&c(o,e)?(a=t,o):(a=t,i=e)}var a,i,r=!1,u=void 0===e?null:e;return[function(){return t(o())},null===u?void 0:function(){return t(u())}]},[o,e,l,c]);var f=a(t,p[0],p[1]);return r(function(){d.hasValue=!0,d.value=f},[f]),s(f),f},b}();var E=c(g);const{useDebugValue:w}=o,{useSyncExternalStoreWithSelector:k}=E;let S=!1;const O=t=>t;const j=t=>{"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&"function"!=typeof t&&console.warn("[DEPRECATED] Passing a vanilla store will be unsupported in a future version. Instead use `import { useStore } from 'zustand'`.");const o="function"==typeof t?(t=>t?l(t):l)(t):t,e=(t,e)=>function(t,o=O,e){"production"!==(import.meta.env?import.meta.env.MODE:void 0)&&e&&!S&&(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"),S=!0);const n=k(t.subscribe,t.getState,t.getServerState||t.getInitialState,o,e);return w(n),n}(o,t,e);return Object.assign(e,o),e},D=t=>t?j(t):j,I={position:"fixed",top:0,left:0,opacity:0,pointerEvents:"none",transform:"scale(0.95) translateX(-46px)",transition:"opacity 150ms ease-out, transform 150ms ease-out"},z=D()((t,o)=>({blockId:null,state:"closed",position:{top:0,left:0},styles:I,reference:null,setReference(o){t({reference:o})},toggle(o,e){t({state:o,blockId:e||null})},updatePosition(e,n,a=46){t({position:{top:e,left:n},styles:Object.assign(Object.assign({},o().styles),{top:e,left:n,opacity:1,transform:`scale(1) translateX(-${a+2}px)`,pointerEvents:"auto"})})},hide(){t({state:"closed",blockId:null,styles:Object.assign(Object.assign({},o().styles),{opacity:0,transform:I.transform,pointerEvents:"none"})})},reset(){t({blockId:null,state:"closed",position:{top:0,left:0},styles:I})}})),C=e(({children:o,className:e})=>{const{setReference:n,styles:a}=z();return t("div",Object.assign({ref:n,className:`yoopta-ui-floating-block-actions ${e}`,style:a,contentEditable:!1,onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation()},{children:o}))});C.displayName="FloatingBlockActions.Root";const P=n((o,e)=>{var{children:n,onClick:a,className:i="",disabled:r,title:s}=o,l=u(o,["children","onClick","className","disabled","title"]);return t("button",Object.assign({ref:e,type:"button",className:`yoopta-ui-floating-action-button ${i}`,onClick:a,disabled:r,title:s,"aria-label":s},l,{children:n}))});P.displayName="FloatingBlockActions.Button";const T=Object.assign(C,{Root:C,Button:P});function B(t,o,{leading:e=!0,trailing:n=!0}={}){let a=0,i=null,r=null;const u=o=>{t(...r),a=o,r=null},s=(...t)=>{const s=Date.now();a||e||(a=s);const l=o-(s-a);r=t,l<=0||l>o?(i&&(clearTimeout(i),i=null),u(s)):!i&&n&&(i=setTimeout(()=>{i=null,n&&r&&u(Date.now())},l))};return s.cancel=()=>{i&&(clearTimeout(i),i=null),r=null,a=0},s}const R=()=>{const t=z();return{reference:t.reference,floatingBlockId:t.blockId,state:t.state,styles:t.styles,toggle:t.toggle,hide:t.hide,reset:t.reset}},N=()=>{const t=r(),o=z(),e=a((t,e)=>{var n;const a=t.getBoundingClientRect(),i=(null===(n=o.reference)||void 0===n?void 0:n.offsetWidth)||46;o.updatePosition(a.top+2,a.left,i)},[o]),n=a(()=>{o.hide()},[o]),u=a(o=>{if(!t.refElement)return null;const e=t.refElement.querySelectorAll("[data-yoopta-block]"),n=window.innerHeight;let a=null,i=1/0;if(e.forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom<-200||e.top>n+200)return;if(o>=e.top&&o<=e.bottom)return a=t,void(i=0);const r=o<e.top?e.top-o:o-e.bottom;r<i&&(i=r,a=t)}),a&&i<=100){const o=a.getAttribute("data-yoopta-block-id"),e=o?t.children[o]:null;if(o&&e)return{element:a,data:e}}return null},[t]),s=B(a(a=>{var i,r;if("frozen"===o.state)return;const s=a.target,l=null===(i=t.refElement)||void 0===i?void 0:i.contains(a.target),c=null===(r=o.reference)||void 0===r?void 0:r.contains(s);if(!l)return n();if(t.readOnly)return;if(c)return;const p=u(a.clientY);if(p){const{element:t,data:n}=p;n.id!==o.blockId&&(o.toggle("hovering",n.id),e(t,n))}else null!==o.blockId&&n()},[o,t,n,u,e]),100,{leading:!0,trailing:!0});return i(()=>{const t=()=>{"frozen"!==o.state&&n()};return document.addEventListener("mousemove",s),document.addEventListener("scroll",t,!0),()=>{document.removeEventListener("mousemove",s),document.removeEventListener("scroll",t,!0)}},[s,n,o.state]),{reference:o.reference,floatingBlockId:o.blockId,state:o.state,styles:o.styles,toggle:o.toggle,hide:o.hide,reset:o.reset}};export{T as F,u as _,R as a,z as b,D as c,s,B as t,N as u};
@@ -1,16 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { Theme } from './useTheme';
3
- type ThemeContextType = {
4
- theme: Theme;
5
- resolvedTheme: 'light' | 'dark';
6
- setTheme: (theme: Theme) => void;
7
- toggleTheme: () => void;
8
- };
9
- export declare const useThemeContext: () => ThemeContextType;
10
- type ThemeProviderProps = {
11
- children: ReactNode;
12
- defaultTheme?: Theme;
13
- };
14
- export declare const ThemeProvider: ({ children, defaultTheme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
15
- export {};
16
- //# sourceMappingURL=ThemeProvider.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,6 +0,0 @@
1
- type ThemeToggleProps = {
2
- className?: string;
3
- };
4
- export declare const ThemeToggle: ({ className }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element;
5
- export {};
6
- //# sourceMappingURL=ThemeToggle.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,5 +0,0 @@
1
- export { useTheme } from './useTheme';
2
- export { ThemeProvider, useThemeContext } from './ThemeProvider';
3
- export { ThemeToggle } from './ThemeToggle';
4
- export type { Theme } from './useTheme';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}
@@ -1,8 +0,0 @@
1
- export type Theme = 'light' | 'dark' | 'system';
2
- export declare const useTheme: () => {
3
- theme: Theme;
4
- resolvedTheme: "light" | "dark";
5
- setTheme: (newTheme: Theme) => void;
6
- toggleTheme: () => void;
7
- };
8
- //# sourceMappingURL=useTheme.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}