@usefragments/ui 1.0.0

package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.cjs

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function memo(getDeps, fn, opts) {
+  let deps = opts.initialDeps ?? [];
+  let result;
+  let isInitial = true;
+  function memoizedFunction() {
+    var _a, _b, _c;
+    let depTime;
+    if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
+    const newDeps = getDeps();
+    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
+    if (!depsChanged) {
+      return result;
+    }
+    deps = newDeps;
+    let resultTime;
+    if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
+    result = fn(...newDeps);
+    if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
+      const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
+      const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
+      const resultFpsPercentage = resultEndTime / 16;
+      const pad = (str, num) => {
+        str = String(str);
+        while (str.length < num) {
+          str = " " + str;
+        }
+        return str;
+      };
+      console.info(
+        `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * resultFpsPercentage, 120)
+        )}deg 100% 31%);`,
+        opts == null ? void 0 : opts.key
+      );
+    }
+    if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
+      opts.onChange(result);
+    }
+    isInitial = false;
+    return result;
+  }
+  memoizedFunction.updateDeps = (newDeps) => {
+    deps = newDeps;
+  };
+  return memoizedFunction;
+}
+function notUndefined(value, msg) {
+  if (value === void 0) {
+    throw new Error(`Unexpected undefined${""}`);
+  } else {
+    return value;
+  }
+}
+const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
+exports.approxEqual = approxEqual;
+exports.debounce = debounce;
+exports.memo = memo;
+exports.notUndefined = notUndefined;

package/dist/node_modules/.pnpm/@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/utils.js

@@ -0,0 +1,72 @@
+function memo(getDeps, fn, opts) {
+  let deps = opts.initialDeps ?? [];
+  let result;
+  let isInitial = true;
+  function memoizedFunction() {
+    var _a, _b, _c;
+    let depTime;
+    if (opts.key && ((_a = opts.debug) == null ? void 0 : _a.call(opts))) depTime = Date.now();
+    const newDeps = getDeps();
+    const depsChanged = newDeps.length !== deps.length || newDeps.some((dep, index) => deps[index] !== dep);
+    if (!depsChanged) {
+      return result;
+    }
+    deps = newDeps;
+    let resultTime;
+    if (opts.key && ((_b = opts.debug) == null ? void 0 : _b.call(opts))) resultTime = Date.now();
+    result = fn(...newDeps);
+    if (opts.key && ((_c = opts.debug) == null ? void 0 : _c.call(opts))) {
+      const depEndTime = Math.round((Date.now() - depTime) * 100) / 100;
+      const resultEndTime = Math.round((Date.now() - resultTime) * 100) / 100;
+      const resultFpsPercentage = resultEndTime / 16;
+      const pad = (str, num) => {
+        str = String(str);
+        while (str.length < num) {
+          str = " " + str;
+        }
+        return str;
+      };
+      console.info(
+        `%c⏱ ${pad(resultEndTime, 5)} /${pad(depEndTime, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * resultFpsPercentage, 120)
+        )}deg 100% 31%);`,
+        opts == null ? void 0 : opts.key
+      );
+    }
+    if ((opts == null ? void 0 : opts.onChange) && !(isInitial && opts.skipInitialOnChange)) {
+      opts.onChange(result);
+    }
+    isInitial = false;
+    return result;
+  }
+  memoizedFunction.updateDeps = (newDeps) => {
+    deps = newDeps;
+  };
+  return memoizedFunction;
+}
+function notUndefined(value, msg) {
+  if (value === void 0) {
+    throw new Error(`Unexpected undefined${""}`);
+  } else {
+    return value;
+  }
+}
+const approxEqual = (a, b) => Math.abs(a - b) < 1.01;
+const debounce = (targetWindow, fn, ms) => {
+  let timeoutId;
+  return function(...args) {
+    targetWindow.clearTimeout(timeoutId);
+    timeoutId = targetWindow.setTimeout(() => fn.apply(this, args), ms);
+  };
+};
+export {
+  approxEqual,
+  debounce,
+  memo,
+  notUndefined
+};

package/dist/table.cjs

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Table_module = require("./components/Table/Table.module.scss.cjs");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+function TableHead({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("thead", { className: [Table_module.default.thead, className].filter(Boolean).join(" "), ...props, children });
+}
+function TableBody({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: [Table_module.default.tbody, className].filter(Boolean).join(" "), ...props, children });
+}
+function TableFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("tfoot", { className: [Table_module.default.tfoot, className].filter(Boolean).join(" "), ...props, children });
+}
+const TableRow = React__namespace.forwardRef(function TableRow2({ className, selected, band, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      ref,
+      className: [Table_module.default.row, selected && Table_module.default.selected, className].filter(Boolean).join(" "),
+      "data-band": band,
+      "data-selected": selected || void 0,
+      ...props,
+      children
+    }
+  );
+});
+function TableCell({ className, tabularNums, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      className: [Table_module.default.td, tabularNums && Table_module.default.tabular, className].filter(Boolean).join(" "),
+      ...props,
+      children
+    }
+  );
+}
+function TableHeaderCell({ className, scope = "col", children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("th", { className: [Table_module.default.th, className].filter(Boolean).join(" "), scope, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Table_module.default.headerContent, children }) });
+}
+function TableCaption({
+  className,
+  visuallyHidden,
+  hidden,
+  children,
+  ...props
+}) {
+  const useVisuallyHidden = visuallyHidden ?? hidden;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "caption",
+    {
+      className: [useVisuallyHidden ? Table_module.default.captionHidden : Table_module.default.caption, className].filter(Boolean).join(" "),
+      ...props,
+      children
+    }
+  );
+}
+function TableRoot({
+  size = "md",
+  striped = false,
+  bordered = false,
+  wrapperClassName,
+  wrapperProps,
+  className,
+  children,
+  ...htmlProps
+}) {
+  const tableClasses = [Table_module.default.table, Table_module.default[size], striped && Table_module.default.striped, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...wrapperProps,
+      className: [
+        Table_module.default.wrapper,
+        bordered && Table_module.default.bordered,
+        wrapperProps == null ? void 0 : wrapperProps.className,
+        wrapperClassName
+      ].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsxRuntime.jsx("table", { className: tableClasses, ...htmlProps, children })
+    }
+  );
+}
+const Table = Object.assign(TableRoot, {
+  Root: TableRoot,
+  Head: TableHead,
+  Body: TableBody,
+  Footer: TableFooter,
+  Row: TableRow,
+  Cell: TableCell,
+  HeaderCell: TableHeaderCell,
+  Caption: TableCaption
+});
+exports.Table = Table;

package/dist/table.js

@@ -0,0 +1,105 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./components/Table/Table.module.scss.js";
+function TableHead({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("thead", { className: [styles.thead, className].filter(Boolean).join(" "), ...props, children });
+}
+function TableBody({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("tbody", { className: [styles.tbody, className].filter(Boolean).join(" "), ...props, children });
+}
+function TableFooter({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("tfoot", { className: [styles.tfoot, className].filter(Boolean).join(" "), ...props, children });
+}
+const TableRow = React.forwardRef(function TableRow2({ className, selected, band, children, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      className: [styles.row, selected && styles.selected, className].filter(Boolean).join(" "),
+      "data-band": band,
+      "data-selected": selected || void 0,
+      ...props,
+      children
+    }
+  );
+});
+function TableCell({ className, tabularNums, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      className: [styles.td, tabularNums && styles.tabular, className].filter(Boolean).join(" "),
+      ...props,
+      children
+    }
+  );
+}
+function TableHeaderCell({ className, scope = "col", children, ...props }) {
+  return /* @__PURE__ */ jsx("th", { className: [styles.th, className].filter(Boolean).join(" "), scope, ...props, children: /* @__PURE__ */ jsx("div", { className: styles.headerContent, children }) });
+}
+function TableCaption({
+  className,
+  visuallyHidden,
+  hidden,
+  children,
+  ...props
+}) {
+  const useVisuallyHidden = visuallyHidden ?? hidden;
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      className: [useVisuallyHidden ? styles.captionHidden : styles.caption, className].filter(Boolean).join(" "),
+      ...props,
+      children
+    }
+  );
+}
+function TableRoot({
+  size = "md",
+  striped = false,
+  bordered = false,
+  wrapperClassName,
+  wrapperProps,
+  className,
+  children,
+  ...htmlProps
+}) {
+  const tableClasses = [styles.table, styles[size], striped && styles.striped, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...wrapperProps,
+      className: [
+        styles.wrapper,
+        bordered && styles.bordered,
+        wrapperProps == null ? void 0 : wrapperProps.className,
+        wrapperClassName
+      ].filter(Boolean).join(" "),
+      children: /* @__PURE__ */ jsx("table", { className: tableClasses, ...htmlProps, children })
+    }
+  );
+}
+const Table = Object.assign(TableRoot, {
+  Root: TableRoot,
+  Head: TableHead,
+  Body: TableBody,
+  Footer: TableFooter,
+  Row: TableRow,
+  Cell: TableCell,
+  HeaderCell: TableHeaderCell,
+  Caption: TableCaption
+});
+export {
+  Table
+};

package/dist/utils/a11y.cjs

@@ -0,0 +1,232 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+let idCounter = 0;
+function useId(prefix) {
+  var _a;
+  const reactId = (_a = React__namespace.useId) == null ? void 0 : _a.call(React__namespace);
+  const [id] = React__namespace.useState(() => {
+    if (reactId) return reactId;
+    return `${prefix ? `${prefix}-` : "fui-"}${++idCounter}`;
+  });
+  return id;
+}
+function useAnnounce() {
+  const politeRef = React__namespace.useRef(null);
+  const assertiveRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    const polite = document.createElement("div");
+    polite.setAttribute("aria-live", "polite");
+    polite.setAttribute("aria-atomic", "true");
+    polite.setAttribute("role", "status");
+    Object.assign(polite.style, {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    });
+    document.body.appendChild(polite);
+    politeRef.current = polite;
+    const assertive = document.createElement("div");
+    assertive.setAttribute("aria-live", "assertive");
+    assertive.setAttribute("aria-atomic", "true");
+    assertive.setAttribute("role", "alert");
+    Object.assign(assertive.style, {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      margin: "-1px",
+      overflow: "hidden",
+      clip: "rect(0, 0, 0, 0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    });
+    document.body.appendChild(assertive);
+    assertiveRef.current = assertive;
+    return () => {
+      polite.remove();
+      assertive.remove();
+    };
+  }, []);
+  const announce = React__namespace.useCallback(
+    (message, priority = "polite") => {
+      const region = priority === "assertive" ? assertiveRef.current : politeRef.current;
+      if (region) {
+        region.textContent = "";
+        requestAnimationFrame(() => {
+          region.textContent = message;
+        });
+      }
+    },
+    []
+  );
+  return { announce };
+}
+function usePrefersReducedMotion() {
+  const [prefersReducedMotion, setPrefersReducedMotion] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const handleChange = (event) => {
+      setPrefersReducedMotion(event.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    setPrefersReducedMotion(mediaQuery.matches);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, []);
+  return prefersReducedMotion;
+}
+function usePrefersContrast() {
+  const [prefersContrast, setPrefersContrast] = React__namespace.useState(false);
+  React__namespace.useEffect(() => {
+    const mediaQuery = window.matchMedia("(prefers-contrast: more)");
+    const handleChange = (event) => {
+      setPrefersContrast(event.matches);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    setPrefersContrast(mediaQuery.matches);
+    return () => {
+      mediaQuery.removeEventListener("change", handleChange);
+    };
+  }, []);
+  return prefersContrast;
+}
+function useFocusTrap(ref, active) {
+  const previousActiveElement = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (!active || !ref.current) return;
+    const container = ref.current;
+    previousActiveElement.current = document.activeElement;
+    const focusableElements = getFocusableElements(container);
+    if (focusableElements.length > 0) {
+      focusableElements[0].focus();
+    }
+    const handleKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const focusable = getFocusableElements(container);
+      if (focusable.length === 0) return;
+      const firstFocusable = focusable[0];
+      const lastFocusable = focusable[focusable.length - 1];
+      if (event.shiftKey) {
+        if (document.activeElement === firstFocusable) {
+          event.preventDefault();
+          lastFocusable.focus();
+        }
+      } else {
+        if (document.activeElement === lastFocusable) {
+          event.preventDefault();
+          firstFocusable.focus();
+        }
+      }
+    };
+    container.addEventListener("keydown", handleKeyDown);
+    return () => {
+      container.removeEventListener("keydown", handleKeyDown);
+      if (previousActiveElement.current instanceof HTMLElement) {
+        previousActiveElement.current.focus();
+      }
+    };
+  }, [active, ref]);
+}
+function getFocusableElements(container) {
+  return container.querySelectorAll(
+    'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+  );
+}
+function handleArrowNavigation(event, items, currentIndex, options = {}) {
+  const { orientation = "vertical", loop = true } = options;
+  const length = items.length;
+  if (length === 0) return void 0;
+  let newIndex;
+  switch (event.key) {
+    case "ArrowDown":
+      if (orientation === "horizontal") return void 0;
+      event.preventDefault();
+      newIndex = currentIndex + 1;
+      if (newIndex >= length) {
+        newIndex = loop ? 0 : length - 1;
+      }
+      break;
+    case "ArrowUp":
+      if (orientation === "horizontal") return void 0;
+      event.preventDefault();
+      newIndex = currentIndex - 1;
+      if (newIndex < 0) {
+        newIndex = loop ? length - 1 : 0;
+      }
+      break;
+    case "ArrowRight":
+      if (orientation === "vertical") return void 0;
+      event.preventDefault();
+      newIndex = currentIndex + 1;
+      if (newIndex >= length) {
+        newIndex = loop ? 0 : length - 1;
+      }
+      break;
+    case "ArrowLeft":
+      if (orientation === "vertical") return void 0;
+      event.preventDefault();
+      newIndex = currentIndex - 1;
+      if (newIndex < 0) {
+        newIndex = loop ? length - 1 : 0;
+      }
+      break;
+    case "Home":
+      event.preventDefault();
+      newIndex = 0;
+      break;
+    case "End":
+      event.preventDefault();
+      newIndex = length - 1;
+      break;
+    default:
+      return void 0;
+  }
+  return newIndex;
+}
+function VisuallyHidden({ children, focusable = false }) {
+  const style = focusable ? {} : {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    border: "0"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { style, "data-visually-hidden": !focusable || void 0, children });
+}
+exports.VisuallyHidden = VisuallyHidden;
+exports.handleArrowNavigation = handleArrowNavigation;
+exports.useAnnounce = useAnnounce;
+exports.useFocusTrap = useFocusTrap;
+exports.useId = useId;
+exports.usePrefersContrast = usePrefersContrast;
+exports.usePrefersReducedMotion = usePrefersReducedMotion;