@justanarthur/modo-ui 0.6.0-canary.9 → 0.6.0

package/dist/shared/{components-czdvj1a8.js → components-zfnmn5d4.js}

@@ -1,45 +1,39 @@
-"use client";
 import {
-  useIcon2
-} from "./components-jqpefjsn.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  MorphPartScope2
-} from "./components-b1e239g3.js";
+  MorphPartScope,
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  useMorphOrigin2,
-  useMorph2
-} from "./components-m06yq8wk.js";
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  MorphSurface2
-} from "./components-c7rwx0ap.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   useSizeVariant2,
   useSize2
-} from "./components-h83az0bz.js";
-import {
-  slotRender2,
-  slotId2
-} from "./components-mrbaxt8q.js";
+} from "./components-0sn7ypjw.js";
 import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+  slotRender
+} from "./components-3ky44908.js";
 import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-dhgk6mbt.js";
+} from "./components-zx6b6yby.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
   Button2
-} from "./components-9sttq78t.js";
+} from "./components-b2wyq2cq.js";
 
 // components/overlays/dialog/index.tsx
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
@@ -60,12 +54,11 @@ var DialogContext = createContext({
 });
 var useDialogState2 = () => useContext(DialogContext);
 var DialogTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender2(render, asChild, children);
+  const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
     ref,
     render: el,
-    ...props,
-    id: slotId2(el, props.id)
+    ...props
   }) : /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
     ref,
     ...props,
@@ -74,7 +67,7 @@ var DialogTrigger2 = forwardRef(({ render, asChild, children, ...props }, ref) =
 });
 DialogTrigger2.displayName = "DialogTrigger";
 var DialogClose2 = forwardRef(({ render, asChild, children, ...props }, ref) => {
-  const el = slotRender2(render, asChild, children);
+  const el = slotRender(render, asChild, children);
   return el ? /* @__PURE__ */ jsx(DialogPrimitive.Close, {
     ref,
     render: el,
@@ -97,24 +90,15 @@ var DialogContent2 = forwardRef(({
   effect,
   hideSource,
   tier,
-  initialFocus,
-  finalFocus,
-  popupClassName,
   ...props
 }, ref) => {
-  const XIcon = useIcon2("x");
-  const shape = useShape2();
+  const XIcon = useIcon("x");
+  const shape = useShape();
   const substrate = useSurface2();
   const dialogLevel = Math.min(substrate + DIALOG_OFFSET, 8);
   const compact = useSize2().variant === "compact";
   const { open, origin } = useDialogState2();
-  const morph = useMorph2(open, origin, {
-    from,
-    effect,
-    hideSource,
-    tier,
-    returnFocus: typeof finalFocus === "boolean" ? finalFocus : finalFocus === undefined
-  });
+  const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
   return /* @__PURE__ */ jsxs(DialogPrimitive.Portal, {
     container: container ?? undefined,
@@ -128,15 +112,13 @@ var DialogContent2 = forwardRef(({
       /* @__PURE__ */ jsx(DialogPrimitive.Popup, {
         ref: morph.popupRef,
         ...props,
-        initialFocus,
-        finalFocus,
-        className: cn2(container ? "absolute" : "fixed", "left-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 focus:outline-none", position === "top" ? "top-[12dvh]" : "top-1/2 -translate-y-1/2", size === "sm" && (compact ? "max-w-[360px]" : "max-w-[400px]"), size === "lg" && (compact ? "max-w-[480px]" : "max-w-[540px]"), size === "xl" && (compact ? "max-w-[800px]" : "max-w-[880px]"), popupClassName),
+        className: cn2(container ? "absolute" : "fixed", "left-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 focus:outline-none", position === "top" ? "top-[12dvh]" : "top-1/2 -translate-y-1/2", size === "sm" && (compact ? "max-w-[360px]" : "max-w-[400px]"), size === "lg" && (compact ? "max-w-[480px]" : "max-w-[540px]"), size === "xl" && (compact ? "max-w-[800px]" : "max-w-[880px]")),
         children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: dialogLevel,
-          children: /* @__PURE__ */ jsxs(MorphSurface2, {
+          children: /* @__PURE__ */ jsxs(MorphSurface, {
             morph,
-            bg: SURFACE_BG2[dialogLevel],
-            shadow: SURFACE_SHADOW2[dialogLevel],
+            bg: SURFACE_BG[dialogLevel],
+            shadow: SURFACE_SHADOW[dialogLevel],
             radius: shape.container,
             className: cn2("p-6", className),
             children: [
@@ -193,46 +175,19 @@ var DialogDescription2 = forwardRef(({ className, ...props }, ref) => {
   });
 });
 DialogDescription2.displayName = "DialogDescription";
-function createDialogChangeDetails2(reason, event = new Event("change"), trigger) {
-  const details = {
-    reason,
-    event,
-    trigger,
-    isCanceled: false,
-    isPropagationAllowed: false,
-    cancel: () => {
-      details.isCanceled = true;
-    },
-    allowPropagation: () => {
-      details.isPropagationAllowed = true;
-    },
-    preventUnmountOnClose: () => {}
-  };
-  return details;
-}
-function DialogState2({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  children
-}) {
-  const [current, setCurrent] = useControllableState2(open, defaultOpen);
-  const { origin, capture } = useMorphOrigin2();
+function DialogState2({ open, defaultOpen = false, onOpenChange, children }) {
+  const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
+  const { origin, capture } = useMorphOrigin();
   const id = useId();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
   const parts = useMemo(() => ({ id, open: current }), [id, current]);
   return /* @__PURE__ */ jsx(DialogContext.Provider, {
     value: ctx,
-    children: /* @__PURE__ */ jsx(MorphPartScope2.Provider, {
+    children: /* @__PURE__ */ jsx(MorphPartScope.Provider, {
       value: parts,
       children: children({
         open: current,
         onOpenChange: (next, details) => {
-          if (next === current)
-            return;
-          onOpenChange?.(next, details);
-          if (details.isCanceled)
-            return;
           if (next)
             capture(details);
           setCurrent(next);
@@ -241,7 +196,7 @@ function DialogState2({
     })
   });
 }
-function Dialog2({ children, open, defaultOpen, onOpenChange, modal, disablePointerDismissal }) {
+function Dialog2({ children, open, defaultOpen, onOpenChange, modal }) {
   return /* @__PURE__ */ jsx(DialogState2, {
     open,
     defaultOpen,
@@ -249,7 +204,6 @@ function Dialog2({ children, open, defaultOpen, onOpenChange, modal, disablePoin
     children: (root) => /* @__PURE__ */ jsx(DialogPrimitive.Root, {
       ...root,
       modal,
-      disablePointerDismissal,
       children
     })
   });
@@ -263,4 +217,4 @@ Dialog2.Description = DialogDescription2;
 Dialog2.Close = DialogClose2;
 var dialog_default = Dialog2;
 
-export { useDialogState2, DialogTrigger2, DialogClose2, DialogContent2, DialogHeader2, DialogFooter2, DialogTitle2, DialogDescription2, createDialogChangeDetails2, DialogState2, Dialog2, dialog_default };
+export { useDialogState2, DialogTrigger2, DialogClose2, DialogContent2, DialogHeader2, DialogFooter2, DialogTitle2, DialogDescription2, DialogState2, Dialog2, dialog_default };

package/dist/shared/{components-jqpefjsn.js → components-zrkzcayz.js}

@@ -1,28 +1,17 @@
-"use client";
 // lib/icon-context.tsx
 import {
   ArrowDown,
   ArrowLeft,
   ArrowRight,
-  ArrowRightFromLine,
-  ArrowRightToLine,
   ArrowUp,
-  ArrowUpDown,
   Bell,
   Brain,
   Calendar,
   Check,
   ChevronDown,
-  ChevronLeft,
   ChevronRight,
-  ChevronsLeft,
-  ChevronsRight,
   ChevronsUpDown,
-  ChevronUp,
   Circle,
-  CircleAlert,
-  CircleCheck,
-  CircleQuestionMark,
   Clock,
   Copy,
   CornerDownLeft,
@@ -30,27 +19,19 @@ import {
   Dot,
   Ellipsis,
   EllipsisVertical,
-  Eye,
-  EyeOff,
-  File,
-  Flag,
   Folder,
-  FunnelX,
   Globe,
   Heart,
   Home,
   ImageIcon,
   Inbox,
-  Info,
   Lightbulb,
   Link,
   Loader,
-  LoaderCircle,
   Lock,
   Mail,
   Menu,
   MessageCircle,
-  Minus,
   Monitor,
   Moon,
   Paintbrush,
@@ -76,39 +57,13 @@ import {
   SquareLibrary,
   Star,
   Sun,
-  Timer,
-  Trash2,
-  TriangleAlert,
-  Upload,
   User,
   Users,
   X
 } from "lucide-react";
 import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-var defaultIcons2 = {
-  "chevron-left": ChevronLeft,
-  "chevron-up": ChevronUp,
-  "chevrons-left": ChevronsLeft,
-  "chevrons-right": ChevronsRight,
-  "arrow-up-down": ArrowUpDown,
-  "circle-alert": CircleAlert,
-  "triangle-alert": TriangleAlert,
-  "circle-check": CircleCheck,
-  info: Info,
-  "circle-question-mark": CircleQuestionMark,
-  trash: Trash2,
-  eye: Eye,
-  "eye-off": EyeOff,
-  timer: Timer,
-  "arrow-right-from-line": ArrowRightFromLine,
-  "arrow-right-to-line": ArrowRightToLine,
-  "funnel-x": FunnelX,
-  flag: Flag,
-  "loader-circle": LoaderCircle,
-  minus: Minus,
-  upload: Upload,
-  file: File,
+var defaultIcons = {
   "chevron-right": ChevronRight,
   "chevron-down": ChevronDown,
   pipette: Pipette,
@@ -171,19 +126,16 @@ var defaultIcons2 = {
   "sliders-horizontal": SlidersHorizontal
 };
 var IconContext = createContext(null);
-function useIcon2(name) {
+function useIcon(name) {
   const icons = useContext(IconContext);
-  return (icons ?? defaultIcons2)[name];
-}
-function useIcons2() {
-  const icons = useContext(IconContext);
-  return icons ?? defaultIcons2;
+  return (icons ?? defaultIcons)[name];
 }
 function IconProvider2({ children, icons }) {
-  const value = useMemo(() => ({ ...defaultIcons2, ...icons }), [icons]);
+  const value = useMemo(() => ({ ...defaultIcons, ...icons }), [icons]);
   return /* @__PURE__ */ jsx(IconContext.Provider, {
     value,
     children
   });
 }
-export { defaultIcons2, useIcon2, useIcons2, IconProvider2 };
+
+export { useIcon, IconProvider2 };

package/dist/shared/{components-vf45j12c.js → components-zx6b6yby.js}

@@ -1,5 +1,5 @@
 // lib/surface-classes.ts
-var SURFACE_BG2 = {
+var SURFACE_BG = {
   1: "bg-surface-1",
   2: "bg-surface-2",
   3: "bg-surface-3",
@@ -9,7 +9,7 @@ var SURFACE_BG2 = {
   7: "bg-surface-7",
   8: "bg-surface-8"
 };
-var SURFACE_SHADOW2 = {
+var SURFACE_SHADOW = {
   1: "shadow-surface-1",
   2: "shadow-surface-2",
   3: "shadow-surface-3",
@@ -22,7 +22,21 @@ var SURFACE_SHADOW2 = {
 function surfaceClasses2(bgLevel, shadowLevel = bgLevel) {
   const bg = Math.round(Math.max(1, Math.min(8, bgLevel)));
   const shadow = Math.round(Math.max(1, Math.min(8, shadowLevel)));
-  return `${SURFACE_BG2[bg]} ${SURFACE_SHADOW2[shadow]}`;
+  return `${SURFACE_BG[bg]} ${SURFACE_SHADOW[shadow]}`;
 }
 
-export { SURFACE_BG2, SURFACE_SHADOW2, surfaceClasses2 };
+// lib/surface-context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var SurfaceContext = createContext(1);
+function useSurface2() {
+  return useContext(SurfaceContext);
+}
+function SurfaceProvider2({ value, children }) {
+  return /* @__PURE__ */ jsx(SurfaceContext.Provider, {
+    value: Math.max(1, Math.min(8, value)),
+    children
+  });
+}
+
+export { SURFACE_BG, SURFACE_SHADOW, surfaceClasses2, useSurface2, SurfaceProvider2 };