@haklex/rich-ext-gallery 0.0.2 → 0.0.3

package/dist/rich-ext-gallery.css

@@ -400,490 +400,4 @@
   ._10ydd1ng._10ydd1ng {
     max-width: 56rem;
   }
-}.PhotoView-Portal{direction:ltr;height:100%;left:0;overflow:hidden;position:fixed;top:0;touch-action:none;width:100%;z-index:2000}@keyframes PhotoView__rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes PhotoView__delayIn{0%,50%{opacity:0}to{opacity:1}}.PhotoView__Spinner{animation:PhotoView__delayIn .4s linear both}.PhotoView__Spinner svg{animation:PhotoView__rotate .6s linear infinite}.PhotoView__Photo{cursor:grab;max-width:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.PhotoView__Photo:active{cursor:grabbing}.PhotoView__icon{display:inline-block;left:0;position:absolute;top:0;transform:translate(-50%,-50%)}.PhotoView__PhotoBox,.PhotoView__PhotoWrap{bottom:0;direction:ltr;left:0;position:absolute;right:0;top:0;touch-action:none;width:100%}.PhotoView__PhotoWrap{overflow:hidden;z-index:10}.PhotoView__PhotoBox{transform-origin:left top}@keyframes PhotoView__fade{0%{opacity:0}to{opacity:1}}.PhotoView-Slider__clean .PhotoView-Slider__ArrowLeft,.PhotoView-Slider__clean .PhotoView-Slider__ArrowRight,.PhotoView-Slider__clean .PhotoView-Slider__BannerWrap,.PhotoView-Slider__clean .PhotoView-Slider__Overlay,.PhotoView-Slider__willClose .PhotoView-Slider__BannerWrap:hover{opacity:0}.PhotoView-Slider__Backdrop{background:#000;height:100%;left:0;position:absolute;top:0;transition-property:background-color;width:100%;z-index:-1}.PhotoView-Slider__fadeIn{animation:PhotoView__fade linear both;opacity:0}.PhotoView-Slider__fadeOut{animation:PhotoView__fade linear reverse both;opacity:0}.PhotoView-Slider__BannerWrap{align-items:center;background-color:rgba(0,0,0,.5);color:#fff;display:flex;height:44px;justify-content:space-between;left:0;position:absolute;top:0;transition:opacity .2s ease-out;width:100%;z-index:20}.PhotoView-Slider__BannerWrap:hover{opacity:1}.PhotoView-Slider__Counter{font-size:14px;opacity:.75;padding:0 10px}.PhotoView-Slider__BannerRight{align-items:center;display:flex;height:100%}.PhotoView-Slider__toolbarIcon{fill:#fff;box-sizing:border-box;cursor:pointer;opacity:.75;padding:10px;transition:opacity .2s linear}.PhotoView-Slider__toolbarIcon:hover{opacity:1}.PhotoView-Slider__ArrowLeft,.PhotoView-Slider__ArrowRight{align-items:center;bottom:0;cursor:pointer;display:flex;height:100px;justify-content:center;margin:auto;opacity:.75;position:absolute;top:0;transition:opacity .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:70px;z-index:20}.PhotoView-Slider__ArrowLeft:hover,.PhotoView-Slider__ArrowRight:hover{opacity:1}.PhotoView-Slider__ArrowLeft svg,.PhotoView-Slider__ArrowRight svg{fill:#fff;background:rgba(0,0,0,.3);box-sizing:content-box;height:24px;padding:10px;width:24px}.PhotoView-Slider__ArrowLeft{left:0}.PhotoView-Slider__ArrowRight{right:0}@keyframes tjii40 {
-  from {
-    opacity: 0;
-    transform: translateY(2px) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-@keyframes tjii41 {
-  from {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(2px) scale(0.96);
-  }
-}
-.tjii42 {
-  z-index: 50;
-  width: 288px;
-  border-radius: 0.5rem;
-  border: 1px solid var(--rc-border);
-  padding: 1rem;
-  background-color: var(--rc-bg);
-  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
-  outline: none;
-  transition: opacity 150ms ease-out, transform 150ms ease-out;
-}
-.tjii42[data-open] {
-  animation: tjii40 150ms ease-out;
-}
-.tjii42[data-ending-style] {
-  opacity: 0;
-  transform: translateY(2px) scale(0.96);
-}
-.tjii42[data-closed] {
-  animation: tjii41 150ms ease-in;
-}
-.tjii43 {
-  width: 10px;
-  height: 10px;
-  transform-origin: center;
-}
-.tjii43 > polygon {
-  fill: var(--rc-bg);
-}
-.tjii43 > polyline {
-  stroke: var(--rc-border);
-  fill: none;
-}
-.tjii44 {
-  font-size: 0.875rem;
-  font-weight: 600;
-  line-height: 1;
-  color: var(--rc-text);
-}
-.tjii45 {
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  color: var(--rc-text-secondary);
-  margin-top: 0.25rem;
-}@keyframes _7sluyk0 {
-  from {
-    opacity: 0;
-    transform: scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-._7sluyk1 {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  height: 32px;
-  padding: 0 6px;
-  border: none;
-  background: none;
-  border-radius: 8px;
-  cursor: pointer;
-  color: var(--rc-text-secondary);
-  transition: color 0.1s, background-color 0.1s;
-}
-._7sluyk1:hover {
-  color: var(--rc-text);
-  background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
-}
-._7sluyk2 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-._7sluyk3 {
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 1;
-}
-._7sluyk4 {
-  margin-top: 2px;
-  height: 2px;
-  width: 14px;
-  border-radius: 1px;
-}
-._7sluyk5 {
-  width: 12px;
-  height: 12px;
-  transition: transform 0.15s;
-}
-._7sluyk6 {
-  padding: 8px;
-  width: auto;
-}
-._7sluyk6[data-open] {
-  animation: _7sluyk0 120ms ease-out;
-}
-._7sluyk7 {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr);
-  gap: 4px;
-}
-._7sluyk8 {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  background: none;
-  border-radius: 8px;
-  cursor: pointer;
-  padding: 0;
-  transition: background-color 0.1s;
-}
-._7sluyk8:hover {
-  background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
-}
-._7sluyk9 {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 1px solid color-mix(in srgb, var(--rc-text) 10%, transparent);
-}
-._7sluyka {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  color: var(--rc-bg);
-}@keyframes _1ro2sxg0 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes _1ro2sxg1 {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes _1ro2sxg2 {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.95);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-@keyframes _1ro2sxg3 {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.95);
-  }
-}
-._1ro2sxg4 {
-  position: fixed;
-  inset: 0;
-  z-index: 50;
-  background-color: rgba(0, 0, 0, 0.8);
-}
-._1ro2sxg4[data-open] {
-  animation: _1ro2sxg0 150ms ease-out;
-}
-._1ro2sxg4[data-closed] {
-  animation: _1ro2sxg1 100ms ease-in;
-}
-._1ro2sxg5 {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 50;
-  display: grid;
-  width: 100%;
-  max-width: calc(100% - 2rem);
-  gap: 1rem;
-  border-radius: 0.75rem;
-  border: 1px solid var(--rc-border);
-  padding: 1.5rem;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: var(--rc-text);
-  background-color: var(--rc-bg);
-  box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
-  outline: none;
-}
-._1ro2sxg5[data-open] {
-  animation: _1ro2sxg2 150ms ease-out;
-}
-._1ro2sxg5[data-closed] {
-  animation: _1ro2sxg3 100ms ease-in;
-}
-._1ro2sxg6 {
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 0.25rem;
-  border: none;
-  background: none;
-  cursor: pointer;
-  opacity: 0.7;
-  color: var(--rc-text-secondary);
-  transition: opacity 0.2s ease, color 0.2s ease;
-}
-._1ro2sxg6:hover {
-  opacity: 1;
-  color: var(--rc-text);
-}
-._1ro2sxg6:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--rc-bg), 0 0 0 4px var(--rc-text-secondary);
-}
-._1ro2sxg6:disabled {
-  pointer-events: none;
-  opacity: 0.5;
-}
-._1ro2sxg6 svg {
-  width: 16px;
-  height: 16px;
-  pointer-events: none;
-  flex-shrink: 0;
-}
-._1ro2sxg7 {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-  text-align: center;
-}
-._1ro2sxg8 {
-  display: flex;
-  flex-direction: column-reverse;
-  gap: 0.5rem;
-  padding-top: 0.25rem;
-}
-._1ro2sxg9 {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  font-size: 1.125rem;
-  font-weight: 600;
-  line-height: 1.33;
-  letter-spacing: -0.015em;
-  color: var(--rc-text);
-}
-._1ro2sxga {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
-  font-size: 0.875rem;
-  line-height: 1.43;
-  color: var(--rc-text-secondary);
-}
-@media (min-width: 640px) {
-  ._1ro2sxg5 {
-    max-width: 28rem;
-  }
-  ._1ro2sxg7 {
-    text-align: left;
-  }
-  ._1ro2sxg8 {
-    flex-direction: row;
-    justify-content: flex-end;
-  }
-}._1zzxeo0 {
-  min-width: 8rem;
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-  background-color: var(--rc-bg);
-  box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
-  outline: none;
-  border: 1px solid var(--rc-border);
-  z-index: 50;
-  max-height: var(--available-height);
-  overflow-y: auto;
-  transform-origin: var(--transform-origin);
-  transition: opacity 100ms, transform 100ms;
-}
-._1zzxeo0[data-open] {
-  opacity: 1;
-  transform: scale(1);
-}
-._1zzxeo0[data-closed] {
-  opacity: 0;
-  transform: scale(0.95);
-}
-._1zzxeo1 {
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  border-radius: 0.375rem;
-  padding: 0.25rem 0.375rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  outline: none;
-  user-select: none;
-  cursor: default;
-  color: var(--rc-text);
-}
-._1zzxeo1[data-highlighted] {
-  background-color: color-mix(in srgb, var(--rc-text) 4%, transparent);
-}
-._1zzxeo1[data-disabled] {
-  opacity: 0.5;
-  pointer-events: none;
-}
-._1zzxeo1 svg {
-  pointer-events: none;
-  flex-shrink: 0;
-  width: 16px;
-  height: 16px;
-}
-._1zzxeo2 {
-  height: 1px;
-  background-color: var(--rc-border);
-  margin: 0.25rem -0.25rem;
-}
-._1zzxeo3 {
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--rc-text-secondary);
-  padding: 0.25rem 0.375rem;
-}
-._1zzxeo4 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}
-._1zzxeo5 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 16px;
-  height: 16px;
-  flex-shrink: 0;
-}._1ukrcxs0 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  border-radius: 0.5rem;
-  background-color: var(--rc-bg-secondary);
-  padding: 0.25rem;
-}
-._1ukrcxs1 {
-  width: 100%;
-}
-._1ukrcxs2 {
-  height: 2rem;
-  font-size: 0.75rem;
-}
-._1ukrcxs3 {
-  height: 2.5rem;
-  font-size: 0.875rem;
-}
-._1ukrcxs4 {
-  position: absolute;
-  top: 0.25rem;
-  bottom: 0.25rem;
-  border-radius: 0.375rem;
-  background-color: var(--rc-bg);
-  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
-  transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);
-  pointer-events: none;
-}
-._1ukrcxs5 {
-  opacity: 0;
-}
-._1ukrcxs6 {
-  position: relative;
-  z-index: 10;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  white-space: nowrap;
-  border-radius: 0.375rem;
-  font-weight: 500;
-  outline: none;
-  border: none;
-  background: transparent;
-  cursor: pointer;
-  transition: color 200ms;
-  color: var(--rc-text-secondary);
-}
-._1ukrcxs6:focus-visible {
-  outline: 2px solid var(--rc-accent);
-  outline-offset: 1px;
-}
-._1ukrcxs7 {
-  color: var(--rc-text);
-}
-._1ukrcxs8 {
-  pointer-events: none;
-  opacity: 0.4;
-}
-._1ukrcxs9 {
-  flex: 1;
-}
-._1ukrcxsa {
-  padding: 0 0.75rem;
-}
-._1ukrcxsb {
-  padding: 0 1rem;
-}@keyframes hwdcp10 {
-  from {
-    opacity: 0;
-    transform: translateY(2px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-@keyframes hwdcp11 {
-  from {
-    opacity: 1;
-    transform: translateY(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateY(2px);
-  }
-}
-.hwdcp12 {
-  z-index: 50;
-  max-width: 320px;
-  padding: 6px 10px;
-  font-size: var(--rc-font-size-small);
-  line-height: 1.4;
-  color: var(--rc-text);
-  background-color: var(--rc-bg);
-  border: 1px solid var(--rc-border);
-  border-radius: var(--rc-radius-md);
-  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
-  outline: none;
-  white-space: normal;
-  word-break: break-word;
-  pointer-events: none;
-  transition: opacity 120ms ease-out, transform 120ms ease-out;
-}
-.hwdcp12[data-open] {
-  animation: hwdcp10 120ms ease-out;
-}
-.hwdcp12[data-ending-style] {
-  opacity: 0;
-  transform: translateY(2px);
-}
-.hwdcp12[data-closed] {
-  animation: hwdcp11 120ms ease-in;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-ext-gallery",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Image gallery extension with drag-and-drop",
   "license": "MIT",
   "type": "module",
@@ -21,7 +21,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "react-intersection-observer": "^9.15.1",
     "react-photo-view": "^1.2.6",
-    "thumbhash": "^0.1.1"
+    "thumbhash": "^0.1.1",
+    "@haklex/rich-editor": "0.0.3",
+    "@haklex/rich-style-token": "0.0.3",
+    "@haklex/rich-editor-ui": "0.0.3"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",
@@ -34,19 +37,13 @@
     "react-dom": "19.2.4",
     "typescript": "^5.9.0",
     "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.0",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-editor-ui": "0.0.2",
-    "@haklex/rich-style-token": "0.0.2"
+    "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
     "lexical": "^0.39.0",
     "lucide-react": "^0.574.0",
     "react": ">=19",
-    "react-dom": ">=19",
-    "@haklex/rich-editor": "0.0.2",
-    "@haklex/rich-editor-ui": "0.0.2",
-    "@haklex/rich-style-token": "0.0.2"
+    "react-dom": ">=19"
   },
   "publishConfig": {
     "access": "public"