@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-tad5h7ta.js → components-jwst3vtj.js}

@@ -1,37 +1,37 @@
 import {
-  slotRender
-} from "./components-5vxtcp88.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  button_default
-} from "./components-5pkcfprd.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  GOO_BLUR_RATIO,
+  holdExit
+} from "./components-hqeq3w9q.js";
 import {
-  GooFilter
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  GOO_BLUR_RATIO,
-  holdExit
-} from "./components-7nww01w4.js";
+  sizeMap2
+} from "./components-0sn7ypjw.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  slotRender
+} from "./components-3ky44908.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  sizeMap
-} from "./components-x3rz4cyn.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/overlays/toast/index.tsx
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
@@ -74,7 +74,7 @@ var VIEWPORT = {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 flex-col-reverse items-center",
   "bottom-right": "bottom-4 right-4 flex-col-reverse items-end"
 };
-var PILL = sizeMap.default.controlHeight;
+var PILL = sizeMap2.default.controlHeight;
 var BLUR = PILL / 2 * GOO_BLUR_RATIO;
 var SNAP = { duration: 0 };
 var AUTO_EXPAND_MS = 150;
@@ -83,7 +83,7 @@ var ToastSettings = createContext({
   position: "top-right",
   timeout: 6000
 });
-function useToast() {
+function useToast2() {
   const manager = ToastPrimitive.useToastManager();
   return useMemo(() => {
     const options = ({ action, ...rest }, type) => ({
@@ -112,16 +112,16 @@ function Shape({ box, className, shapeRef }) {
   return /* @__PURE__ */ jsx(motion.div, {
     ref: shapeRef,
     "aria-hidden": true,
-    className: cn("pointer-events-none absolute top-0 left-0", className),
+    className: cn2("pointer-events-none absolute top-0 left-0", className),
     initial: false,
     animate: { ...box },
-    transition: reduced ? SNAP : spring.slow
+    transition: reduced ? SNAP : spring2.slow
   });
 }
 function ToastItem({ toast }) {
   const { position, timeout } = useContext(ToastSettings);
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const gooId = `toast-goo-${useId().replace(/:/g, "")}`;
   const type = toast.type ?? "info";
   const Icon = ICONS[type];
@@ -175,7 +175,7 @@ function ToastItem({ toast }) {
   const bodyBox = { x: 0, y: top ? PILL : 0, width: size.width, height: bodyHeight };
   const reduced = useReduceMotion();
   const away = reduced ? { opacity: 0 } : { opacity: 0, y: top ? -6 : 6, scale: 0.95 };
-  const move = reduced ? SNAP : spring.slow;
+  const move = reduced ? SNAP : spring2.slow;
   return /* @__PURE__ */ jsxs(ToastPrimitive.Root, {
     ref: root,
     toast,
@@ -185,7 +185,7 @@ function ToastItem({ toast }) {
     render: /* @__PURE__ */ jsx(motion.div, {
       initial: { ...away, height: PILL },
       animate: ending ? { ...away, height } : { opacity: 1, y: 0, scale: 1, height },
-      transition: ending ? spring.moderate.exit : { ...spring.moderate, height: move }
+      transition: ending ? spring2.moderate.exit : { ...spring2.moderate, height: move }
     }),
     className: "relative w-[min(22rem,calc(100vw-2rem))] select-none outline-none [translate:var(--toast-swipe-movement-x)_var(--toast-swipe-movement-y)]",
     children: [
@@ -195,11 +195,11 @@ function ToastItem({ toast }) {
       }),
       /* @__PURE__ */ jsx(Shape, {
         box: pill,
-        className: cn("rounded-full", SURFACE_SHADOW[3])
+        className: cn2("rounded-full", SURFACE_SHADOW[3])
       }),
       hasBody && /* @__PURE__ */ jsx(Shape, {
         box: bodyBox,
-        className: cn(shape.container, SURFACE_SHADOW[3])
+        className: cn2(shape.container, SURFACE_SHADOW[3])
       }),
       /* @__PURE__ */ jsxs("div", {
         "aria-hidden": true,
@@ -208,16 +208,16 @@ function ToastItem({ toast }) {
         children: [
           /* @__PURE__ */ jsx(Shape, {
             box: pill,
-            className: cn("rounded-full", SURFACE_BG[level])
+            className: cn2("rounded-full", SURFACE_BG[level])
           }),
           hasBody && /* @__PURE__ */ jsx(Shape, {
             box: bodyBox,
             shapeRef: bodyShape,
-            className: cn(shape.container, SURFACE_BG[level])
+            className: cn2(shape.container, SURFACE_BG[level])
           })
         ]
       }),
-      /* @__PURE__ */ jsxs(SurfaceProvider, {
+      /* @__PURE__ */ jsxs(SurfaceProvider2, {
         value: level,
         children: [
           /* @__PURE__ */ jsx(motion.div, {
@@ -235,11 +235,11 @@ function ToastItem({ toast }) {
                   className: "inline-flex items-center gap-2",
                   initial: { opacity: 0, filter: "blur(4px)" },
                   animate: { opacity: 1, filter: "blur(0px)" },
-                  exit: { opacity: 0, filter: "blur(4px)", transition: spring.moderate.exit },
-                  transition: spring.moderate,
+                  exit: { opacity: 0, filter: "blur(4px)", transition: spring2.moderate.exit },
+                  transition: spring2.moderate,
                   children: [
                     /* @__PURE__ */ jsx("span", {
-                      className: cn("flex size-6 items-center justify-center rounded-full", TONES[type]),
+                      className: cn2("flex size-6 items-center justify-center rounded-full", TONES[type]),
                       children: /* @__PURE__ */ jsx(Icon, {
                         size: 14,
                         strokeWidth: 2.5,
@@ -259,10 +259,10 @@ function ToastItem({ toast }) {
             className: "absolute top-0 left-0 w-full overflow-hidden",
             initial: false,
             animate: { y: bodyBox.y, height: bodyHeight, opacity: expanded ? 1 : 0 },
-            transition: { ...move, opacity: expanded ? spring.slow : spring.slow.exit },
+            transition: { ...move, opacity: expanded ? spring2.slow : spring2.slow.exit },
             children: /* @__PURE__ */ jsxs("div", {
               ref: body,
-              className: cn("flex flex-col items-start gap-3 p-4", top ? "pt-6" : "pb-6"),
+              className: cn2("flex flex-col items-start gap-3 p-4", top ? "pt-6" : "pb-6"),
               children: [
                 /* @__PURE__ */ jsx(ToastPrimitive.Description, {
                   className: "text-caption text-muted-foreground"
@@ -287,7 +287,7 @@ function ToastList() {
     toast
   }, toast.id));
 }
-var ToastTrigger = forwardRef(({
+var ToastTrigger2 = forwardRef(({
   title,
   description,
   type,
@@ -302,7 +302,7 @@ var ToastTrigger = forwardRef(({
   onClick,
   ...props
 }, ref) => {
-  const toast = useToast();
+  const toast = useToast2();
   const el = slotRender(render, asChild, children);
   const press = (event) => {
     onClick?.(event);
@@ -320,8 +320,8 @@ var ToastTrigger = forwardRef(({
     children
   });
 });
-ToastTrigger.displayName = "ToastTrigger";
-function Toast({ position = "top-right", limit = 3, timeout = 6000, children }) {
+ToastTrigger2.displayName = "ToastTrigger";
+function Toast2({ position = "top-right", limit = 3, timeout = 6000, children }) {
   const settings = useMemo(() => ({ position, timeout }), [position, timeout]);
   return /* @__PURE__ */ jsx(ToastPrimitive.Provider, {
     limit,
@@ -332,7 +332,7 @@ function Toast({ position = "top-right", limit = 3, timeout = 6000, children })
         children,
         /* @__PURE__ */ jsx(ToastPrimitive.Portal, {
           children: /* @__PURE__ */ jsx(ToastPrimitive.Viewport, {
-            className: cn("fixed z-[60] flex flex-col gap-2 outline-none", VIEWPORT[position]),
+            className: cn2("fixed z-[60] flex flex-col gap-2 outline-none", VIEWPORT[position]),
             children: /* @__PURE__ */ jsx(ToastList, {})
           })
         })
@@ -340,7 +340,7 @@ function Toast({ position = "top-right", limit = 3, timeout = 6000, children })
     })
   });
 }
-Toast.Trigger = ToastTrigger;
-var toast_default = Toast;
+Toast2.Trigger = ToastTrigger2;
+var toast_default = Toast2;
 
-export { useToast, ToastTrigger, Toast, toast_default };
+export { useToast2, ToastTrigger2, Toast2, toast_default };

package/dist/shared/{components-xszag63d.js → components-k809mbn0.js}

@@ -1,24 +1,24 @@
-import {
-  calendar_default
-} from "./components-6phwsry6.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
   parseDateText
-} from "./components-x2xyckd5.js";
+} from "./components-gz8zf3ec.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1z6tdadk.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 
 // components/inputs/date-time/date-range-picker/index.tsx
 import { endOfMonth, format } from "date-fns";
 import { useRef, useState } from "react";
 import { dateMatchModifiers } from "react-day-picker";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-function DateRangePicker({
+function DateRangePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -136,6 +136,6 @@ function DateRangePicker({
     })
   });
 }
-var date_range_picker_default = DateRangePicker;
+var date_range_picker_default = DateRangePicker2;
 
-export { DateRangePicker, date_range_picker_default };
+export { DateRangePicker2, date_range_picker_default };

package/dist/shared/{components-r22vtgqc.js → components-kvr7f9hy.js}

@@ -1,12 +1,12 @@
 import {
-  GooIndicator
-} from "./components-kf2ehztc.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/fluid-hover-highlight.tsx
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
@@ -20,7 +20,7 @@ function resolveHighlightSource(props) {
   }
   return { rect: props.rect, session: props.session };
 }
-function FluidHoverHighlight(props) {
+function FluidHoverHighlight2(props) {
   const { from, className, transition } = props;
   const { rect, session } = resolveHighlightSource(props);
   const reduceMotion = useReducedMotion() ?? false;
@@ -30,16 +30,16 @@ function FluidHoverHighlight(props) {
       className: "pointer-events-none absolute top-0 left-0",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
-      exit: { opacity: 0, transition: spring.fast.exit },
+      exit: { opacity: 0, transition: spring2.fast.exit },
       transition: fade,
       children: /* @__PURE__ */ jsx(GooIndicator, {
         rect,
         from,
-        className: cn("bg-hover", className),
-        transition: transition === false || reduceMotion ? false : transition ?? spring.fast
+        className: cn2("bg-hover", className),
+        transition: transition === false || reduceMotion ? false : transition ?? spring2.fast
       })
     }, session)
   });
 }
 
-export { FluidHoverHighlight };
+export { FluidHoverHighlight2 };

package/dist/shared/{components-r4jt6hgd.js → components-mjthm1kf.js}

@@ -1,10 +1,10 @@
 import {
-  ScrollColumn,
-  fieldLabel
-} from "./components-x2xyckd5.js";
+  fieldLabel,
+  ScrollColumn
+} from "./components-gz8zf3ec.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
 
 // components/inputs/date-time/time-columns.tsx
 import { format } from "date-fns";
@@ -32,7 +32,7 @@ function TimeColumns({
     label: pad(i * minuteStep)
   })), [minuteStep]);
   const vertical = orientation === "vertical";
-  const width = (fixed) => !vertical ? "w-full" : fill ? "min-w-0 flex-1" : cn("shrink-0", fixed);
+  const width = (fixed) => !vertical ? "w-full" : fill ? "min-w-0 flex-1" : cn2("shrink-0", fixed);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       /* @__PURE__ */ jsx(ScrollColumn, {