@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/preset.d.ts

@@ -101,4 +101,4 @@ declare const utilities: Record<string, Record<string, string>>;
 declare const COMPONENT_DIRS: string[];
 declare function modoUiContent(): string;
 declare function presetModoUi(): Preset;
-export { utilities, theme, presetModoUi, modoUiContent, presetModoUi as default, COMPONENT_DIRS };
+export { COMPONENT_DIRS, presetModoUi as default, modoUiContent, presetModoUi, theme, utilities };

package/dist/preset.js

@@ -115,10 +115,10 @@ function presetModoUi() {
 }
 var preset_default = presetModoUi;
 export {
-  utilities,
-  theme,
-  presetModoUi,
-  modoUiContent,
+  COMPONENT_DIRS,
   preset_default as default,
-  COMPONENT_DIRS
+  modoUiContent,
+  presetModoUi,
+  theme,
+  utilities
 };

package/dist/primitives/code/index.d.ts

@@ -20,4 +20,4 @@ declare function Code({ children, language, className }: {
 	/** Extra classes for the frame. */
 	className?: string;
 }): Element_12xgc;
-export { Code as default, Code };
+export { Code, Code as default };

package/dist/primitives/code/index.js

@@ -1,12 +1,11 @@
 import {
-  Code
-} from "../../shared/components-bkvb6nem.js";
-import"../../shared/components-ed7cmssr.js";
-import"../../shared/components-csxz9f52.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+  Code2
+} from "../../shared/components-s2bz1xpk.js";
+import"../../shared/components-hawvy2qz.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-zx6b6yby.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  Code as default,
-  Code
+  Code2 as Code,
+  Code2 as default
 };

package/dist/primitives/craft/index.d.ts

@@ -28,4 +28,4 @@ type Element_12xgc = JSX_1kxb["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Craft({ bad, good, badNote, goodNote, className }: CraftProps): Element_12xgc;
-export { Craft as default, CraftProps };
+export { CraftProps, Craft as default };

package/dist/primitives/craft/index.js

@@ -1,13 +1,11 @@
 import {
   Craft
-} from "../../shared/components-6hzwfmfd.js";
-import"../../shared/components-9p8s8n5q.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-nnnd2xef.js";
-import"../../shared/components-vc1k7yv2.js";
-import"../../shared/components-x3rz4cyn.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+} from "../../shared/components-vfbhxf5r.js";
+import"../../shared/components-7r3etddy.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
   Craft as default
 };

package/dist/primitives/fluid-hover/index.d.ts

@@ -230,4 +230,4 @@ type FluidHoverComponent = ForwardRefExoticComponent<FluidHoverProps & RefAttrib
 * @example {@include ./examples.mdx}
 */
 declare const FluidHover: FluidHoverComponent;
-export { useRegisterFluidHoverItem, useFluidHover, FluidHover as default, UseFluidHoverReturn, UseFluidHoverOptions, ItemRect, FluidHoverProps, FluidHoverItemProps, FluidHoverItem, FluidHoverHighlightProps, FluidHoverHighlight, FluidHoverAxis, FluidHover };
+export { FluidHover, FluidHoverAxis, FluidHoverHighlight, FluidHoverHighlightProps, FluidHoverItem, FluidHoverItemProps, FluidHoverProps, ItemRect, UseFluidHoverOptions, UseFluidHoverReturn, FluidHover as default, useFluidHover, useRegisterFluidHoverItem };

package/dist/primitives/fluid-hover/index.js

@@ -1,27 +1,25 @@
 import {
-  FluidHover,
-  FluidHoverItem,
+  FluidHoverItem2,
+  FluidHover2,
   fluid_hover_default
-} from "../../shared/components-ess3ch6w.js";
+} from "../../shared/components-h2dpcwgc.js";
 import {
-  FluidHoverHighlight
-} from "../../shared/components-r22vtgqc.js";
+  FluidHoverHighlight2
+} from "../../shared/components-kvr7f9hy.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "../../shared/components-e46kf6cp.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-kf2ehztc.js";
-import"../../shared/components-7nww01w4.js";
-import"../../shared/components-nnnd2xef.js";
-import"../../shared/components-vc1k7yv2.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "../../shared/components-59efxjd9.js";
+import"../../shared/components-chacnk61.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  useRegisterFluidHoverItem,
-  useFluidHover,
+  FluidHover2 as FluidHover,
+  FluidHoverHighlight2 as FluidHoverHighlight,
+  FluidHoverItem2 as FluidHoverItem,
   fluid_hover_default as default,
-  FluidHoverItem,
-  FluidHoverHighlight,
-  FluidHover
+  useFluidHover2 as useFluidHover,
+  useRegisterFluidHoverItem2 as useRegisterFluidHoverItem
 };

package/dist/primitives/morph/index.d.ts

@@ -124,4 +124,4 @@ type Element_12xgc2 = JSX_1kxb2["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Morph({ from, effect, tier, hideSource, open, defaultOpen, onOpenChange, label, className, children }: MorphProps): Element_12xgc2;
-export { Morph as default, MorphProps, MorphPart, Morph };
+export { Morph, MorphPart, MorphProps, Morph as default };

package/dist/primitives/morph/index.js

@@ -1,21 +1,19 @@
 import {
-  Morph
-} from "../../shared/components-6t6nr33r.js";
-import"../../shared/components-5pkcfprd.js";
-import"../../shared/components-csxz9f52.js";
+  Morph2
+} from "../../shared/components-39jq9va1.js";
 import {
-  MorphPart
-} from "../../shared/components-jxgznftn.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-dg0w8g5p.js";
-import"../../shared/components-7nww01w4.js";
-import"../../shared/components-nnnd2xef.js";
-import"../../shared/components-vc1k7yv2.js";
-import"../../shared/components-x3rz4cyn.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+  MorphPart2
+} from "../../shared/components-0q0sqfh4.js";
+import"../../shared/components-hqeq3w9q.js";
+import"../../shared/components-b2wyq2cq.js";
+import"../../shared/components-n7mjr357.js";
+import"../../shared/components-men63rwj.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-zx6b6yby.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  Morph as default,
-  MorphPart,
-  Morph
+  Morph2 as Morph,
+  MorphPart2 as MorphPart,
+  Morph2 as default
 };

package/dist/primitives/motion/index.d.ts

@@ -112,4 +112,4 @@ type Element_12xgc = JSX_1kxb["Element"];
 * @example {@include ./examples.mdx}
 */
 declare function Motion({ tier, show, defaultShow, onShowChange, sameExit, reducedMotion, className, children }: MotionProps): Element_12xgc;
-export { spring, exitFallbackMs, Motion as default, SpringTier, MotionProps, Motion };
+export { Motion, MotionProps, SpringTier, Motion as default, exitFallbackMs, spring };

package/dist/primitives/motion/index.js

@@ -1,20 +1,19 @@
 import {
-  Motion
-} from "../../shared/components-peg09pzs.js";
-import"../../shared/components-5pkcfprd.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-dg0w8g5p.js";
-import"../../shared/components-nnnd2xef.js";
+  Motion2
+} from "../../shared/components-q5xj5c16.js";
+import"../../shared/components-b2wyq2cq.js";
+import"../../shared/components-n7mjr357.js";
+import"../../shared/components-men63rwj.js";
 import {
-  exitFallbackMs,
-  spring
-} from "../../shared/components-vc1k7yv2.js";
-import"../../shared/components-x3rz4cyn.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+  spring2,
+  exitFallbackMs2
+} from "../../shared/components-1v7rxytx.js";
+import"../../shared/components-0sn7ypjw.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  spring,
-  exitFallbackMs,
-  Motion as default,
-  Motion
+  Motion2 as Motion,
+  Motion2 as default,
+  exitFallbackMs2 as exitFallbackMs,
+  spring2 as spring
 };

package/dist/primitives/scroll-area/index.d.ts

@@ -38,4 +38,4 @@ interface ScrollAreaStatics {
 */
 declare const ScrollArea: ForwardRefExoticComponent<ScrollAreaProps & RefAttributes<HTMLDivElement>> & ScrollAreaStatics;
 declare const ScrollBar: ForwardRefExoticComponent<Omit<Omit<ScrollAreaScrollbarProps_g9nf4s, "ref"> & RefAttributes<HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>;
-export { ScrollArea as default, ScrollBar, ScrollAreaProps, ScrollArea };
+export { ScrollArea, ScrollAreaProps, ScrollBar, ScrollArea as default };

package/dist/primitives/scroll-area/index.js

@@ -1,13 +1,12 @@
 import {
-  ScrollArea,
-  ScrollBar,
+  ScrollArea2,
+  ScrollBar2,
   scroll_area_default
-} from "../../shared/components-ed7cmssr.js";
-import"../../shared/components-7zp99w5d.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+} from "../../shared/components-hawvy2qz.js";
+import"../../shared/components-cv16mryv.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  scroll_area_default as default,
-  ScrollBar,
-  ScrollArea
+  ScrollArea2 as ScrollArea,
+  ScrollBar2 as ScrollBar,
+  scroll_area_default as default
 };

package/dist/primitives/sizes/index.d.ts

@@ -125,4 +125,4 @@ declare function SizeProvider({ children, size, defaultSize }: {
 	/** Uncontrolled initial variant, switchable via `useSizeContext().setSize`. Defaults to `'default'`. */
 	defaultSize?: "default" | "compact";
 }): Element_12xgc;
-export { useTypeScale, useSizeVariant, useSizeContext, useSize, typeScale, sizeMap, SizeProvider as default, TypeScaleStep, TypeScaleRole, SizeVariant, SizeProvider, SizeClasses };
+export { SizeClasses, SizeProvider, SizeVariant, TypeScaleRole, TypeScaleStep, SizeProvider as default, sizeMap, typeScale, useSize, useSizeContext, useSizeVariant, useTypeScale };

package/dist/primitives/sizes/index.js

@@ -1,22 +1,21 @@
 import {
-  SizeProvider
-} from "../../shared/components-vb033rns.js";
+  SizeProvider2
+} from "../../shared/components-jjw69c4c.js";
 import {
-  sizeMap,
-  typeScale,
-  useSize,
-  useSizeContext,
-  useSizeVariant,
-  useTypeScale
-} from "../../shared/components-x3rz4cyn.js";
-import"../../shared/components-kpbcms10.js";
+  sizeMap2,
+  typeScale2,
+  useTypeScale2,
+  useSizeVariant2,
+  useSize2,
+  useSizeContext2
+} from "../../shared/components-0sn7ypjw.js";
 export {
-  useTypeScale,
-  useSizeVariant,
-  useSizeContext,
-  useSize,
-  typeScale,
-  sizeMap,
-  SizeProvider as default,
-  SizeProvider
+  SizeProvider2 as SizeProvider,
+  SizeProvider2 as default,
+  sizeMap2 as sizeMap,
+  typeScale2 as typeScale,
+  useSize2 as useSize,
+  useSizeContext2 as useSizeContext,
+  useSizeVariant2 as useSizeVariant,
+  useTypeScale2 as useTypeScale
 };

package/dist/primitives/surface/index.d.ts

@@ -66,4 +66,4 @@ interface ElevatedStatics {
 * @example {@include ./examples.mdx}
 */
 declare const Elevated: ForwardRefExoticComponent<ElevatedProps & RefAttributes<HTMLDivElement>> & ElevatedStatics;
-export { useSurface, surfaceClasses, Elevated as default, SurfaceProvider, ElevatedProps, Elevated };
+export { Elevated, ElevatedProps, SurfaceProvider, Elevated as default, surfaceClasses, useSurface };

package/dist/primitives/surface/index.js

@@ -1,18 +1,17 @@
 import {
-  Elevated,
+  Elevated2,
   surface_default
-} from "../../shared/components-74c20v2f.js";
+} from "../../shared/components-vc7vq5nz.js";
 import {
-  SurfaceProvider,
-  surfaceClasses,
-  useSurface
-} from "../../shared/components-csxz9f52.js";
-import"../../shared/components-0f0as45n.js";
-import"../../shared/components-kpbcms10.js";
+  surfaceClasses2,
+  useSurface2,
+  SurfaceProvider2
+} from "../../shared/components-zx6b6yby.js";
+import"../../shared/components-ezxhrmer.js";
 export {
-  useSurface,
-  surfaceClasses,
+  Elevated2 as Elevated,
+  SurfaceProvider2 as SurfaceProvider,
   surface_default as default,
-  SurfaceProvider,
-  Elevated
+  surfaceClasses2 as surfaceClasses,
+  useSurface2 as useSurface
 };

package/dist/shared/components-0ke6xada.js

@@ -0,0 +1,123 @@
+import {
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
+import {
+  useSize2
+} from "./components-0sn7ypjw.js";
+import {
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
+import {
+  SizeProvider2
+} from "./components-jjw69c4c.js";
+
+// components/table/index.tsx
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useMemo,
+  useRef
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableContext = createContext(null);
+var Table2 = forwardRef(({ children, size, className, ...props }, ref) => {
+  const containerRef = useRef(null);
+  const sizeClasses = useSize2(size);
+  const hover = useFluidHover2(containerRef);
+  const { activeIndex, handlers, registerItem } = hover;
+  const contextValue = useMemo(() => ({ registerItem, activeIndex }), [registerItem, activeIndex]);
+  const table = /* @__PURE__ */ jsx(TableContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxs("div", {
+      ref: containerRef,
+      className: "relative",
+      onMouseEnter: handlers.onMouseEnter,
+      onMouseMove: handlers.onMouseMove,
+      onMouseLeave: handlers.onMouseLeave,
+      onClick: handlers.onClick,
+      children: [
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
+          hover
+        }),
+        /* @__PURE__ */ jsx("table", {
+          ref,
+          className: cn2("w-full border-collapse", sizeClasses.text, className),
+          ...props,
+          children
+        })
+      ]
+    })
+  });
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
+    size,
+    children: table
+  }) : table;
+});
+Table2.displayName = "Table";
+var TableHeader2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", {
+  ref,
+  className: cn2("", className),
+  ...props
+}));
+TableHeader2.displayName = "TableHeader";
+var TableBody2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+  ref,
+  className: cn2("", className),
+  ...props
+}));
+TableBody2.displayName = "TableBody";
+var TableRow2 = forwardRef(({ index, className, style, ...props }, ref) => {
+  const internalRef = useRef(null);
+  const ctx = useContext(TableContext);
+  useRegisterFluidHoverItem2(ctx?.registerItem, index, internalRef);
+  const isBodyRow = index !== undefined;
+  const activeIdx = ctx?.activeIndex ?? null;
+  const hideBorder = activeIdx !== null && (isBodyRow && (index === activeIdx || index === activeIdx - 1) || !isBodyRow && activeIdx === 0);
+  return /* @__PURE__ */ jsx("tr", {
+    ref: (node) => {
+      internalRef.current = node;
+      if (typeof ref === "function")
+        ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    "data-fluid-hover-index": index,
+    className: cn2("group/row relative z-10 border-b transition-[border-color] duration-fast", hideBorder ? "border-transparent" : "border-accent/40", isBodyRow && activeIdx === index && "is-active", isBodyRow ? "weight-normal" : "weight-semibold", className),
+    style,
+    ...props
+  });
+});
+TableRow2.displayName = "TableRow";
+var TableHead2 = forwardRef(({ className, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  return /* @__PURE__ */ jsx("th", {
+    ref,
+    className: cn2("text-left text-foreground", sizeClasses.variant === "compact" ? "px-2.5 py-[5px]" : "px-3 py-2", className),
+    ...props
+  });
+});
+TableHead2.displayName = "TableHead";
+var TableCell2 = forwardRef(({ className, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  return /* @__PURE__ */ jsx("td", {
+    ref,
+    className: cn2("text-muted-foreground transition-colors duration-fast group-[.is-active]/row:text-foreground", sizeClasses.variant === "compact" ? "px-2.5 py-[5px]" : "px-3 py-2", className),
+    ...props
+  });
+});
+TableCell2.displayName = "TableCell";
+Object.assign(Table2, {
+  Header: TableHeader2,
+  Body: TableBody2,
+  Row: TableRow2,
+  Head: TableHead2,
+  Cell: TableCell2
+});
+var table_default = Table2;
+
+export { Table2, TableHeader2, TableBody2, TableRow2, TableHead2, TableCell2, table_default };

package/dist/shared/{components-jxgznftn.js → components-0q0sqfh4.js}

@@ -1,15 +1,15 @@
-import {
-  GOO_MATRIX
-} from "./components-7nww01w4.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  GOO_MATRIX
+} from "./components-hqeq3w9q.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/morph-part.tsx
 import { motion } from "motion/react";
@@ -17,8 +17,8 @@ import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 var MorphPartScope = createContext(null);
 var MorphPartInOverlay = createContext(false);
-var { exit: _exit, ...enter } = spring.slow;
-function MorphPart({ id, className, children }) {
+var { exit: _exit, ...enter } = spring2.slow;
+function MorphPart2({ id, className, children }) {
   const scope = useContext(MorphPartScope);
   const inOverlay = useContext(MorphPartInOverlay);
   const reduced = useReduceMotion();
@@ -113,27 +113,27 @@ function MorphSurface({ morph, bg, shadow, radius, className, children }) {
         children: [
           effect === "goo" && /* @__PURE__ */ jsx2("div", {
             ref: refs.copy,
-            className: cn("absolute", bg)
+            className: cn2("absolute", bg)
           }),
           /* @__PURE__ */ jsx2("div", {
             ref: refs.shape,
-            className: cn("absolute", bg)
+            className: cn2("absolute", bg)
           })
         ]
       }),
       /* @__PURE__ */ jsx2("div", {
         ref: refs.bg,
         "aria-hidden": true,
-        className: cn("pointer-events-none absolute inset-0", bg, radius)
+        className: cn2("pointer-events-none absolute inset-0", bg, radius)
       }),
       shadow && /* @__PURE__ */ jsx2("div", {
         ref: refs.shadow,
         "aria-hidden": true,
-        className: cn("pointer-events-none absolute inset-0", shadow, radius)
+        className: cn2("pointer-events-none absolute inset-0", shadow, radius)
       }),
       /* @__PURE__ */ jsx2("div", {
         ref: refs.content,
-        className: cn("relative", className),
+        className: cn2("relative", className),
         children: /* @__PURE__ */ jsx2(MorphPartInOverlay.Provider, {
           value: true,
           children
@@ -143,4 +143,4 @@ function MorphSurface({ morph, bg, shadow, radius, className, children }) {
   });
 }
 
-export { MorphPartScope, MorphPart, GooFilter, MorphSurface };
+export { MorphPartScope, MorphPart2, GooFilter, MorphSurface };

package/dist/shared/{components-x3rz4cyn.js → components-0sn7ypjw.js}

@@ -1,6 +1,6 @@
 // lib/size-context.tsx
 import { createContext, useContext } from "react";
-var sizeMap = {
+var sizeMap2 = {
   default: {
     variant: "default",
     control: "h-9",
@@ -26,36 +26,36 @@ var sizeMap = {
     icon: 14
   }
 };
-var typeScale = {
+var typeScale2 = {
   display: { default: 28, compact: 24 },
   title: { default: 16, compact: 15 },
   subtitle: { default: 14, compact: 13 },
   body: { default: 13, compact: 12 },
   caption: { default: 12, compact: 11 }
 };
-function useTypeScale(override) {
-  const variant = useSizeVariant(override);
+function useTypeScale2(override) {
+  const variant = useSizeVariant2(override);
   return {
-    display: typeScale.display[variant],
-    title: typeScale.title[variant],
-    subtitle: typeScale.subtitle[variant],
-    body: typeScale.body[variant],
-    caption: typeScale.caption[variant]
+    display: typeScale2.display[variant],
+    title: typeScale2.title[variant],
+    subtitle: typeScale2.subtitle[variant],
+    body: typeScale2.body[variant],
+    caption: typeScale2.caption[variant]
   };
 }
 var SizeContext = createContext(null);
-function useSizeVariant(override) {
+function useSizeVariant2(override) {
   const ctx = useContext(SizeContext);
   return override ?? ctx?.size ?? "default";
 }
-function useSize(override) {
-  return sizeMap[useSizeVariant(override)];
+function useSize2(override) {
+  return sizeMap2[useSizeVariant2(override)];
 }
-function useSizeContext() {
+function useSizeContext2() {
   const ctx = useContext(SizeContext);
   if (!ctx)
     throw new Error("useSizeContext must be used within a SizeProvider");
   return ctx;
 }
 
-export { sizeMap, typeScale, useTypeScale, SizeContext, useSizeVariant, useSize, useSizeContext };
+export { sizeMap2, typeScale2, useTypeScale2, SizeContext, useSizeVariant2, useSize2, useSizeContext2 };