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

package/dist/shared/components-a4evvq8h.js

@@ -1,271 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  FluidHoverHighlight2
-} from "./components-qdm3yh26.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  RowOrderContext2,
-  useRowOrder2,
-  useRowSlot2
-} from "./components-krtx3m5b.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  useFluidHover2,
-  useRegisterFluidHoverItem2
-} from "./components-yhgq0qxx.js";
-import {
-  SizeProvider2
-} from "./components-dcc02hs2.js";
-
-// components/table/index.tsx
-import { motion } from "motion/react";
-import {
-  createContext,
-  forwardRef,
-  useContext,
-  useMemo,
-  useRef
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TableContext = createContext(null);
-var TableSectionContext = createContext("body");
-var StackedContext = createContext(null);
-function useStacked(own) {
-  const table = useContext(TableContext)?.stacked ?? false;
-  const part = useContext(StackedContext);
-  return table && (own ?? part ?? true);
-}
-var Table2 = forwardRef(({ children, size, stacked = false, containerClassName, className, ...props }, ref) => {
-  const containerRef = useRef(null);
-  const sizeClasses = useSize2(size);
-  const hover = useFluidHover2(containerRef);
-  const { activeIndex, handlers, registerItem } = hover;
-  const rowOrder = useRowOrder2();
-  const contextValue = useMemo(() => ({ registerItem, activeIndex, stacked }), [registerItem, activeIndex, stacked]);
-  const table = /* @__PURE__ */ jsx(TableContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ jsxs("div", {
-      ref: containerRef,
-      className: cn2("relative", containerClassName),
-      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: /* @__PURE__ */ jsx(RowOrderContext2.Provider, {
-            value: rowOrder,
-            children
-          })
-        })
-      ]
-    })
-  });
-  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
-    size,
-    children: table
-  }) : table;
-});
-Table2.displayName = "Table";
-var TableHeader2 = forwardRef(({ stacked: own, className, ...props }, ref) => {
-  const stacked = useStacked(own);
-  return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
-    value: "header",
-    children: /* @__PURE__ */ jsx(RowOrderContext2.Provider, {
-      value: null,
-      children: /* @__PURE__ */ jsx(StackedContext.Provider, {
-        value: own ?? null,
-        children: /* @__PURE__ */ jsx("thead", {
-          ref,
-          className: cn2(stacked && "hidden md:table-header-group", className),
-          ...props
-        })
-      })
-    })
-  });
-});
-TableHeader2.displayName = "TableHeader";
-var TableBody2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
-  ref,
-  className: cn2("", className),
-  ...props
-}));
-TableBody2.displayName = "TableBody";
-var TableFooter2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableSectionContext.Provider, {
-  value: "footer",
-  children: /* @__PURE__ */ jsx(RowOrderContext2.Provider, {
-    value: null,
-    children: /* @__PURE__ */ jsx("tfoot", {
-      ref,
-      className: cn2("[&_td]:text-foreground", className),
-      ...props
-    })
-  })
-}));
-TableFooter2.displayName = "TableFooter";
-var TableCaption2 = forwardRef(({ className, ...props }, ref) => {
-  const sizeClasses = useSize2();
-  return /* @__PURE__ */ jsx("caption", {
-    ref,
-    className: cn2("caption-bottom pt-3 text-left text-muted-foreground", sizeClasses.variant === "compact" ? "text-caption-compact px-2.5" : "text-caption px-3", className),
-    ...props
-  });
-});
-TableCaption2.displayName = "TableCaption";
-var TableRow2 = forwardRef(({ index: indexProp, stacked: own, className, style, ...props }, ref) => {
-  const internalRef = useRef(null);
-  const ctx = useContext(TableContext);
-  const section = useContext(TableSectionContext);
-  const stacked = useStacked(own);
-  const { index } = useRowSlot2(internalRef, indexProp);
-  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 && section === "header" && activeIdx === 0);
-  const row = /* @__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", section === "body" || isBodyRow ? "weight-normal" : "weight-semibold", stacked && "grid grid-cols-2 md:table-row", className),
-    style,
-    ...props
-  });
-  return own === undefined ? row : /* @__PURE__ */ jsx(StackedContext.Provider, {
-    value: own,
-    children: row
-  });
-});
-TableRow2.displayName = "TableRow";
-var SORT_ICONS = [
-  [false, "arrow-up-down"],
-  ["asc", "arrow-up"],
-  ["desc", "arrow-down"]
-];
-var NEXT_SORT = { none: "asc", asc: "desc", desc: false };
-var ARIA_SORT = { asc: "ascending", desc: "descending", none: "none" };
-var SHOWN = { opacity: 1, scale: 1, filter: "blur(0px)" };
-var HIDDEN = { opacity: 0, scale: 0.6, filter: "blur(4px)" };
-var enter = { type: "tween", duration: spring2.fast.duration, ease: "easeOut" };
-var leave = { type: "tween", ...spring2.fast.exit, ease: "easeIn" };
-function SortGlyph({
-  direction,
-  glyph,
-  current,
-  size
-}) {
-  const Icon = useIcon2(glyph);
-  const reduced = useReduceMotion2();
-  const shown = direction === current;
-  return /* @__PURE__ */ jsx(motion.span, {
-    className: "col-start-1 row-start-1 flex",
-    initial: false,
-    animate: shown ? SHOWN : reduced ? { opacity: 0 } : HIDDEN,
-    transition: shown ? enter : leave,
-    children: /* @__PURE__ */ jsx(Icon, {
-      size,
-      strokeWidth: 1.5,
-      className: cn2("transition-[stroke-width] duration-fast group-hover/sort:stroke-2", current && "stroke-2")
-    })
-  });
-}
-var TableHead2 = forwardRef(({ sortDirection, defaultSortDirection, onSort, className, children, ...props }, ref) => {
-  const sizeClasses = useSize2();
-  const [direction, setDirection] = useControllableState2(sortDirection, defaultSortDirection ?? false, onSort);
-  const sortable = sortDirection !== undefined || defaultSortDirection !== undefined || onSort !== undefined;
-  return /* @__PURE__ */ jsx("th", {
-    ref,
-    "aria-sort": sortable ? ARIA_SORT[direction || "none"] : undefined,
-    className: cn2("text-left text-foreground", sizeClasses.variant === "compact" ? "px-2.5 py-[5px]" : "px-3 py-2", className),
-    ...props,
-    children: sortable ? /* @__PURE__ */ jsxs("button", {
-      type: "button",
-      onClick: () => setDirection(NEXT_SORT[direction || "none"]),
-      className: cn2("group/sort -mx-1 inline-flex cursor-pointer items-center rounded-glyph px-1 text-inherit outline-none focus-visible:ring-1 focus-visible:ring-focus-ring", sizeClasses.gap),
-      children: [
-        children,
-        /* @__PURE__ */ jsx("span", {
-          "aria-hidden": "true",
-          className: cn2("grid shrink-0 transition-[color] duration-fast group-hover/sort:text-foreground", direction ? "text-foreground" : "text-muted-foreground"),
-          children: SORT_ICONS.map(([glyphDirection, glyph]) => /* @__PURE__ */ jsx(SortGlyph, {
-            direction: glyphDirection,
-            glyph,
-            current: direction,
-            size: sizeClasses.icon
-          }, glyph))
-        })
-      ]
-    }) : children
-  });
-});
-TableHead2.displayName = "TableHead";
-var TableCell2 = forwardRef(({ label, className, children, ...props }, ref) => {
-  const sizeClasses = useSize2();
-  const stacked = useStacked();
-  return /* @__PURE__ */ jsxs("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", stacked && "flex flex-col items-start text-foreground md:table-cell md:text-muted-foreground", className),
-    ...props,
-    children: [
-      stacked && label != null && /* @__PURE__ */ jsx("span", {
-        className: cn2("text-muted-foreground weight-normal md:hidden", sizeClasses.variant === "compact" ? "text-caption-compact" : "text-caption"),
-        children: label
-      }),
-      children
-    ]
-  });
-});
-TableCell2.displayName = "TableCell";
-var TableEmpty2 = forwardRef(({ colSpan, className, children, ...props }, ref) => {
-  const sizeClasses = useSize2();
-  return /* @__PURE__ */ jsx("tr", {
-    ref,
-    className: cn2("relative z-10", className),
-    ...props,
-    children: /* @__PURE__ */ jsx("td", {
-      colSpan,
-      className: cn2("h-24 px-3 text-center align-middle text-muted-foreground", sizeClasses.text),
-      children
-    })
-  });
-});
-TableEmpty2.displayName = "TableEmpty";
-Object.assign(Table2, {
-  Header: TableHeader2,
-  Body: TableBody2,
-  Row: TableRow2,
-  Head: TableHead2,
-  Cell: TableCell2,
-  Footer: TableFooter2,
-  Caption: TableCaption2,
-  Empty: TableEmpty2
-});
-var table_default = Table2;
-
-export { Table2, TableHeader2, TableBody2, TableFooter2, TableCaption2, TableRow2, TableHead2, TableCell2, TableEmpty2, table_default };

package/dist/shared/components-adkarj8n.js

@@ -1,35 +0,0 @@
-"use client";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// components/inputs/label/index.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Label2 = forwardRef(({ children, invalid, size, className, ...props }, ref) => {
-  const sizeClasses = useSize2(size);
-  const compact = sizeClasses.variant === "compact";
-  return /* @__PURE__ */ jsxs("label", {
-    ref,
-    className: cn2("inline-grid", sizeClasses.text, "data-[disabled]:opacity-50", compact ? "pl-2" : "pl-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        className: "col-start-1 row-start-1 invisible weight-semibold",
-        "aria-hidden": "true",
-        children
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: cn2("col-start-1 row-start-1", invalid ? "text-destructive" : "text-muted-foreground", "weight-normal"),
-        children
-      })
-    ]
-  });
-});
-Label2.displayName = "Label";
-var label_default = Label2;
-
-export { Label2, label_default };

package/dist/shared/components-b1e239g3.js

@@ -1,28 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-
-// lib/morph-part.tsx
-import { motion } from "motion/react";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var MorphPartScope2 = createContext(null);
-var MorphPartInOverlay2 = createContext(false);
-var { exit: _exit, ...enter } = spring2.slow;
-function MorphPart2({ id, className, children }) {
-  const scope = useContext(MorphPartScope2);
-  const inOverlay = useContext(MorphPartInOverlay2);
-  const reduced = useReduceMotion2();
-  const layoutId = scope && !reduced && (scope.open || !inOverlay) ? `${scope.id}-${id}` : undefined;
-  return /* @__PURE__ */ jsx(motion.div, {
-    layoutId,
-    transition: enter,
-    className,
-    children
-  });
-}
-export { MorphPartScope2, MorphPartInOverlay2, MorphPart2 };

package/dist/shared/components-b94t6qtj.js

@@ -1,143 +0,0 @@
-"use client";
-import {
-  FIELD_ACTION_BOX2,
-  FIELD_ACTION_END2,
-  FIELD_ACTION_RADIUS2,
-  fieldActionClasses2
-} from "./components-124epb7f.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  useFieldBox2,
-  focusControlOnPress2
-} from "./components-hdzrqqpx.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  InputAdornment2
-} from "./components-mattt5jp.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,
-  inputProps,
-  ...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, details) => onValueChange?.(next, details),
-    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,
-          ...inputProps,
-          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, inputProps?.className)
-        }),
-        /* @__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 };

package/dist/shared/components-c9yr4ed1.js

@@ -1,44 +0,0 @@
-// components/badge/variants.ts
-import { cva } from "class-variance-authority";
-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",
-      outline: "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 legacySizeAliases3 = {
-  sm: "compact",
-  md: "default",
-  lg: "default"
-};
-export { badgeColors2, badgeVariants2, legacySizeAliases3 };