@justanarthur/modo-ui 0.0.0-stage → 0.1.0

package/dist/shared/components-v7es8aan.js

@@ -0,0 +1,144 @@
+import {
+  TimeColumns
+} from "./components-r4jt6hgd.js";
+import {
+  calendar_default
+} from "./components-6phwsry6.js";
+import {
+  PickerInput,
+  PickerShell
+} from "./components-hzfp4tjb.js";
+import {
+  defaultLocale,
+  hourCycleOf,
+  parseDateText,
+  parseTimeText
+} from "./components-x2xyckd5.js";
+import {
+  useControllableState
+} from "./components-dg0w8g5p.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 DatePicker({
+  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 = DatePicker;
+
+export { DatePicker, date_picker_default };

package/dist/shared/components-vb033rns.js

@@ -0,0 +1,28 @@
+import {
+  SizeContext,
+  sizeMap
+} from "./components-x3rz4cyn.js";
+
+// primitives/sizes/index.tsx
+import { useCallback, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function SizeProvider({
+  children,
+  size,
+  defaultSize = "default"
+}) {
+  const [internalSize, setInternalSize] = useState(defaultSize);
+  const isControlled = size !== undefined;
+  const resolved = size ?? internalSize;
+  const setSize = useCallback((next) => {
+    if (isControlled)
+      return;
+    setInternalSize(next);
+  }, [isControlled]);
+  const value = useMemo(() => ({ size: resolved, setSize, classes: sizeMap[resolved] }), [resolved, setSize]);
+  return /* @__PURE__ */ jsx(SizeContext.Provider, {
+    value,
+    children
+  });
+}
+export { SizeProvider };

package/dist/shared/components-vc1k7yv2.js

@@ -0,0 +1,30 @@
+// lib/springs.ts
+var spring = {
+  fast: {
+    type: "spring",
+    duration: 0.08,
+    bounce: 0,
+    exit: { duration: 0.06 }
+  },
+  moderate: {
+    type: "spring",
+    duration: 0.16,
+    bounce: 0,
+    exit: { duration: 0.12 }
+  },
+  slow: {
+    type: "spring",
+    duration: 0.24,
+    bounce: 0.12,
+    exit: { duration: 0.16 }
+  },
+  goo: {
+    type: "spring",
+    visualDuration: 0.25,
+    bounce: 0.15,
+    exit: { type: "spring", visualDuration: 0.2, bounce: 0 }
+  }
+};
+var exitFallbackMs = (tier) => Math.round(("duration" in tier.exit ? tier.exit.duration : tier.exit.visualDuration) * 1000) + 100;
+
+export { spring, exitFallbackMs };