dune-react 0.0.44 → 0.0.46

package/dist/components/puck-base/media.d.ts

@@ -1,4 +1,3 @@
-import "react-advanced-cropper/dist/style.css";
 export declare function detectMediaType(src: string): "image" | "video" | "embed";
 export interface CompoundMediaProps {
     src: string;

package/dist/components/puck-base/media.js

@@ -2,7 +2,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useEffect, useRef, useCallback, useMemo } from "react";
 import { Cropper, CircleStencil, RectangleStencil, DraggableArea as DraggableElement } from "../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@19.2.4/node_modules/react-advanced-cropper/dist/index.esm-bundler.js";
-/* empty css                                                                                                                     */
 import { Pencil, Film, Search, Upload, Square, Circle, FlipHorizontal, RotateCcw, RotateCw, FlipVertical, Loader2, Check } from "lucide-react";
 import { cn } from "../../utils/css-utils.js";
 import { withEditable } from "../puck-core/core/with-editable.js";
@@ -387,7 +386,7 @@ function MediaEditDialog({
                         value: "adjust",
                         className: "m-3 animate-tabs flex flex-col overflow-hidden rounded-lg",
                         children: [
-                          /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-t-lg bg-muted", children: /* @__PURE__ */ jsx(
+                          /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-t-lg bg-muted min-h-[256px]", children: /* @__PURE__ */ jsx(
                             Cropper,
                             {
                               ref: cropperRef,

package/dist/components/puck-core/core/with-editable.js

@@ -3,7 +3,6 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
 import { registerOverlayPortal } from "@puckeditor/core";
 import { usePuckDispatch, usePuckAppState } from "./hooks.js";
-import { Pencil } from "lucide-react";
 import { useEditorContext } from "./context/editor-context.js";
 import set from "../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/set.js";
 const BLOCK_LEVEL_TYPES = /* @__PURE__ */ new Set(["image", "media"]);
@@ -94,8 +93,8 @@ function withEditable(Component, config) {
               transform: `scale(${inverseScale})`,
               transformOrigin: "center center"
             },
-            className: "flex h-8 w-8 items-center justify-center rounded-full bg-black/50 shadow-md backdrop-blur-sm",
-            children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-white" })
+            className: "flex items-center justify-center rounded-full bg-black/50 px-2 py-1 shadow-md backdrop-blur-sm",
+            children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-white", children: "Edit" })
           }
         ) })
       ] });
@@ -106,8 +105,8 @@ function withEditable(Component, config) {
         "span",
         {
           onClick: handleEdit,
-          className: "flex h-8 w-8 items-center justify-center rounded-full bg-black/50 shadow-md backdrop-blur-sm",
-          children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4 text-white" })
+          className: "flex items-center justify-center rounded-full bg-black/50 px-2 py-1 shadow-md backdrop-blur-sm",
+          children: /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-white", children: "Edit" })
         }
       ) })
     ] });

package/dist/components/shadcn/alert-dialog.js

@@ -170,6 +170,7 @@ function AlertDialogCancel({
     {
       "data-slot": "alert-dialog-cancel",
       className: cn(className),
+      nativeButton: true,
       render: /* @__PURE__ */ jsx(Button, { variant, size }),
       ...props
     }

package/dist/components/shadcn/collapsible.js

@@ -14,14 +14,11 @@ function CollapsibleTrigger({
   ...props
 }) {
   if (asChild) {
-    const child = children;
-    const isNativeButton = typeof (child == null ? void 0 : child.type) === "string" && child.type === "button";
     return /* @__PURE__ */ jsx(
       Collapsible$1.Trigger,
       {
         "data-slot": "collapsible-trigger",
-        render: child,
-        nativeButton: isNativeButton,
+        render: children,
         ...props
       }
     );

package/dist/components/shadcn/dialog.js

@@ -13,14 +13,11 @@ function DialogTrigger({
   ...props
 }) {
   if (asChild) {
-    const child = children;
-    const isNativeButton = typeof (child == null ? void 0 : child.type) === "string" && child.type === "button";
     return /* @__PURE__ */ jsx(
       Dialog$1.Trigger,
       {
         "data-slot": "dialog-trigger",
-        render: child,
-        nativeButton: isNativeButton,
+        render: children,
         ...props
       }
     );
@@ -88,6 +85,7 @@ function DialogContent({
             Dialog$1.Close,
             {
               "data-slot": "dialog-close",
+              nativeButton: true,
               render: /* @__PURE__ */ jsx(
                 Button,
                 {
@@ -137,7 +135,7 @@ function DialogFooter({
       ...props,
       children: [
         children,
-        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
+        showCloseButton && /* @__PURE__ */ jsx(Dialog$1.Close, { nativeButton: true, render: /* @__PURE__ */ jsx(Button, { variant: "outline" }), children: "Close" })
       ]
     }
   );

package/dist/components/shadcn/dropdown-menu.js

@@ -15,14 +15,11 @@ function DropdownMenuTrigger({
   ...props
 }) {
   if (asChild) {
-    const child = children;
-    const isNativeButton = typeof (child == null ? void 0 : child.type) === "string" && child.type === "button";
     return /* @__PURE__ */ jsx(
       Menu.Trigger,
       {
         "data-slot": "dropdown-menu-trigger",
-        render: child,
-        nativeButton: isNativeButton,
+        render: children,
         ...props
       }
     );

package/dist/components/shadcn/popover.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { Popover as PopoverPrimitive } from "@base-ui/react/popover";
 declare function Popover({ ...props }: PopoverPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ asChild, children, nativeButton, ...props }: PopoverPrimitive.Trigger.Props & {
+declare function PopoverTrigger({ asChild, children, ...props }: PopoverPrimitive.Trigger.Props & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;

package/dist/components/shadcn/popover.js

@@ -8,17 +8,14 @@ function Popover({ ...props }) {
 function PopoverTrigger({
   asChild,
   children,
-  nativeButton,
   ...props
 }) {
   if (asChild) {
-    const child = children;
     return /* @__PURE__ */ jsx(
       Popover$1.Trigger,
       {
         "data-slot": "popover-trigger",
-        render: child,
-        nativeButton: nativeButton ?? true,
+        render: children,
         ...props
       }
     );

package/dist/components/shadcn/sheet.js

@@ -54,6 +54,7 @@ function SheetContent({
             Dialog.Close,
             {
               "data-slot": "sheet-close",
+              nativeButton: true,
               render: /* @__PURE__ */ jsx(
                 Button,
                 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dune-react",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -87,7 +87,8 @@
     "storybook": "^10.2.19",
     "tsx": "^4.21.0",
     "typescript": "^5.0.2",
-    "vite": "^5.4.19"
+    "vite": "^5.4.19",
+    "vite-plugin-progress": "0.0.7"
   },
   "peerDependencies": {
     "@base-ui/react": "^1.0.0",
@@ -423,7 +424,6 @@
     "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"
   }
 }

package/dist/style.css

@@ -1,406 +0,0 @@
-.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); }