@enigmax/primitives 0.17.0 → 0.19.0

package/dist/chunk-JFNND6P4.js

@@ -1,749 +0,0 @@
-import { generatePassword, estimatePasswordStrength, INPUT_ICON_PATHS, createNotifications, createButton, createMarquee, createInput, createNetworkMonitor, SERVER_NETWORK_STATE, relativeTimeView, relativeTimeAttributes, flagView } from './chunk-4GLYRF4B.js';
-import { createSearch } from './chunk-UZFEEFMF.js';
-import { forwardRef, createElement, useRef, useState, useId, useCallback, useEffect, useMemo, useSyncExternalStore, useLayoutEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function useMarquee(options = {}) {
-  const laneRef = useRef(null);
-  const trackRef = useRef(null);
-  const instanceRef = useRef(null);
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const [copies, setCopies] = useState(2);
-  const [dragging, setDragging] = useState(false);
-  const [period, setPeriod] = useState(0);
-  useIsomorphicLayoutEffect(() => {
-    const lane = laneRef.current;
-    const track = trackRef.current;
-    if (!lane || !track) return;
-    const instance = createMarquee(lane, track, {
-      ...optionsRef.current,
-      // React owns the DOM; cloning behind its back would be undone on render.
-      copies: "external",
-      onCopyCountChange: setCopies,
-      onMeasure: (measured) => setPeriod(measured),
-      onItemClick: (event) => optionsRef.current.onItemClick?.(event)
-    });
-    instanceRef.current = instance;
-    const syncDragging = () => setDragging(instance.dragging);
-    lane.addEventListener("pointerdown", syncDragging);
-    window.addEventListener("pointerup", syncDragging);
-    window.addEventListener("pointercancel", syncDragging);
-    return () => {
-      lane.removeEventListener("pointerdown", syncDragging);
-      window.removeEventListener("pointerup", syncDragging);
-      window.removeEventListener("pointercancel", syncDragging);
-      instance.destroy();
-      instanceRef.current = null;
-    };
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    instanceRef.current?.update(options);
-  }, [options.speed, options.reverse, options.vertical, options.draggable, options.hover, options.decay]);
-  useIsomorphicLayoutEffect(() => {
-    instanceRef.current?.measure();
-  }, [copies]);
-  return {
-    laneRef,
-    trackRef,
-    copies,
-    dragging,
-    period,
-    measure: () => instanceRef.current?.measure()
-  };
-}
-var useIsomorphicLayoutEffect2 = typeof window === "undefined" ? useEffect : useLayoutEffect;
-function useInput(options = {}) {
-  const inputRef = useRef(null);
-  const actionsRef = useRef(null);
-  const instanceRef = useRef(null);
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const [revealed, setRevealed] = useState(false);
-  useIsomorphicLayoutEffect2(() => {
-    const input = inputRef.current;
-    if (!input) return;
-    const instance = createInput(input, {
-      ...optionsRef.current,
-      container: actionsRef.current ?? optionsRef.current.container,
-      onRevealChange: (next) => {
-        setRevealed(next);
-        optionsRef.current.onRevealChange?.(next);
-      }
-    });
-    instanceRef.current = instance;
-    return () => {
-      instance.destroy();
-      instanceRef.current = null;
-    };
-  }, []);
-  useIsomorphicLayoutEffect2(() => {
-    instanceRef.current?.update(options);
-  }, [options.reveal, options.actions, options.position]);
-  return {
-    inputRef,
-    actionsRef,
-    revealed,
-    reveal: (next) => instanceRef.current?.reveal(next),
-    refresh: () => instanceRef.current?.refresh()
-  };
-}
-function useSearch(options = {}) {
-  const inputRef = useRef(null);
-  const instanceRef = useRef(null);
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const [query, setQuery] = useState("");
-  const [results, setResults] = useState([]);
-  const instance = useMemo(() => {
-    const created = createSearch({
-      ...optionsRef.current,
-      onResults: (next, nextQuery) => {
-        setResults(next);
-        setQuery(nextQuery);
-        optionsRef.current.onResults?.(next, nextQuery);
-      }
-    });
-    instanceRef.current = created;
-    return created;
-  }, []);
-  useEffect(() => () => instance.destroy(), [instance]);
-  useEffect(() => {
-    instance.setItems(options.items ?? []);
-  }, [instance, options.items]);
-  useEffect(() => {
-    const input = inputRef.current;
-    if (!input) return;
-    return instance.attach(input);
-  }, [instance]);
-  return {
-    inputRef,
-    query,
-    results,
-    search: (next) => instance.search(next),
-    searchNow: (next) => {
-      instance.searchNow(next);
-    },
-    clear: () => {
-      if (inputRef.current) inputRef.current.value = "";
-      instance.searchNow("");
-    }
-  };
-}
-function useButton(options = {}) {
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const instance = useMemo(() => createButton({
-    ...optionsRef.current,
-    onPress: (event) => optionsRef.current.onPress?.(event),
-    onChange: (next) => optionsRef.current.onChange?.(next)
-    // Built once: recreating it would drop a running cooldown on every render.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), []);
-  const [state, setState] = useState(() => instance.state);
-  useEffect(() => {
-    const unsubscribe = instance.subscribe(setState);
-    setState(instance.state);
-    return () => {
-      unsubscribe();
-      instance.destroy();
-    };
-  }, [instance]);
-  useEffect(() => {
-    instance.update({
-      href: options.href,
-      disabled: options.disabled,
-      loading: options.loading,
-      cooldown: options.cooldown,
-      shortcut: options.shortcut
-    });
-  }, [instance, options.href, options.disabled, options.loading, options.cooldown, options.shortcut]);
-  const press = useCallback(() => {
-    void instance.press();
-  }, [instance]);
-  return {
-    ...state,
-    press,
-    reset: () => instance.reset(),
-    props: {
-      onClick: (event) => {
-        if (!state.available) {
-          event.preventDefault();
-          return;
-        }
-        void instance.press(event);
-      },
-      "aria-disabled": !state.available,
-      "aria-busy": state.loading,
-      ...state.loading ? { "data-loading": "" } : {},
-      ...state.cooldown > 0 ? { "data-cooldown": "" } : {},
-      ...state.element === "button" ? { disabled: state.disabled } : { href: options.href },
-      ...state.shortcut ? { title: `Shortcut: ${state.shortcut.toUpperCase()}` } : {}
-    }
-  };
-}
-
-// src/react/link.ts
-var linkComponent = null;
-function setLinkComponent(component) {
-  linkComponent = component;
-}
-function getLinkComponent() {
-  return linkComponent ?? "a";
-}
-var Button = forwardRef(function Button2({
-  as,
-  children,
-  pending,
-  href,
-  disabled,
-  loading: loading2,
-  cooldown,
-  shortcut,
-  onPress,
-  onClick,
-  onChange,
-  type = "button",
-  ...rest
-}, ref) {
-  const button = useButton({ href, disabled, loading: loading2, cooldown, shortcut, onPress: onPress ?? onClick, onChange });
-  const state = button;
-  const Tag = as ?? (state.element === "a" ? getLinkComponent() : "button");
-  const native = Tag === "button" ? { type } : {};
-  const label = typeof children === "function" ? children(state) : children;
-  return createElement(
-    Tag,
-    { ref, ...button.props, ...native, ...rest },
-    state.loading && pending !== void 0 ? pending : label
-  );
-});
-var ICON_PROPS = {
-  viewBox: "0 0 24 24",
-  width: "1em",
-  height: "1em",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  "aria-hidden": true
-};
-function Icon({ paths }) {
-  return /* @__PURE__ */ jsx("svg", { ...ICON_PROPS, children: paths.map((path) => /* @__PURE__ */ jsx("path", { d: path }, path)) });
-}
-function writeValue(input, next) {
-  const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set;
-  if (setter) setter.call(input, next);
-  else input.value = next;
-  input.dispatchEvent(new Event("input", { bubbles: true }));
-}
-var Input = forwardRef(function Input2({
-  reveal,
-  revealLabels,
-  generate = false,
-  generateLabel = "Generate a password",
-  revealOnGenerate = true,
-  copyOnGenerate = false,
-  onGenerate,
-  actions = [],
-  position = "end",
-  strength = false,
-  onStrengthChange,
-  breach,
-  breachDelay = 500,
-  onBreachChange,
-  wrapperProps,
-  fieldProps,
-  classNames,
-  children,
-  type = "text",
-  onChange,
-  ...props
-}, forwardedRef) {
-  const innerRef = useRef(null);
-  const [revealed, setRevealed] = useState(false);
-  const describedBy = useId();
-  const isPassword = type === "password";
-  const showReveal = reveal ?? isPassword;
-  const showGenerate = generate !== false && isPassword;
-  const controlled = props.value !== void 0;
-  const [ownValue, setOwnValue] = useState(String(props.defaultValue ?? ""));
-  const value = controlled ? String(props.value ?? "") : ownValue;
-  const handleChange = useCallback((event) => {
-    if (!controlled) setOwnValue(event.target.value);
-    onChange?.(event);
-  }, [controlled, onChange]);
-  const caret = useRef(null);
-  const toggleReveal = useCallback(() => {
-    const input = innerRef.current;
-    if (input && typeof document !== "undefined" && document.activeElement === input) {
-      try {
-        const { selectionStart, selectionEnd } = input;
-        caret.current = selectionStart === null || selectionEnd === null ? null : [selectionStart, selectionEnd];
-      } catch {
-        caret.current = null;
-      }
-    }
-    setRevealed((current) => !current);
-  }, []);
-  useEffect(() => {
-    const selection = caret.current;
-    if (!selection) return;
-    caret.current = null;
-    const restore = () => {
-      const input = innerRef.current;
-      if (!input || document.activeElement !== input) return;
-      try {
-        input.setSelectionRange(selection[0], selection[1]);
-      } catch {
-      }
-    };
-    restore();
-    const timer = setTimeout(restore, 0);
-    return () => clearTimeout(timer);
-  }, [revealed]);
-  const handleGenerate = useCallback(() => {
-    const input = innerRef.current;
-    if (!input) return;
-    const password = generatePassword(typeof generate === "object" ? generate : {});
-    writeValue(input, password);
-    if (revealOnGenerate) setRevealed(true);
-    if (copyOnGenerate) void navigator.clipboard?.writeText(password).catch(() => {
-    });
-    input.focus();
-    onGenerate?.(password);
-  }, [generate, revealOnGenerate, copyOnGenerate, onGenerate]);
-  const estimateOptions = typeof strength === "object" ? strength : void 0;
-  const userInputs = estimateOptions?.userInputs;
-  const report = useMemo(
-    () => strength === false ? null : estimatePasswordStrength(value, { userInputs }),
-    // The array is compared by identity, so a literal would re-estimate every render.
-    [strength, value, userInputs]
-  );
-  const strengthListener = useRef(onStrengthChange);
-  strengthListener.current = onStrengthChange;
-  useEffect(() => {
-    if (report) strengthListener.current?.(report);
-  }, [report]);
-  const [breachState, setBreachState] = useState({ status: "idle", count: 0, error: null });
-  const breachListener = useRef(onBreachChange);
-  breachListener.current = onBreachChange;
-  useEffect(() => {
-    if (!breach || !value) {
-      setBreachState({ status: "idle", count: 0, error: null });
-      return;
-    }
-    const controller = new AbortController();
-    const timer = setTimeout(() => {
-      setBreachState({ status: "checking", count: 0, error: null });
-      breach(value, { signal: controller.signal }).then((result) => {
-        if (controller.signal.aborted) return;
-        setBreachState({ status: result.breached ? "breached" : "safe", count: result.count, error: null });
-      }).catch((error) => {
-        if (controller.signal.aborted) return;
-        setBreachState({ status: "error", count: 0, error });
-      });
-    }, breachDelay);
-    return () => {
-      clearTimeout(timer);
-      controller.abort();
-    };
-  }, [breach, value, breachDelay]);
-  useEffect(() => {
-    breachListener.current?.(breachState);
-  }, [breachState]);
-  const builtIn = [];
-  if (showGenerate) {
-    builtIn.push({
-      name: "generate",
-      label: generateLabel,
-      icon: /* @__PURE__ */ jsx(Icon, { paths: INPUT_ICON_PATHS.generate }),
-      onSelect: handleGenerate
-    });
-  }
-  if (showReveal) {
-    builtIn.push({
-      name: "reveal",
-      label: revealed ? revealLabels?.hide ?? "Hide password" : revealLabels?.show ?? "Show password",
-      icon: /* @__PURE__ */ jsx(Icon, { paths: revealed ? INPUT_ICON_PATHS.eyeOff : INPUT_ICON_PATHS.eye }),
-      pressed: revealed,
-      onSelect: toggleReveal
-    });
-  }
-  const overridden = new Set(actions.map((action) => action.name));
-  const rendered = [...builtIn.filter((action) => !overridden.has(action.name)), ...actions].filter((action) => action.visible !== false);
-  const locked = props.disabled === true || props.readOnly === true;
-  const buttons = rendered.length === 0 ? null : /* @__PURE__ */ jsx("span", { "data-enigma-input-actions": "", "data-position": position, className: classNames?.actions, children: rendered.map((action) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "data-enigma-input-action": action.name,
-      className: classNames?.action,
-      "aria-label": action.label,
-      title: action.label,
-      "aria-pressed": action.pressed,
-      disabled: locked,
-      onMouseDown: (event) => event.preventDefault(),
-      onClick: action.onSelect,
-      children: action.icon
-    },
-    action.name
-  )) });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...wrapperProps,
-      "data-enigma-input-root": "",
-      "data-revealed": revealed ? "" : void 0,
-      "data-breached": breachState.status === "breached" ? "" : void 0,
-      "data-score": report && !report.empty ? report.score : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { ...fieldProps, "data-enigma-input-field": "", children: [
-          position === "start" && buttons,
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ...props,
-              ref: (node) => {
-                innerRef.current = node;
-                if (typeof forwardedRef === "function") forwardedRef(node);
-                else if (forwardedRef) forwardedRef.current = node;
-              },
-              type: revealed && isPassword ? "text" : type,
-              onChange: handleChange,
-              "data-enigma-input": "",
-              "aria-describedby": report ? describedBy : props["aria-describedby"]
-            }
-          ),
-          position === "end" && buttons
-        ] }),
-        report && /* @__PURE__ */ jsx(PasswordStrength, { id: describedBy, report, classNames: classNames?.strength }),
-        children
-      ]
-    }
-  );
-});
-var SCORE_LABELS = ["Very weak", "Weak", "Fair", "Strong", "Very strong"];
-function PasswordStrength({
-  value = "",
-  report,
-  userInputs,
-  segments = 5,
-  labels = SCORE_LABELS,
-  showWarning = true,
-  classNames,
-  ...props
-}) {
-  const computed = useMemo(
-    () => report ?? estimatePasswordStrength(value, { userInputs }),
-    [report, value, userInputs]
-  );
-  const score = computed.score;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...props,
-      "data-enigma-password-strength": "",
-      "data-score": computed.empty ? void 0 : score,
-      "data-empty": computed.empty ? "" : void 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { "data-enigma-password-strength-track": "", "aria-hidden": "true", className: classNames?.track, children: Array.from({ length: segments }, (unused, index) => /* @__PURE__ */ jsx(
-          "span",
-          {
-            "data-enigma-password-strength-segment": "",
-            className: classNames?.segment,
-            "data-filled": !computed.empty && index <= score ? "" : void 0
-          },
-          index
-        )) }),
-        /* @__PURE__ */ jsx("p", { "data-enigma-password-strength-label": "", role: "status", "aria-live": "polite", className: classNames?.label, children: computed.empty ? "" : labels[score] ?? "" }),
-        showWarning && !computed.empty && computed.warnings.length > 0 && /* @__PURE__ */ jsx("p", { "data-enigma-password-strength-warning": "", className: classNames?.warning, children: computed.warnings[0] })
-      ]
-    }
-  );
-}
-var defaultQueue = createNotifications();
-function useNotifications(queue = defaultQueue) {
-  const snapshot = useRef(queue.items);
-  const items = useSyncExternalStore(
-    (listener) => queue.subscribe((next) => {
-      snapshot.current = next;
-      listener();
-    }),
-    () => snapshot.current,
-    () => snapshot.current
-  );
-  return useMemo(() => ({
-    items,
-    notify: queue.notify,
-    dismiss: queue.dismiss,
-    dismissAll: queue.dismissAll,
-    pause: queue.pause,
-    resume: queue.resume
-  }), [items, queue]);
-}
-function createNotificationQueue(options) {
-  return createNotifications(options);
-}
-function swipeAxis(position) {
-  if (position.endsWith("-center")) return { axis: "y", sign: position.startsWith("top") ? -1 : 1 };
-  return { axis: "x", sign: position.endsWith("-left") ? -1 : 1 };
-}
-function Toaster({
-  queue = defaultQueue,
-  position = "bottom-right",
-  exitDuration = 200,
-  swipeThreshold = 60,
-  children,
-  label = "Notifications",
-  className,
-  style
-}) {
-  const [rendered, setRendered] = useState(
-    () => queue.items.map((notification) => ({ notification, leaving: false }))
-  );
-  const timers = useRef(/* @__PURE__ */ new Map());
-  useEffect(() => {
-    const sync = (items) => {
-      setRendered((current) => {
-        const live = new Map(items.map((item) => [item.id, item]));
-        const kept = current.map((entry) => {
-          const still = live.get(entry.notification.id);
-          if (still) return { notification: still, leaving: false };
-          if (entry.leaving) return entry;
-          const timer = setTimeout(() => {
-            timers.current.delete(entry.notification.id);
-            setRendered((later) => later.filter((row) => row.notification.id !== entry.notification.id));
-          }, exitDuration);
-          timers.current.set(entry.notification.id, timer);
-          return { ...entry, leaving: true };
-        });
-        const seen = new Set(kept.map((entry) => entry.notification.id));
-        const added = items.filter((item) => !seen.has(item.id)).map((item) => ({ notification: item, leaving: false }));
-        return [...kept, ...added];
-      });
-    };
-    sync(queue.items);
-    return queue.subscribe(sync);
-  }, [queue, exitDuration]);
-  useEffect(() => {
-    const pending = timers.current;
-    return () => {
-      for (const timer of pending.values()) clearTimeout(timer);
-      pending.clear();
-    };
-  }, []);
-  if (!rendered.length) return null;
-  return /* @__PURE__ */ jsx(
-    "section",
-    {
-      "aria-label": label,
-      "data-enigma-toaster": "",
-      "data-position": position,
-      className,
-      style,
-      onPointerEnter: () => queue.pause(),
-      onPointerLeave: () => queue.resume(),
-      onFocusCapture: () => queue.pause(),
-      onBlurCapture: () => queue.resume(),
-      children: rendered.map((entry, index) => /* @__PURE__ */ jsx(
-        Toast,
-        {
-          entry,
-          index: rendered.length - 1 - index,
-          position,
-          swipeThreshold,
-          onDismiss: () => queue.dismiss(entry.notification.id),
-          render: children
-        },
-        entry.notification.id
-      ))
-    }
-  );
-}
-function Toast({ entry, index, position, swipeThreshold, onDismiss, render }) {
-  const { notification, leaving } = entry;
-  const [offset, setOffset] = useState(0);
-  const [swiping, setSwiping] = useState(false);
-  const start = useRef(0);
-  const { axis, sign } = swipeAxis(position);
-  const onPointerDown = useCallback((event) => {
-    if (event.target.closest("button")) return;
-    if (event.pointerType === "mouse" && event.button !== 0) return;
-    event.currentTarget.setPointerCapture(event.pointerId);
-    start.current = axis === "x" ? event.clientX : event.clientY;
-    setSwiping(true);
-  }, [axis]);
-  const onPointerMove = useCallback((event) => {
-    if (!swiping) return;
-    const delta = (axis === "x" ? event.clientX : event.clientY) - start.current;
-    setOffset(sign > 0 ? Math.max(0, delta) : Math.min(0, delta));
-  }, [swiping, axis, sign]);
-  const onPointerUp = useCallback(() => {
-    if (!swiping) return;
-    setSwiping(false);
-    if (Math.abs(offset) >= swipeThreshold) {
-      onDismiss();
-      return;
-    }
-    setOffset(0);
-  }, [swiping, offset, swipeThreshold, onDismiss]);
-  const controls = { dismiss: onDismiss };
-  return /* @__PURE__ */ jsx(
-    "article",
-    {
-      "data-enigma-toast": "",
-      "data-tone": notification.tone,
-      "data-state": leaving ? "leaving" : "open",
-      "data-index": index,
-      "data-front": index === 0 ? "" : void 0,
-      "data-swiping": swiping ? "" : void 0,
-      role: notification.tone === "error" ? "alert" : "status",
-      "aria-live": notification.tone === "error" ? "assertive" : "polite",
-      tabIndex: 0,
-      onKeyDown: (event) => {
-        if (event.key === "Escape") onDismiss();
-      },
-      onPointerDown,
-      onPointerMove,
-      onPointerUp,
-      onPointerCancel: onPointerUp,
-      style: {
-        // Read by the theme, so the transform stays the stylesheet's decision.
-        "--enigma-toast-swipe": `${offset}px`,
-        "--enigma-toast-index": index
-      },
-      children: render ? render(notification, controls) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("p", { "data-enigma-toast-title": "", children: notification.title }),
-        notification.body && /* @__PURE__ */ jsx("p", { "data-enigma-toast-body": "", children: notification.body }),
-        notification.action && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-enigma-toast-action": "",
-            onClick: () => {
-              notification.action?.onSelect();
-              if (notification.action?.dismiss !== false) onDismiss();
-            },
-            children: notification.action.label
-          }
-        ),
-        /* @__PURE__ */ jsx("button", { type: "button", "data-enigma-toast-close": "", "aria-label": "Dismiss", onClick: onDismiss, children: "\xD7" })
-      ] })
-    }
-  );
-}
-function useNetworkState() {
-  const monitor = useMemo(() => createNetworkMonitor(), []);
-  const snapshot = useRef(monitor.state);
-  return useSyncExternalStore(
-    (listener) => monitor.subscribe((next) => {
-      snapshot.current = next;
-      listener();
-    }),
-    () => snapshot.current,
-    () => SERVER_NETWORK_STATE
-  );
-}
-var loading = null;
-function loadElement() {
-  if (loading || typeof window === "undefined") return;
-  loading = import('@github/relative-time-element').catch(() => {
-    return null;
-  });
-}
-function RelativeTime({
-  date,
-  fallback = null,
-  capitalize = false,
-  capitalizeFirst = true,
-  now,
-  format,
-  tense,
-  precision,
-  threshold,
-  prefix,
-  formatStyle,
-  locale,
-  timeZone,
-  second,
-  minute,
-  hour,
-  weekday,
-  day,
-  month,
-  year,
-  timeZoneName,
-  noTitle,
-  numericBeyondThreshold,
-  ...rest
-}) {
-  useEffect(loadElement, []);
-  const applyPrefix = useCallback((node) => {
-    if (!node) return;
-    if (prefix === void 0 || prefix === "") node.removeAttribute("prefix");
-    else node.setAttribute("prefix", prefix);
-  }, [prefix]);
-  const options = {
-    format,
-    tense,
-    precision,
-    threshold,
-    prefix,
-    formatStyle,
-    locale,
-    timeZone,
-    second,
-    minute,
-    hour,
-    weekday,
-    day,
-    month,
-    year,
-    timeZoneName,
-    noTitle,
-    numericBeyondThreshold
-  };
-  const view = relativeTimeView(date, options, now);
-  if (!view.date) return fallback;
-  const marks = {
-    "data-relative-time-capitalize": capitalize ? "true" : void 0,
-    "data-relative-time-capitalize-first-letter": capitalizeFirst ? "true" : void 0,
-    // The text differs between the server's instant and the browser's, which is the
-    // one hydration difference React has an escape hatch for rather than a bug.
-    suppressHydrationWarning: true
-  };
-  if (view.absoluteOnly) {
-    return createElement("time", { dateTime: view.iso, title: noTitle ? void 0 : view.exact, ...marks, ...rest }, view.label);
-  }
-  const { prefix: prefixAttribute, ...attributes } = relativeTimeAttributes(view, options);
-  return createElement("relative-time", { ...attributes, ...marks, ...rest, ref: applyPrefix }, view.label);
-}
-function Flag({ code, label, shape, format, source, basePath, size, fallback = null, ...rest }) {
-  const options = { shape, format, source, basePath, size };
-  for (const key of Object.keys(options)) {
-    if (options[key] === void 0) delete options[key];
-  }
-  const view = flagView(code, options);
-  if (!view) return fallback;
-  const name = label?.trim();
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      src: view.src,
-      alt: name ?? "",
-      width: view.width,
-      height: view.height,
-      loading: "lazy",
-      decoding: "async",
-      "aria-hidden": name ? void 0 : true,
-      "data-enigma-flag": "",
-      "data-flag-code": view.code,
-      "data-flag-shape": view.shape,
-      ...rest
-    }
-  );
-}
-
-export { Button, Flag, Input, PasswordStrength, RelativeTime, Toaster, createNotificationQueue, defaultQueue, getLinkComponent, setLinkComponent, useButton, useInput, useMarquee, useNetworkState, useNotifications, useSearch };