@usefragments/ui 1.0.0 → 1.0.2

package/README.md

@@ -18,10 +18,15 @@ pnpm add @usefragments/ui
 # or: npm install @usefragments/ui
 ```
 
-Peer dependencies:
+The root export includes the advanced table, editor, markdown, chart, date,
+color, and code components. Their libraries are therefore required peers rather
+than optional peers. npm and pnpm install them automatically by default. If peer
+auto-install is disabled, install the full peer set explicitly:
 
 ```bash
-npm install react react-dom
+npm install react react-dom @tanstack/react-table @tanstack/react-virtual \
+  @tiptap/extension-link @tiptap/react @tiptap/starter-kit date-fns \
+  react-colorful react-day-picker react-markdown recharts remark-gfm shiki
 ```
 
 ## Setup

package/dist/components/DataTable/DataTable.virtual.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("../../node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.cjs");
+const reactVirtual = require("@tanstack/react-virtual");
 const table = require("../../table.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -58,19 +58,19 @@ function useTableVirtualizer({
 }) {
   const itemsRef = React__namespace.useRef(items);
   itemsRef.current = items;
-  const virtualizer = index.useVirtualizer({
+  const virtualizer = reactVirtual.useVirtualizer({
     count: enabled ? items.length : 0,
     getScrollElement,
-    estimateSize: (index2) => estimateSize(itemsRef.current[index2], index2),
+    estimateSize: (index) => estimateSize(itemsRef.current[index], index),
     overscan,
-    getItemKey: getItemKey ? (index2) => getItemKey(itemsRef.current[index2], index2) : void 0
+    getItemKey: getItemKey ? (index) => getItemKey(itemsRef.current[index], index) : void 0
   });
   if (!enabled) {
     return {
-      virtualRows: items.map((item, index2) => ({
-        index: index2,
+      virtualRows: items.map((item, index) => ({
+        index,
         item,
-        key: (getItemKey == null ? void 0 : getItemKey(item, index2)) ?? index2
+        key: (getItemKey == null ? void 0 : getItemKey(item, index)) ?? index
       })),
       paddingTop: 0,
       paddingBottom: 0,

package/dist/components/DataTable/DataTable.virtual.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { useVirtualizer } from "../../node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.js";
+import { useVirtualizer } from "@tanstack/react-virtual";
 import { Table } from "../../table.js";
 function DataTableVirtualRoot({
   caption,

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@usefragments/ui",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "description": "Customizable UI components built on Base UI headless primitives",
   "author": "Conan McNicholl",
   "homepage": "https://usefragments.com",
   "repository": {
     "type": "git",
-    "url": "https://github.com/fragments-sdk/ui"
+    "url": "https://github.com/fragments-sdk/fragments",
+    "directory": "libs/ui"
   },
   "type": "module",
   "main": "dist/index.cjs",
@@ -154,44 +155,6 @@
     "remark-gfm": ">=4.0.0",
     "shiki": ">=1.0.0"
   },
-  "peerDependenciesMeta": {
-    "react-markdown": {
-      "optional": true
-    },
-    "recharts": {
-      "optional": true
-    },
-    "remark-gfm": {
-      "optional": true
-    },
-    "react-day-picker": {
-      "optional": true
-    },
-    "date-fns": {
-      "optional": true
-    },
-    "shiki": {
-      "optional": true
-    },
-    "react-colorful": {
-      "optional": true
-    },
-    "@tanstack/react-table": {
-      "optional": true
-    },
-    "@tanstack/react-virtual": {
-      "optional": true
-    },
-    "@tiptap/react": {
-      "optional": true
-    },
-    "@tiptap/starter-kit": {
-      "optional": true
-    },
-    "@tiptap/extension-link": {
-      "optional": true
-    }
-  },
   "scarfSettings": {
     "defaultOptIn": true
   },

package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.cjs

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const reactDom = require("react-dom");
-const index = require("../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.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);
-const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React__namespace.useLayoutEffect : React__namespace.useEffect;
-function useVirtualizerBase({
-  useFlushSync = true,
-  ...options
-}) {
-  const rerender = React__namespace.useReducer(() => ({}), {})[1];
-  const resolvedOptions = {
-    ...options,
-    onChange: (instance2, sync) => {
-      var _a;
-      if (useFlushSync && sync) {
-        reactDom.flushSync(rerender);
-      } else {
-        rerender();
-      }
-      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
-    }
-  };
-  const [instance] = React__namespace.useState(
-    () => new index.Virtualizer(resolvedOptions)
-  );
-  instance.setOptions(resolvedOptions);
-  useIsomorphicLayoutEffect(() => {
-    return instance._didMount();
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return instance._willUpdate();
-  });
-  return instance;
-}
-function useVirtualizer(options) {
-  return useVirtualizerBase({
-    observeElementRect: index.observeElementRect,
-    observeElementOffset: index.observeElementOffset,
-    scrollToFn: index.elementScroll,
-    ...options
-  });
-}
-exports.Virtualizer = index.Virtualizer;
-exports.defaultKeyExtractor = index.defaultKeyExtractor;
-exports.defaultRangeExtractor = index.defaultRangeExtractor;
-exports.elementScroll = index.elementScroll;
-exports.measureElement = index.measureElement;
-exports.observeElementOffset = index.observeElementOffset;
-exports.observeElementRect = index.observeElementRect;
-exports.useVirtualizer = useVirtualizer;

package/dist/node_modules/.pnpm/@tanstack_react-virtual@3.13.18_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-virtual/dist/esm/index.js

@@ -1,52 +0,0 @@
-import * as React from "react";
-import { flushSync } from "react-dom";
-import { Virtualizer, elementScroll, observeElementOffset, observeElementRect } from "../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js";
-import { defaultKeyExtractor, defaultRangeExtractor, measureElement } from "../../../../../../@tanstack_virtual-core@3.13.18/node_modules/@tanstack/virtual-core/dist/esm/index.js";
-const useIsomorphicLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : React.useEffect;
-function useVirtualizerBase({
-  useFlushSync = true,
-  ...options
-}) {
-  const rerender = React.useReducer(() => ({}), {})[1];
-  const resolvedOptions = {
-    ...options,
-    onChange: (instance2, sync) => {
-      var _a;
-      if (useFlushSync && sync) {
-        flushSync(rerender);
-      } else {
-        rerender();
-      }
-      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);
-    }
-  };
-  const [instance] = React.useState(
-    () => new Virtualizer(resolvedOptions)
-  );
-  instance.setOptions(resolvedOptions);
-  useIsomorphicLayoutEffect(() => {
-    return instance._didMount();
-  }, []);
-  useIsomorphicLayoutEffect(() => {
-    return instance._willUpdate();
-  });
-  return instance;
-}
-function useVirtualizer(options) {
-  return useVirtualizerBase({
-    observeElementRect,
-    observeElementOffset,
-    scrollToFn: elementScroll,
-    ...options
-  });
-}
-export {
-  Virtualizer,
-  defaultKeyExtractor,
-  defaultRangeExtractor,
-  elementScroll,
-  measureElement,
-  observeElementOffset,
-  observeElementRect,
-  useVirtualizer
-};