@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-hzfp4tjb.js → components-7btqt08d.js}

@@ -1,52 +1,52 @@
 import {
-  useIsMobile
-} from "./components-4xxddc44.js";
+  fieldVariants,
+  fieldIconClasses
+} from "./components-mhd39z7x.js";
 import {
-  sheet_default
-} from "./components-r43mqnd6.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  input_default
-} from "./components-7cqq1sqy.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
-  fieldIconClasses,
-  fieldVariants
-} from "./components-de8xsm9y.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  button_default
-} from "./components-5pkcfprd.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
   SURFACE_BG,
   SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  MorphSurface
-} from "./components-jxgznftn.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  useIsMobile
+} from "./components-c6s6b43g.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  sheet_default
+} from "./components-rr7a6ja9.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  input_default
+} from "./components-gvr9w41t.js";
 
 // components/inputs/date-time/picker-shell.tsx
 import { Popover } from "@base-ui/react/popover";
@@ -64,7 +64,7 @@ function PickerShell({ open: openProp, defaultOpen = false, onOpenChange, size,
     setOpen,
     ...props
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: shell
   }) : shell;
@@ -72,7 +72,7 @@ function PickerShell({ open: openProp, defaultOpen = false, onOpenChange, size,
 var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, id, className, ...props }, ref) => {
   const Icon = useIcon(icon);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("button", {
     ref,
@@ -83,7 +83,7 @@ var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, i
     "data-invalid": invalid || undefined,
     "data-disabled": disabled || undefined,
     ...props,
-    className: cn(fieldVariants({ variant: "bordered" }), "flex w-full min-w-0 items-center text-left cursor-pointer outline-none focus-visible:ring-focus-ring", sizeClasses.gap, sizeClasses.control, compact ? "px-2" : "px-2.5", shape.input, className),
+    className: cn2(fieldVariants({ variant: "bordered" }), "flex w-full min-w-0 items-center text-left cursor-pointer outline-none focus-visible:ring-focus-ring", sizeClasses.gap, sizeClasses.control, compact ? "px-2" : "px-2.5", shape.input, className),
     children: [
       /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
@@ -91,7 +91,7 @@ var PickerField = forwardRef(({ icon, display, placeholder, invalid, disabled, i
         className: fieldIconClasses
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("flex-1 truncate", sizeClasses.text, display ? "text-foreground" : "text-muted-foreground"),
+        className: cn2("flex-1 truncate", sizeClasses.text, display ? "text-foreground" : "text-muted-foreground"),
         children: display || placeholder
       })
     ]
@@ -104,7 +104,7 @@ function PanelHeader({
   close
 }) {
   const X = useIcon("x");
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   return /* @__PURE__ */ jsxs("div", {
     className: "flex items-center gap-1 border-b border-border pb-1",
     children: [
@@ -143,7 +143,7 @@ function PickerPopover({
   const { origin, capture } = useMorphOrigin();
   const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const handleOpenChange = useCallback((next, details) => {
     if (next)
       capture(details);
@@ -170,14 +170,14 @@ function PickerPopover({
             ref: morph.popupRef,
             initialFocus,
             className: "relative outline-none",
-            children: /* @__PURE__ */ jsx(SurfaceProvider, {
+            children: /* @__PURE__ */ jsx(SurfaceProvider2, {
               value: level,
               children: /* @__PURE__ */ jsx(MorphSurface, {
                 morph,
                 bg: SURFACE_BG[level],
                 shadow: SURFACE_SHADOW[3],
                 radius: shape.container,
-                className: cn("flex max-w-[calc(100vw-1rem)] flex-col gap-1 p-1", popupClassName),
+                className: cn2("flex max-w-[calc(100vw-1rem)] flex-col gap-1 p-1", popupClassName),
                 children: /* @__PURE__ */ jsxs("div", {
                   dir,
                   className: "flex min-h-0 flex-col gap-1",
@@ -242,7 +242,7 @@ var PickerInput = forwardRef(({ formatted, onText, onEnter, onFocus, onBlur, onK
   return /* @__PURE__ */ jsx(input_default, {
     ref,
     ...props,
-    className: cn("hover:ring-transparent focus-within:ring-transparent data-[active]:ring-transparent", className),
+    className: cn2("hover:ring-transparent focus-within:ring-transparent data-[active]:ring-transparent", className),
     value: draft ?? formatted,
     invalid,
     onChange: (text) => {

package/dist/shared/{components-9p8s8n5q.js → components-7r3etddy.js}

@@ -1,25 +1,25 @@
-import {
-  useShape
-} from "./components-7zp99w5d.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useSizeVariant2
+} from "./components-0sn7ypjw.js";
 import {
-  useSizeVariant
-} from "./components-x3rz4cyn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/badge/index.tsx
 import { cva } from "class-variance-authority";
 import { AnimatePresence, animate, motion } from "motion/react";
 import { forwardRef, useLayoutEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var badgeColors = {
+var badgeColors2 = {
   gray: "var(--badge-gray)",
   red: "var(--badge-red)",
   orange: "var(--badge-orange)",
@@ -38,7 +38,7 @@ var badgeColors = {
   pink: "var(--badge-pink)",
   rose: "var(--badge-rose)"
 };
-var badgeVariants = cva("inline-flex items-center weight-medium whitespace-nowrap", {
+var badgeVariants2 = cva("inline-flex items-center weight-medium whitespace-nowrap", {
   variants: {
     variant: {
       solid: "",
@@ -59,7 +59,7 @@ var legacySizeAliases = {
   md: "default",
   lg: "default"
 };
-var { exit: _exit, ...enter } = spring.moderate;
+var { exit: _exit, ...enter } = spring2.moderate;
 function textOf(node) {
   const parts = Array.isArray(node) ? node : [node];
   if (parts.every((part) => typeof part === "string" || typeof part === "number"))
@@ -109,11 +109,11 @@ function useWidthMorph(change) {
   }, [change, reduced]);
   return content;
 }
-var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color = "gray", children, style, ...props }, ref) => {
+var Badge2 = forwardRef(({ className, variant = "solid", size: sizeProp, color = "gray", children, style, ...props }, ref) => {
   const shape = useShape();
-  const contextSize = useSizeVariant();
+  const contextSize = useSizeVariant2();
   const size = sizeProp ? legacySizeAliases[sizeProp] ?? sizeProp : contextSize === "compact" ? "compact" : "default";
-  const colorValue = badgeColors[color];
+  const colorValue = badgeColors2[color];
   const isSolid = variant === "solid";
   const dotSize = size === "compact" ? 6 : 7;
   const colorStyle = isSolid ? color === "gray" ? { backgroundColor: "var(--accent)", color: "var(--foreground)" } : {
@@ -125,7 +125,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
   const content = useWidthMorph(`${variant} ${size} ${label}`);
   return /* @__PURE__ */ jsx("span", {
     ref,
-    className: cn(badgeVariants({ variant, size }), shape.item, "transition-[background-color] duration-moderate", className),
+    className: cn2(badgeVariants2({ variant, size }), shape.item, "transition-[background-color] duration-moderate", className),
     style: { ...colorStyle, ...style },
     ...props,
     children: /* @__PURE__ */ jsxs("span", {
@@ -144,7 +144,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
             },
             initial: { opacity: 0, scale: 0 },
             animate: { opacity: 1, scale: 1 },
-            exit: { opacity: 0, scale: 0, transition: spring.moderate.exit },
+            exit: { opacity: 0, scale: 0, transition: spring2.moderate.exit },
             transition: enter
           }, "dot")
         }),
@@ -156,7 +156,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
             className: "[text-box:trim-both_cap_alphabetic]",
             initial: { opacity: 0, filter: "blur(4px)" },
             animate: { opacity: 1, filter: "blur(0px)", transitionEnd: { filter: "none" } },
-            exit: { opacity: 0, filter: "blur(4px)", transition: spring.moderate.exit },
+            exit: { opacity: 0, filter: "blur(4px)", transition: spring2.moderate.exit },
             transition: enter,
             children
           }, label ?? "label")
@@ -165,7 +165,7 @@ var Badge = forwardRef(({ className, variant = "solid", size: sizeProp, color =
     })
   });
 });
-Badge.displayName = "Badge";
-var badge_default = Badge;
+Badge2.displayName = "Badge";
+var badge_default = Badge2;
 
-export { badgeColors, badgeVariants, Badge, badge_default };
+export { badgeColors2, badgeVariants2, Badge2, badge_default };