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

package/dist/shared/{components-t2a3qmy9.js → components-1z6tdadk.js}

@@ -1,24 +1,21 @@
-"use client";
 import {
-  defaultLocale2,
-  fieldLabel2
-} from "./components-54nq988h.js";
+  defaultLocale,
+  fieldLabel,
+  dividedColumns,
+  ScrollColumn
+} from "./components-gz8zf3ec.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   useSize2
-} from "./components-h83az0bz.js";
-import {
-  dividedColumns2,
-  ScrollColumn2
-} from "./components-qqcmtrbv.js";
+} from "./components-0sn7ypjw.js";
 import {
   SizeProvider2
-} from "./components-dcc02hs2.js";
+} from "./components-jjw69c4c.js";
 
 // components/inputs/date-time/calendar/index.tsx
 import {
@@ -31,15 +28,7 @@ import {
   startOfWeek,
   startOfYear
 } from "date-fns";
-import {
-  Fragment,
-  useCallback as useCallback2,
-  useEffect,
-  useLayoutEffect as useLayoutEffect2,
-  useMemo,
-  useRef as useRef2,
-  useState as useState2
-} from "react";
+import { useCallback as useCallback2, useEffect, useLayoutEffect as useLayoutEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";
 import { DayPicker } from "react-day-picker";
 
 // components/inputs/date-time/calendar/use-month-window.ts
@@ -95,7 +84,7 @@ function useMonthWindow(start, end, anchor) {
     const scale = s.height / scroller.offsetHeight || 1;
     scroller.scrollTop += (d.top - s.top) / scale - (scroller.clientHeight - day.offsetHeight) / 2;
   }, []);
-  const read = useCallback((move) => {
+  const measure = useCallback(() => {
     const scroller = scrollerRef.current;
     if (!scroller)
       return;
@@ -108,15 +97,14 @@ function useMonthWindow(start, end, anchor) {
     const inView = shown.map((m) => m.key);
     setVisible((prev) => prev.join() === inView.join() ? prev : inView);
     setCurrent(shown.reduce((a, m) => a && a.height >= m.height ? a : m, undefined)?.key);
-    if (!move || settling.current)
+    if (settling.current)
       return;
-    const margin = Math.min(scroller.clientHeight, scroller.scrollHeight / 4);
+    const margin = scroller.clientHeight;
     if (top < margin)
       moveWindow(addMonths(firstRef.current, -SHIFT));
     else if (scroller.scrollHeight - bottom < margin)
       moveWindow(addMonths(firstRef.current, SHIFT));
   }, [moveWindow]);
-  const measure = useCallback(() => read(true), [read]);
   useLayoutEffect(() => {
     const scroller = scrollerRef.current;
     const p = pending.current;
@@ -131,7 +119,7 @@ function useMonthWindow(start, end, anchor) {
       scroller.scrollTop = kept.offsetTop - p.keep.delta;
     else if (p.day)
       centreDay(p.day);
-    read(false);
+    measure();
   }, [first]);
   const jumpTo = useCallback((month, behavior = "smooth") => {
     const scroller = scrollerRef.current;
@@ -187,7 +175,7 @@ function DayButton({ day: _, modifiers, className, ...props }) {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
-  const shape = useShape2();
+  const shape = useShape();
   const sizeClasses = useSize2();
   const pill = modifiers.selected && !modifiers.range_middle;
   return /* @__PURE__ */ jsx("button", {
@@ -197,10 +185,9 @@ function DayButton({ day: _, modifiers, className, ...props }) {
   });
 }
 function Calendar2({
-  locale = defaultLocale2,
+  locale = defaultLocale,
   size,
   columnsSide = "end",
-  columnLabels,
   extraColumns,
   extraColumnsSide = "end",
   className,
@@ -273,8 +260,8 @@ function Calendar2({
   const jumpToYear = useCallback2((year) => jumpTo(new Date(year, monthInView, 1)), [jumpTo, monthInView]);
   const orientation = wide ? "vertical" : "horizontal";
   const column = wide ? "w-16 shrink-0" : "w-full";
-  const monthColumn = /* @__PURE__ */ jsx(ScrollColumn2, {
-    label: columnLabels?.month ?? fieldLabel2(locale, "month"),
+  const monthColumn = /* @__PURE__ */ jsx(ScrollColumn, {
+    label: fieldLabel(locale, "month"),
     options: months,
     value: picked && isSameYear(picked, new Date(yearInView, 0, 1)) ? picked.getMonth() : null,
     follow: monthInView,
@@ -283,8 +270,8 @@ function Calendar2({
     orientation,
     className: column
   }, "month");
-  const yearColumn = /* @__PURE__ */ jsx(ScrollColumn2, {
-    label: columnLabels?.year ?? fieldLabel2(locale, "year"),
+  const yearColumn = /* @__PURE__ */ jsx(ScrollColumn, {
+    label: fieldLabel(locale, "year"),
     options: years,
     value: picked?.getFullYear() ?? null,
     follow: yearInView,
@@ -294,12 +281,9 @@ function Calendar2({
     className: column
   }, "year");
   const extras = extraColumns?.(orientation);
-  const extrasPart = extras ? /* @__PURE__ */ jsx(Fragment, {
-    children: extras
-  }, "extras") : null;
-  const before = [extraColumnsSide === "start" && extrasPart, columnsSide === "start" && [yearColumn, monthColumn]];
-  const after = [columnsSide === "end" && [monthColumn, yearColumn], extraColumnsSide === "end" && extrasPart];
-  const side = (place) => wide ? cn2(dividedColumns2, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
+  const before = [extraColumnsSide === "start" && extras, columnsSide === "start" && [yearColumn, monthColumn]];
+  const after = [columnsSide === "end" && [monthColumn, yearColumn], extraColumnsSide === "end" && extras];
+  const side = (place) => wide ? cn2(dividedColumns, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
   const grid = /* @__PURE__ */ jsxs("div", {
     className: cn2("flex min-h-0 shrink-0 flex-col", wide ? "h-full" : "flex-1 self-center"),
     children: [

package/dist/shared/{components-qs4rkqsj.js → components-27nnvrwe.js}

@@ -1,22 +1,21 @@
-"use client";
 import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  spring2
-} from "./components-3ey0hzpb.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  GOO_BLUR_RATIO2
-} from "./components-awra5sff.js";
+  GOO_BLUR_RATIO
+} from "./components-hqeq3w9q.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
-import {
-  GooFilter2
-} from "./components-4y816hwp.js";
+} from "./components-ezxhrmer.js";
 import {
   useSize2
-} from "./components-h83az0bz.js";
+} from "./components-0sn7ypjw.js";
+import {
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/AI/thinking-indicator/index.tsx
 import { AnimatePresence, motion } from "motion/react";
@@ -39,9 +38,9 @@ function GooDots({ step, still }) {
     "aria-hidden": true,
     className: cn2("relative shrink-0", box),
     children: [
-      /* @__PURE__ */ jsx(GooFilter2, {
+      /* @__PURE__ */ jsx(GooFilter, {
         id: gooId,
-        blur: radius * GOO_BLUR_RATIO2
+        blur: radius * GOO_BLUR_RATIO
       }),
       /* @__PURE__ */ jsx("span", {
         className: "absolute inset-0 flex items-center justify-center",
@@ -59,7 +58,7 @@ var ThinkingIndicator2 = forwardRef(({ className, variant = "shimmer", showIcon
   const step = useSize2(size).variant;
   const compactStep = step === "compact";
   const [index, setIndex] = useState(0);
-  const reduceMotion = useReduceMotion2();
+  const reduceMotion = useReduceMotion();
   const label = variant === "goo" ? "text-muted-foreground" : "shimmer-text";
   useEffect(() => {
     if (reduceMotion)

package/dist/shared/{components-av5t26rc.js → components-2dxkv6zm.js}

@@ -1,17 +1,16 @@
-"use client";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
   FluidHoverHighlight2
-} from "./components-qdm3yh26.js";
+} from "./components-kvr7f9hy.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   useFluidHover2,
   useRegisterFluidHoverItem2
-} from "./components-yhgq0qxx.js";
+} from "./components-59efxjd9.js";
 
 // primitives/fluid-hover/index.tsx
 import {
@@ -42,7 +41,7 @@ var containerAxisClass = {
 };
 var FluidHoverItem2 = forwardRef(({ index, disabled = false, className, children, ...props }, ref) => {
   const list = useContext(FluidHoverContext);
-  const shape = useShape2();
+  const shape = useShape();
   const innerRef = useRef(null);
   useRegisterFluidHoverItem2(list?.registerItem, index, innerRef);
   const axis = list?.axis ?? "y";
@@ -78,7 +77,7 @@ var FluidHover2 = forwardRef(({
   ...props
 }, ref) => {
   const containerRef = useRef(null);
-  const shape = useShape2();
+  const shape = useShape();
   const resolvedAxis = axis ?? ((columns ?? 1) > 1 ? "xy" : "y");
   const resolvedColumns = resolvedAxis === "xy" ? Math.max(1, columns ?? 2) : 1;
   const hover = useFluidHover2(containerRef, {