@justanarthur/modo-ui 0.0.0-stage → 0.2.0

package/dist/shared/components-v7wtz8hk.js

@@ -0,0 +1,144 @@
+import {
+  defaultLocale,
+  hourCycleOf,
+  parseDateText,
+  parseTimeText
+} from "./components-9jvzzvt1.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
+import {
+  calendar_default
+} from "./components-1rfwbyyc.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
+import {
+  TimeColumns
+} from "./components-q4daerx0.js";
+
+// components/inputs/date-time/date-picker/index.tsx
+import { endOfMonth, format, set } from "date-fns";
+import { useRef } from "react";
+import { dateMatchModifiers } from "react-day-picker";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+var keepTime = (day, from) => set(day, { hours: from?.getHours() ?? 0, minutes: from?.getMinutes() ?? 0, seconds: 0, milliseconds: 0 });
+function DatePicker2({
+  value: valueProp,
+  defaultValue = null,
+  onValueChange,
+  withTime = false,
+  hourCycle,
+  minuteStep = 1,
+  locale = defaultLocale,
+  placeholder,
+  disabled,
+  startMonth,
+  endMonth,
+  invalid,
+  size,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  dir,
+  columnsSide,
+  timeColumnsSide,
+  id,
+  from,
+  effect,
+  hideSource,
+  tier,
+  className
+}) {
+  const [value, setValue] = useControllableState(valueProp, defaultValue, onValueChange);
+  const [open, setOpen] = useControllableState(openProp, defaultOpen, onOpenChange);
+  const dateInput = useRef(null);
+  const off = typeof disabled === "boolean" && disabled;
+  const days = off ? undefined : disabled;
+  const allowed = (date) => (!startMonth || date >= startMonth) && (!endMonth || date <= endOfMonth(endMonth)) && !(days && dateMatchModifiers(date, days));
+  const readDate = (text) => {
+    if (!text.trim()) {
+      setValue(null);
+      return true;
+    }
+    const date = parseDateText(text, locale, value ?? undefined);
+    if (!date || !allowed(date))
+      return false;
+    setValue(withTime ? keepTime(date, value) : date);
+    return true;
+  };
+  const readTime = (text) => {
+    const time = parseTimeText(text, locale, value ?? new Date);
+    if (!time)
+      return false;
+    setValue(time);
+    return true;
+  };
+  const header = /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(PickerInput, {
+        ref: dateInput,
+        "aria-label": placeholder ?? "Date",
+        placeholder,
+        formatted: value ? format(value, "PP", { locale }) : "",
+        onText: readDate,
+        onEnter: () => setOpen(false),
+        className: "flex-1"
+      }),
+      withTime && /* @__PURE__ */ jsx(PickerInput, {
+        "aria-label": "Time",
+        formatted: value ? format(value, "p", { locale }) : "",
+        onText: readTime,
+        onEnter: () => setOpen(false),
+        className: "w-28 shrink-0"
+      })
+    ]
+  });
+  return /* @__PURE__ */ jsx(PickerShell, {
+    open,
+    onOpenChange: setOpen,
+    size,
+    invalid,
+    disabled: off,
+    icon: "calendar",
+    display: value ? format(value, withTime ? "PP, p" : "PP", { locale }) : "",
+    placeholder,
+    header,
+    initialFocus: dateInput,
+    id,
+    dir,
+    from,
+    effect,
+    hideSource,
+    tier,
+    className,
+    children: /* @__PURE__ */ jsx(calendar_default, {
+      mode: "single",
+      locale,
+      selected: value ?? undefined,
+      onSelect: (day) => {
+        setValue(day ? withTime ? keepTime(day, value) : day : null);
+        if (day && !withTime)
+          setOpen(false);
+      },
+      disabled: days,
+      startMonth,
+      endMonth,
+      dir,
+      columnsSide,
+      extraColumnsSide: timeColumnsSide,
+      extraColumns: withTime ? (orientation) => /* @__PURE__ */ jsx(TimeColumns, {
+        value: value && { hours: value.getHours(), minutes: value.getMinutes() },
+        onValueChange: (time) => setValue(set(value ?? new Date, { ...time, seconds: 0, milliseconds: 0 })),
+        hourCycle: hourCycle ?? hourCycleOf(locale),
+        minuteStep,
+        locale,
+        orientation
+      }) : undefined
+    })
+  });
+}
+var date_picker_default = DatePicker2;
+
+export { DatePicker2, date_picker_default };

package/dist/shared/components-vc7vq5nz.js

@@ -0,0 +1,32 @@
+import {
+  surfaceClasses2,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
+
+// primitives/surface/index.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var Elevated2 = forwardRef(({ offset, shadowLevel, className, children, ...props }, ref) => {
+  const substrate = useSurface2();
+  const level = Math.min(substrate + offset, 8);
+  return /* @__PURE__ */ jsx(SurfaceProvider2, {
+    value: level,
+    children: /* @__PURE__ */ jsx("div", {
+      ref,
+      className: cn2(surfaceClasses2(level, shadowLevel ?? level), className),
+      ...props,
+      children
+    })
+  });
+});
+Elevated2.displayName = "Elevated";
+Object.assign(Elevated2, { Provider: SurfaceProvider2 });
+var surface_default = Elevated2;
+
+export { Elevated2, surface_default };

package/dist/shared/components-vfbhxf5r.js

@@ -0,0 +1,58 @@
+import {
+  useShape
+} from "./components-cv16mryv.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  badge_default
+} from "./components-7r3etddy.js";
+
+// primitives/craft/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function Pane({ verdict, note, children }) {
+  const shape = useShape();
+  return /* @__PURE__ */ jsxs("figure", {
+    className: cn2("row-span-2 m-0 grid min-w-0 grid-rows-subgrid gap-0 ring-1 ring-border", shape.container),
+    children: [
+      /* @__PURE__ */ jsx("div", {
+        className: "flex min-h-40 items-center justify-center p-4",
+        children
+      }),
+      /* @__PURE__ */ jsxs("figcaption", {
+        className: "flex items-start gap-2 border-t border-border px-4 py-3",
+        children: [
+          /* @__PURE__ */ jsx(badge_default, {
+            variant: "dot",
+            size: "compact",
+            color: verdict === "bad" ? "red" : "green",
+            children: verdict === "bad" ? "Bad" : "Good"
+          }),
+          note && /* @__PURE__ */ jsx("span", {
+            className: "text-caption text-muted-foreground",
+            children: note
+          })
+        ]
+      })
+    ]
+  });
+}
+function Craft({ bad, good, badNote, goodNote, className }) {
+  return /* @__PURE__ */ jsxs("div", {
+    className: cn2("grid w-full gap-3 sm:grid-cols-2", className),
+    children: [
+      /* @__PURE__ */ jsx(Pane, {
+        verdict: "bad",
+        note: badNote,
+        children: bad
+      }),
+      /* @__PURE__ */ jsx(Pane, {
+        verdict: "good",
+        note: goodNote,
+        children: good
+      })
+    ]
+  });
+}
+
+export { Craft };

package/dist/shared/components-vynjtrk6.js

@@ -0,0 +1,19 @@
+// lib/popup.ts
+var popupScrollAreaClass = "min-h-0 flex-1 max-h-[inherit]";
+var popupViewportClass = "!h-auto max-h-[inherit] [&>div[style]]:!block [&>div[style]]:!min-w-0 [--scroll-fade-size:32px]";
+var POPUP_NAV_KEYS = [
+  "ArrowDown",
+  "ArrowUp",
+  "ArrowLeft",
+  "ArrowRight",
+  "Home",
+  "End",
+  "PageUp",
+  "PageDown",
+  "Tab"
+];
+function isDisabledRow(el) {
+  return el.getAttribute("aria-disabled") === "true" || el.hasAttribute("data-disabled");
+}
+
+export { popupScrollAreaClass, popupViewportClass, POPUP_NAV_KEYS, isDisabledRow };