dune-react 0.0.43 → 0.0.44

package/dist/node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.js

@@ -0,0 +1,181 @@
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
+    d2.__proto__ = b2;
+  } || function(d2, b2) {
+    for (var p in b2) if (Object.prototype.hasOwnProperty.call(b2, p)) d2[p] = b2[p];
+  };
+  return extendStatics(d, b);
+};
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+    throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() {
+    this.constructor = d;
+  }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+var __assign = function() {
+  __assign = Object.assign || function __assign2(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+}
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function(resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+function __generator(thisArg, body) {
+  var _ = { label: 0, sent: function() {
+    if (t[0] & 1) throw t[1];
+    return t[1];
+  }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+    return this;
+  }), g;
+  function verb(n) {
+    return function(v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (g && (g = 0, op[0] && (_ = 0)), _) try {
+      if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+      if (y = 0, t) op = [op[0] & 2, t.value];
+      switch (op[0]) {
+        case 0:
+        case 1:
+          t = op;
+          break;
+        case 4:
+          _.label++;
+          return { value: op[1], done: false };
+        case 5:
+          _.label++;
+          y = op[1];
+          op = [0];
+          continue;
+        case 7:
+          op = _.ops.pop();
+          _.trys.pop();
+          continue;
+        default:
+          if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+            _ = 0;
+            continue;
+          }
+          if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+            _.label = op[1];
+            break;
+          }
+          if (op[0] === 6 && _.label < t[1]) {
+            _.label = t[1];
+            t = op;
+            break;
+          }
+          if (t && _.label < t[2]) {
+            _.label = t[2];
+            _.ops.push(op);
+            break;
+          }
+          if (t[2]) _.ops.pop();
+          _.trys.pop();
+          continue;
+      }
+      op = body.call(thisArg, _);
+    } catch (e) {
+      op = [6, e];
+      y = 0;
+    } finally {
+      f = t = 0;
+    }
+    if (op[0] & 5) throw op[1];
+    return { value: op[0] ? op[1] : void 0, done: true };
+  }
+}
+function __read(o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o), r, ar = [], e;
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+  } catch (error) {
+    e = { error };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+  return ar;
+}
+function __spreadArrays() {
+  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+  for (var r = Array(s), k = 0, i = 0; i < il; i++)
+    for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+      r[k] = a[j];
+  return r;
+}
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+export {
+  __assign,
+  __awaiter,
+  __extends,
+  __generator,
+  __read,
+  __rest,
+  __spreadArray,
+  __spreadArrays
+};

package/dist/style.css

@@ -0,0 +1,406 @@
+.advanced-cropper-line-wrapper--north, .advanced-cropper-line-wrapper--south {
+  height: 12px;
+  width: 100%; }
+
+.advanced-cropper-line-wrapper--north {
+  cursor: n-resize; }
+
+.advanced-cropper-line-wrapper--south {
+  cursor: s-resize; }
+
+.advanced-cropper-line-wrapper--east, .advanced-cropper-line-wrapper--west {
+  width: 12px;
+  height: 100%; }
+
+.advanced-cropper-line-wrapper--east {
+  cursor: e-resize; }
+
+.advanced-cropper-line-wrapper--west {
+  cursor: w-resize; }
+
+.advanced-cropper-line-wrapper--disabled {
+  cursor: auto; }
+
+.advanced-cropper-line-wrapper__content {
+  position: absolute; }
+  .advanced-cropper-line-wrapper__content--east, .advanced-cropper-line-wrapper__content--west {
+    height: 100%; }
+  .advanced-cropper-line-wrapper__content--north, .advanced-cropper-line-wrapper__content--south {
+    width: 100%; }
+  .advanced-cropper-line-wrapper__content--east {
+    left: 50%;
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%); }
+  .advanced-cropper-line-wrapper__content--west {
+    right: 50%;
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%); }
+  .advanced-cropper-line-wrapper__content--north {
+    top: 50%; }
+  .advanced-cropper-line-wrapper__content--south {
+    bottom: 50%; }
+
+.advanced-cropper-handler-wrapper {
+  position: absolute;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  width: 30px;
+  height: 30px; }
+  .advanced-cropper-handler-wrapper__draggable {
+    width: 100%;
+    height: 100%;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  .advanced-cropper-handler-wrapper--west-north {
+    cursor: nw-resize; }
+  .advanced-cropper-handler-wrapper--north {
+    cursor: n-resize; }
+  .advanced-cropper-handler-wrapper--east-north {
+    cursor: ne-resize; }
+  .advanced-cropper-handler-wrapper--east {
+    cursor: e-resize; }
+  .advanced-cropper-handler-wrapper--east-south {
+    cursor: se-resize; }
+  .advanced-cropper-handler-wrapper--south {
+    cursor: s-resize; }
+  .advanced-cropper-handler-wrapper--west-south {
+    cursor: sw-resize; }
+  .advanced-cropper-handler-wrapper--west {
+    cursor: w-resize; }
+  .advanced-cropper-handler-wrapper--disabled {
+    cursor: auto; }
+
+.advanced-cropper-bounding-box {
+  position: relative;
+  height: 100%;
+  width: 100%; }
+  .advanced-cropper-bounding-box__handler-wrapper {
+    position: absolute; }
+    .advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--west {
+      top: 50%;
+      -webkit-transform: translateY(-50%);
+              transform: translateY(-50%);
+      height: 100%; }
+    .advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--north {
+      left: 50%;
+      -webkit-transform: translateX(-50%);
+              transform: translateX(-50%);
+      width: 100%; }
+    .advanced-cropper-bounding-box__handler-wrapper--west, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--west-south {
+      left: 0; }
+    .advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--east-north, .advanced-cropper-bounding-box__handler-wrapper--east-south {
+      left: 100%; }
+    .advanced-cropper-bounding-box__handler-wrapper--north, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--east-north {
+      top: 0; }
+    .advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--west-south, .advanced-cropper-bounding-box__handler-wrapper--east-south {
+      top: 100%; }
+  .advanced-cropper-bounding-box__handler {
+    position: absolute; }
+    .advanced-cropper-bounding-box__handler--west-north {
+      left: 0;
+      top: 0; }
+    .advanced-cropper-bounding-box__handler--north {
+      left: 50%;
+      top: 0; }
+    .advanced-cropper-bounding-box__handler--east-north {
+      left: 100%;
+      top: 0; }
+    .advanced-cropper-bounding-box__handler--east {
+      left: 100%;
+      top: 50%; }
+    .advanced-cropper-bounding-box__handler--east-south {
+      left: 100%;
+      top: 100%; }
+    .advanced-cropper-bounding-box__handler--south {
+      left: 50%;
+      top: 100%; }
+    .advanced-cropper-bounding-box__handler--west-south {
+      left: 0;
+      top: 100%; }
+    .advanced-cropper-bounding-box__handler--west {
+      left: 0;
+      top: 50%; }
+  .advanced-cropper-bounding-box__line {
+    position: absolute; }
+    .advanced-cropper-bounding-box__line--north, .advanced-cropper-bounding-box__line--south {
+      left: 0;
+      -webkit-transform: translateY(-50%);
+              transform: translateY(-50%); }
+    .advanced-cropper-bounding-box__line--north {
+      top: 0; }
+    .advanced-cropper-bounding-box__line--south {
+      top: 100%; }
+    .advanced-cropper-bounding-box__line--west, .advanced-cropper-bounding-box__line--east {
+      top: 0;
+      -webkit-transform: translateX(-50%);
+              transform: translateX(-50%); }
+    .advanced-cropper-bounding-box__line--west {
+      left: 0; }
+    .advanced-cropper-bounding-box__line--east {
+      left: 100%; }
+
+.advanced-cropper-artificial-transition {
+  will-change: transform; }
+
+.advanced-cropper-background-image {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  position: absolute;
+  -webkit-transform-origin: center;
+          transform-origin: center;
+  pointer-events: none;
+  max-width: none !important; }
+
+.advanced-cropper-canvas {
+  display: none; }
+
+.advanced-cropper-source {
+  width: 1px;
+  height: 1px;
+  visibility: hidden;
+  position: absolute;
+  opacity: 0; }
+
+.advanced-cropper-fade {
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition: 0.5s;
+  transition: 0.5s;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+  .advanced-cropper-fade--visible {
+    opacity: 1;
+    visibility: visible; }
+
+.advanced-cropper-wrapper__fade {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  min-height: 0; }
+
+.advanced-cropper-stencil-grid {
+  display: table;
+  border-collapse: collapse;
+  table-layout: fixed;
+  opacity: 0;
+  -webkit-transition: opacity 0.3s;
+  transition: opacity 0.3s; }
+  .advanced-cropper-stencil-grid--visible {
+    opacity: 1; }
+  .advanced-cropper-stencil-grid__row {
+    display: table-row; }
+  .advanced-cropper-stencil-grid__cell {
+    display: table-cell;
+    width: 1%;
+    height: 1%;
+    border: currentColor solid 1px; }
+    .advanced-cropper-stencil-grid__cell--top {
+      border-top-color: transparent; }
+    .advanced-cropper-stencil-grid__cell--left {
+      border-left-color: transparent; }
+    .advanced-cropper-stencil-grid__cell--right {
+      border-right-color: transparent; }
+    .advanced-cropper-stencil-grid__cell--bottom {
+      border-bottom-color: transparent; }
+
+.advanced-cropper-stencil-overlay {
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-box-shadow: 0 0 0 1000px currentColor;
+          box-shadow: 0 0 0 1000px currentColor;
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  -webkit-backface-visibility: hidden; }
+
+.advanced-cropper-stencil-wrapper {
+  will-change: transform; }
+
+.advanced-cropper-boundary {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  direction: ltr;
+  position: relative; }
+  .advanced-cropper-boundary__content {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0; }
+  .advanced-cropper-boundary__stretcher {
+    pointer-events: none;
+    position: relative;
+    max-width: 100%;
+    max-height: 100%; }
+
+.advanced-cropper-circle-stencil {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-backface-visibility: hidden;
+  -webkit-transform-style: preserve-3d; }
+  .advanced-cropper-circle-stencil__overlay {
+    border-radius: 50%;
+    overflow: hidden; }
+  .advanced-cropper-circle-stencil__preview {
+    border-radius: 50%; }
+  .advanced-cropper-circle-stencil__draggable-area, .advanced-cropper-circle-stencil__overlay, .advanced-cropper-circle-stencil__preview, .advanced-cropper-circle-stencil__grid {
+    position: absolute;
+    height: 100%;
+    width: 100%; }
+  .advanced-cropper-circle-stencil--movable {
+    cursor: move; }
+
+.advanced-cropper-rectangle-stencil {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-backface-visibility: hidden;
+  -webkit-transform-style: preserve-3d; }
+  .advanced-cropper-rectangle-stencil__draggable-area, .advanced-cropper-rectangle-stencil__overlay, .advanced-cropper-rectangle-stencil__preview, .advanced-cropper-rectangle-stencil__grid {
+    position: absolute;
+    height: 100%;
+    width: 100%; }
+  .advanced-cropper-rectangle-stencil--movable {
+    cursor: move; }
+
+.advanced-cropper-simple-line {
+  background: none;
+  border-width: 0; }
+  .advanced-cropper-simple-line--south, .advanced-cropper-simple-line--north {
+    height: 0;
+    width: 100%; }
+  .advanced-cropper-simple-line--east, .advanced-cropper-simple-line--west {
+    height: 100%;
+    width: 0; }
+  .advanced-cropper-simple-line--east {
+    border-right-width: 1px; }
+  .advanced-cropper-simple-line--west {
+    border-left-width: 1px; }
+  .advanced-cropper-simple-line--south {
+    border-bottom-width: 1px; }
+  .advanced-cropper-simple-line--north {
+    border-top-width: 1px; }
+
+.advanced-cropper-simple-handler {
+  display: block; }
+
+.advanced-cropper-preview {
+  overflow: hidden;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+  .advanced-cropper-preview__content {
+    overflow: hidden;
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+            transform: translate(-50%, -50%); }
+  .advanced-cropper-preview__image {
+    display: none;
+    pointer-events: none;
+    position: absolute;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+    -webkit-transform-origin: center;
+            transform-origin: center;
+    max-width: none !important; }
+    .advanced-cropper-preview__image--visible {
+      display: block; }
+  .advanced-cropper-preview__boundary {
+    -webkit-box-flex: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
+    min-height: 0;
+    min-width: 0; }
+
+.cropper-preview-wrapper__fade {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  min-height: 0;
+  width: 100%; }
+
+.advanced-cropper {
+  overflow: hidden;
+  max-height: 100%;
+  background: black;
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  color: white; }
+  .advanced-cropper__boundary {
+    -webkit-box-flex: 1;
+        -ms-flex-positive: 1;
+            flex-grow: 1;
+    min-height: 0;
+    min-width: 0; }
+  .advanced-cropper__wrapper, .advanced-cropper__background-wrapper {
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    position: absolute; }
+  .advanced-cropper__stencil-wrapper {
+    position: absolute; }
+  .advanced-cropper * {
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box; }
+
+.advanced-cropper-simple-handler {
+  background: currentColor;
+  height: 10px;
+  width: 10px; }
+
+.advanced-cropper-simple-line {
+  -webkit-transition: border 0.5s;
+  transition: border 0.5s;
+  border-color: rgba(255, 255, 255, 0.3);
+  border-style: solid; }
+  .advanced-cropper-simple-line--hover {
+    border-color: white; }
+
+.advanced-cropper-circle-stencil__preview {
+  border: solid 2px rgba(255, 255, 255, 0.2); }
+
+.advanced-cropper-stencil-overlay {
+  color: rgba(0, 0, 0, 0.5); }
+
+.advanced-cropper-stencil-grid {
+  color: rgba(255, 255, 255, 0.4); }

package/package.json

@@ -1,8 +1,26 @@
 {
   "name": "dune-react",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "license": "MIT",
   "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "gen:meta": "node --import ./scripts/register-mocks.mjs --import tsx/esm scripts/generate-component-meta.ts",
+    "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json",
+    "watch": "vite build --watch & tsc --project tsconfig.build.json --watch --preserveWatchOutput &",
+    "build:sync": "pnpm build && cd ../magent && pnpm sync:dune && cd ../canvas-editor && pnpm sync:dune",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 8080",
+    "preview-storybook": "npx http-server storybook-static",
+    "build-storybook": "storybook build && cp -r skills storybook-static/skills",
+    "deploy-storybook": "storybook-to-ghpages -- --existing-output-dir=storybook-static",
+    "ondeploy": "pnpm build-storybook && pnpm deploy-storybook",
+    "sync:downstream": "bash scripts/postpublish.sh",
+    "screenshot": "tsx scripts/screenshot-components.ts",
+    "screenshot:copy": "tsx scripts/screenshot-components.ts --skip-capture",
+    "upload:previews": "tsx scripts/upload-previews-r2.ts"
+  },
   "sideEffects": [
     "*.css"
   ],
@@ -402,27 +420,10 @@
     "@emotion/is-prop-valid": "1.4.0",
     "@relume_io/relume-tailwind": "^1.3.0",
     "embla-carousel-autoplay": "8.6.0",
+    "react-advanced-cropper": "0.20.1",
     "react-error-boundary": "6.1.1",
     "react-icons": "5.6.0",
     "shadcn": "4.0.8",
     "zod": "4.3.6"
-  },
-  "scripts": {
-    "dev": "vite",
-    "gen:meta": "node --import ./scripts/register-mocks.mjs --import tsx/esm scripts/generate-component-meta.ts",
-    "build": "pnpm gen:meta && vite build && tsc --project tsconfig.build.json",
-    "watch": "vite build --watch & tsc --project tsconfig.build.json --watch --preserveWatchOutput &",
-    "build:sync": "pnpm build && cd ../magent && pnpm sync:dune && cd ../canvas-editor && pnpm sync:dune",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 8080",
-    "preview-storybook": "npx http-server storybook-static",
-    "build-storybook": "storybook build && cp -r skills storybook-static/skills",
-    "deploy-storybook": "storybook-to-ghpages -- --existing-output-dir=storybook-static",
-    "ondeploy": "pnpm build-storybook && pnpm deploy-storybook",
-    "sync:downstream": "bash scripts/postpublish.sh",
-    "screenshot": "tsx scripts/screenshot-components.ts",
-    "screenshot:copy": "tsx scripts/screenshot-components.ts --skip-capture",
-    "upload:previews": "tsx scripts/upload-previews-r2.ts"
   }
-}
+}