@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/shared/components-z3v0n0de.js

@@ -0,0 +1,11 @@
+// lib/inert.ts
+import { version } from "react";
+var INERT = Number.parseInt(version, 10) >= 19 ? true : "";
+function inertProps2(on) {
+  return on ? { inert: INERT } : {};
+}
+function markInert2(el) {
+  el?.setAttribute("inert", "");
+}
+
+export { inertProps2, markInert2 };

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

@@ -1,64 +1,29 @@
+"use client";
 import {
-  useReduceMotion
-} from "./components-men63rwj.js";
+  useReduceMotion2
+} from "./components-de99ykt7.js";
 import {
-  useShape
-} from "./components-cv16mryv.js";
+  useShape2
+} from "./components-78x40gee.js";
 import {
   useSizeVariant2
-} from "./components-0sn7ypjw.js";
+} from "./components-h83az0bz.js";
+import {
+  spring2
+} from "./components-3ey0hzpb.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
 import {
-  spring2
-} from "./components-1v7rxytx.js";
+  badgeColors2,
+  badgeVariants2,
+  legacySizeAliases3
+} from "./components-c9yr4ed1.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 badgeColors2 = {
-  gray: "var(--badge-gray)",
-  red: "var(--badge-red)",
-  orange: "var(--badge-orange)",
-  amber: "var(--badge-amber)",
-  yellow: "var(--badge-yellow)",
-  lime: "var(--badge-lime)",
-  green: "var(--badge-green)",
-  emerald: "var(--badge-emerald)",
-  teal: "var(--badge-teal)",
-  cyan: "var(--badge-cyan)",
-  blue: "var(--badge-blue)",
-  indigo: "var(--badge-indigo)",
-  violet: "var(--badge-violet)",
-  purple: "var(--badge-purple)",
-  fuchsia: "var(--badge-fuchsia)",
-  pink: "var(--badge-pink)",
-  rose: "var(--badge-rose)"
-};
-var badgeVariants2 = cva("inline-flex items-center weight-medium whitespace-nowrap", {
-  variants: {
-    variant: {
-      solid: "",
-      dot: "border border-border text-foreground"
-    },
-    size: {
-      default: "h-6 px-2.5 text-caption gap-1.5",
-      compact: "h-5 px-2 text-caption-compact gap-1"
-    }
-  },
-  defaultVariants: {
-    variant: "solid",
-    size: "default"
-  }
-});
-var legacySizeAliases = {
-  sm: "compact",
-  md: "default",
-  lg: "default"
-};
 var { exit: _exit, ...enter } = spring2.moderate;
 function textOf(node) {
   const parts = Array.isArray(node) ? node : [node];
@@ -69,7 +34,7 @@ function useWidthMorph(change) {
   const content = useRef(null);
   const rest = useRef(0);
   const live = useRef(null);
-  const reduced = useReduceMotion();
+  const reduced = useReduceMotion2();
   useLayoutEffect(() => {
     const el = content.current;
     if (!el)
@@ -110,9 +75,9 @@ function useWidthMorph(change) {
   return content;
 }
 var Badge2 = forwardRef(({ className, variant = "solid", size: sizeProp, color = "gray", children, style, ...props }, ref) => {
-  const shape = useShape();
+  const shape = useShape2();
   const contextSize = useSizeVariant2();
-  const size = sizeProp ? legacySizeAliases[sizeProp] ?? sizeProp : contextSize === "compact" ? "compact" : "default";
+  const size = sizeProp ? legacySizeAliases3[sizeProp] ?? sizeProp : contextSize === "compact" ? "compact" : "default";
   const colorValue = badgeColors2[color];
   const isSolid = variant === "solid";
   const dotSize = size === "compact" ? 6 : 7;
@@ -135,7 +100,7 @@ var Badge2 = forwardRef(({ className, variant = "solid", size: sizeProp, color =
         /* @__PURE__ */ jsx(AnimatePresence, {
           mode: "popLayout",
           initial: false,
-          children: !isSolid && /* @__PURE__ */ jsx(motion.span, {
+          children: variant === "dot" && /* @__PURE__ */ jsx(motion.span, {
             className: "shrink-0 rounded-full transition-[background-color] duration-moderate",
             style: {
               width: dotSize,
@@ -168,4 +133,4 @@ var Badge2 = forwardRef(({ className, variant = "solid", size: sizeProp, color =
 Badge2.displayName = "Badge";
 var badge_default = Badge2;
 
-export { badgeColors2, badgeVariants2, Badge2, badge_default };
+export { Badge2, badge_default };

package/dist/shared/components-zbvjzh1p.js

@@ -0,0 +1,141 @@
+"use client";
+import {
+  FIELD_ACTION_BOX2,
+  FIELD_ACTION_END2,
+  FIELD_ACTION_RADIUS2,
+  fieldActionClasses2
+} from "./components-124epb7f.js";
+import {
+  useShape2
+} from "./components-78x40gee.js";
+import {
+  cn2
+} from "./components-jcnjay5g.js";
+import {
+  useFieldBox2,
+  focusControlOnPress2
+} from "./components-6zng858q.js";
+import {
+  useIcon2
+} from "./components-jqpefjsn.js";
+import {
+  InputAdornment2
+} from "./components-y1w3a6wx.js";
+
+// components/inputs/number-input/index.tsx
+import { NumberField } from "@base-ui/react/number-field";
+import { forwardRef, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NumberInput2 = forwardRef(({
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommitted,
+  format,
+  locale,
+  placeholder,
+  stepper = true,
+  scrub = false,
+  wheel = false,
+  startAdornment,
+  endAdornment,
+  decrementLabel = "Decrease",
+  incrementLabel = "Increase",
+  id,
+  variant = "borderless",
+  invalid,
+  disabled,
+  readOnly,
+  required,
+  size,
+  className,
+  ...props
+}, ref) => {
+  const inputRef = useRef(null);
+  const box = useFieldBox2({ variant, invalid, disabled, readOnly, required, size });
+  const shape = useShape2();
+  const Minus = useIcon2("minus");
+  const Plus = useIcon2("plus");
+  const Arrows = useIcon2("chevrons-up-down");
+  const stepClasses = cn2(fieldActionClasses2, FIELD_ACTION_BOX2[box.size.variant], FIELD_ACTION_RADIUS2[shape.variant]);
+  const start = startAdornment != null && /* @__PURE__ */ jsx(InputAdornment2, {
+    size,
+    children: scrub ? /* @__PURE__ */ jsxs(NumberField.ScrubArea, {
+      className: "cursor-ew-resize select-none",
+      children: [
+        startAdornment,
+        /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
+          className: "text-foreground",
+          children: /* @__PURE__ */ jsx(Arrows, {
+            size: box.size.icon,
+            strokeWidth: 2,
+            className: "rotate-90"
+          })
+        })
+      ]
+    }) : startAdornment
+  });
+  return /* @__PURE__ */ jsx(NumberField.Root, {
+    id,
+    value,
+    defaultValue,
+    onValueChange: (next) => onValueChange?.(next),
+    onValueCommitted: (next) => onValueCommitted?.(next),
+    format,
+    locale,
+    allowWheelScrub: wheel,
+    disabled: box.disabled,
+    readOnly: box.readOnly,
+    required: box.required,
+    ...props,
+    children: /* @__PURE__ */ jsxs(NumberField.Group, {
+      onMouseDown: focusControlOnPress2(inputRef),
+      ...box.props,
+      className: cn2(box.props.className, "flex items-center", box.size.gap, box.size.control, className),
+      children: [
+        start,
+        /* @__PURE__ */ jsx(NumberField.Input, {
+          ref: (node) => {
+            inputRef.current = node;
+            if (typeof ref === "function")
+              ref(node);
+            else if (ref)
+              ref.current = node;
+          },
+          placeholder,
+          "aria-invalid": box.invalid || undefined,
+          className: cn2("w-full min-w-0 rounded-none bg-transparent text-foreground tabular-nums placeholder:text-muted-foreground outline-none font-[inherit] weight-normal", box.size.text)
+        }),
+        /* @__PURE__ */ jsx(InputAdornment2, {
+          size,
+          children: endAdornment
+        }),
+        stepper && !box.readOnly && /* @__PURE__ */ jsxs("span", {
+          className: "flex shrink-0 items-center",
+          children: [
+            /* @__PURE__ */ jsx(NumberField.Decrement, {
+              "aria-label": decrementLabel,
+              className: stepClasses,
+              children: /* @__PURE__ */ jsx(Minus, {
+                size: box.size.icon,
+                strokeWidth: 1.5
+              })
+            }),
+            /* @__PURE__ */ jsx(NumberField.Increment, {
+              "aria-label": incrementLabel,
+              className: cn2(stepClasses, FIELD_ACTION_END2[box.size.variant]),
+              children: /* @__PURE__ */ jsx(Plus, {
+                size: box.size.icon,
+                strokeWidth: 1.5
+              })
+            })
+          ]
+        })
+      ]
+    })
+  });
+});
+NumberInput2.displayName = "NumberInput";
+var number_input_default = NumberInput2;
+
+export { NumberInput2, number_input_default };