@usefragments/ui 1.0.0

package/dist/index.js

@@ -0,0 +1,288 @@
+import { checkCssLoaded } from "./utils/css-warning.js";
+import { Button } from "./components/Button/index.js";
+import { Input } from "./components/Input/index.js";
+import { Textarea } from "./components/Textarea/index.js";
+import { Card, CardBody, CardDescription, CardFooter, CardHeader, CardRoot, CardTitle } from "./components/Card/index.js";
+import { Alert, AlertAction, AlertActions, AlertBody, AlertClose, AlertContent, AlertIcon, AlertRoot, AlertTitle } from "./components/Alert/index.js";
+import { Badge } from "./components/Badge/index.js";
+import { IconButton } from "./components/IconButton/index.js";
+import { ComponentDefaultsProvider, useComponentDefaults, useResolvedControlSize } from "./components/ComponentDefaults/index.js";
+import { Avatar } from "./components/Avatar/index.js";
+import { Accordion } from "./components/Accordion/index.js";
+import { Collapsible, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, useCollapsibleContext } from "./components/Collapsible/index.js";
+import { Dialog } from "./components/Dialog/index.js";
+import { Tabs } from "./components/Tabs/index.js";
+import { Tooltip, TooltipProvider } from "./components/Tooltip/index.js";
+import { Select } from "./components/Select/index.js";
+import { Menu } from "./components/Menu/index.js";
+import { Popover } from "./components/Popover/index.js";
+import { CircularProgress, Progress } from "./components/Progress/index.js";
+import { Checkbox } from "./components/Checkbox/index.js";
+import { Combobox } from "./components/Combobox/index.js";
+import { RadioGroup } from "./components/RadioGroup/index.js";
+import { Grid } from "./components/Grid/index.js";
+import { BentoGrid } from "./components/BentoGrid/index.js";
+import { Separator } from "./components/Separator/index.js";
+import { Skeleton } from "./components/Skeleton/index.js";
+import { Loading, LoadingInline, LoadingRoot, LoadingScreen } from "./components/Loading/index.js";
+import { Table } from "./table.js";
+import { DataTable, createColumns } from "./data-table.js";
+import { DataTableVirtual, useTableVirtualizer } from "./components/DataTable/DataTable.virtual.js";
+import { EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle } from "./components/EmptyState/index.js";
+import { Toast, ToastProvider, useToast } from "./components/Toast/index.js";
+import { Field } from "./components/Field/index.js";
+import { Fieldset } from "./components/Fieldset/index.js";
+import { Form } from "./components/Form/index.js";
+import { Sidebar, SidebarProvider, useSidebar, useSidebarContext } from "./components/Sidebar/index.js";
+import { Theme, ThemeProvider, ThemeToggle, configureTheme, useTheme } from "./components/Theme/index.js";
+import { Header } from "./components/Header/index.js";
+import { AppShell } from "./components/AppShell/index.js";
+import { Stack } from "./components/Stack/index.js";
+import { Text } from "./components/Text/index.js";
+import { ButtonGroup } from "./components/ButtonGroup/index.js";
+import { ToggleGroup, ToggleGroupItem, ToggleGroupRoot } from "./components/ToggleGroup/index.js";
+import { Slider } from "./components/Slider/index.js";
+import { ColorPicker } from "./colorpicker.js";
+import { DatePicker, DatePickerCalendar, DatePickerContent, DatePickerPreset, DatePickerRoot, DatePickerTrigger } from "./datepicker.js";
+import { Prompt, usePromptContext } from "./components/Prompt/index.js";
+import { CodeBlock, TabbedCodeBlock } from "./codeblock.js";
+import { Icon } from "./components/Icon/index.js";
+import { Image } from "./components/Image/index.js";
+import { Link } from "./components/Link/index.js";
+import { List, ListItem, ListRoot } from "./components/List/index.js";
+import { Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxRoot } from "./components/Listbox/index.js";
+import { Breadcrumbs, BreadcrumbsItem, BreadcrumbsRoot, BreadcrumbsSeparator } from "./components/Breadcrumbs/index.js";
+import { TableOfContents, TableOfContentsGroup, TableOfContentsItem, TableOfContentsRoot } from "./components/TableOfContents/index.js";
+import { Box } from "./components/Box/index.js";
+import { ScrollArea } from "./components/ScrollArea/index.js";
+import { Chip } from "./components/Chip/index.js";
+import { VisuallyHidden } from "./components/VisuallyHidden/index.js";
+import { Markdown } from "./markdown.js";
+import { Message, MessageActions, MessageAvatar, MessageContent, MessageRoot, MessageTimestamp, useMessageContext } from "./components/Message/index.js";
+import { ConversationList, ConversationListRoot, DateSeparator, TypingIndicator, useConversationList } from "./components/ConversationList/index.js";
+import { ThinkingIndicator, ThinkingIndicatorRoot, ThinkingStep, ThinkingSteps, useThinkingIndicatorContext } from "./components/ThinkingIndicator/index.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, useChartConfig } from "./chart.js";
+import { FragmentsLogo, fragmentsLogoSvg } from "./assets/fragments-logo.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuMobileContent, NavigationMenuMobileSection, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport } from "./components/NavigationMenu/index.js";
+import { Drawer } from "./components/Drawer/index.js";
+import { Pagination } from "./components/Pagination/index.js";
+import { Command } from "./components/Command/index.js";
+import { Editor, EditorContentArea, EditorRoot, EditorSeparator, EditorStatusBar, EditorStatusIndicator, EditorToolbar, EditorToolbarButton, EditorToolbarGroup, useEditorContext } from "./editor.js";
+import { VisuallyHidden as VisuallyHidden2, handleArrowNavigation, useAnnounce, useFocusTrap, useId, usePrefersContrast, usePrefersReducedMotion } from "./utils/a11y.js";
+import { KEYBOARD_SHORTCUTS, configureShortcuts, findConflicts, getResolvedShortcut, getShortcutLabel, getShortcuts, isEditableElement, matchesShortcut, resetShortcutOverrides, useKeyboardShortcut } from "./utils/keyboard-shortcuts.js";
+import { DEFAULT_SEEDS, PALETTES, PALETTE_SEMANTIC_COLORS, RADIUS_STYLES, deriveAccentActive, deriveAccentHover, deriveBorders, deriveDarkAccent, deriveSemanticBg, deriveSemanticHover, deriveSemanticText, deriveShadows, deriveSurfaces, deriveText, getSemanticColors } from "./utils/seed-derivation.js";
+import { PRESETS, PRESET_DEFINITIONS, generatePreset, seedsToTheme } from "./utils/theme-presets.js";
+import { Switch, Switch as Switch2 } from "./components/Toggle/index.js";
+if (typeof window !== "undefined") {
+  checkCssLoaded();
+}
+export {
+  VisuallyHidden2 as A11yVisuallyHidden,
+  Accordion,
+  Alert,
+  AlertAction,
+  AlertActions,
+  AlertBody,
+  AlertClose,
+  AlertContent,
+  AlertIcon,
+  AlertRoot,
+  AlertTitle,
+  AppShell,
+  Avatar,
+  Badge,
+  BentoGrid,
+  Box,
+  Breadcrumbs,
+  BreadcrumbsItem,
+  BreadcrumbsRoot,
+  BreadcrumbsSeparator,
+  Button,
+  ButtonGroup,
+  Card,
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardRoot,
+  CardTitle,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
+  Checkbox,
+  Chip,
+  CircularProgress,
+  CodeBlock,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger,
+  ColorPicker,
+  Combobox,
+  Command,
+  ComponentDefaultsProvider,
+  ConversationList,
+  ConversationListRoot,
+  DEFAULT_SEEDS,
+  DataTable,
+  DataTableVirtual,
+  DatePicker,
+  DatePickerCalendar,
+  DatePickerContent,
+  DatePickerPreset,
+  DatePickerRoot,
+  DatePickerTrigger,
+  DateSeparator,
+  Dialog,
+  Drawer,
+  Editor,
+  EditorContentArea,
+  EditorRoot,
+  EditorSeparator,
+  EditorStatusBar,
+  EditorStatusIndicator,
+  EditorToolbar,
+  EditorToolbarButton,
+  EditorToolbarGroup,
+  EmptyState,
+  EmptyStateActions,
+  EmptyStateDescription,
+  EmptyStateIcon,
+  EmptyStateRoot,
+  EmptyStateTitle,
+  Field,
+  Fieldset,
+  Form,
+  FragmentsLogo,
+  Grid,
+  Header,
+  Icon,
+  IconButton,
+  Image,
+  Input,
+  KEYBOARD_SHORTCUTS,
+  Link,
+  List,
+  ListItem,
+  ListRoot,
+  Listbox,
+  ListboxEmpty,
+  ListboxGroup,
+  ListboxItem,
+  ListboxRoot,
+  Loading,
+  LoadingInline,
+  LoadingRoot,
+  LoadingScreen,
+  Markdown,
+  Menu,
+  Message,
+  MessageActions,
+  MessageAvatar,
+  MessageContent,
+  MessageRoot,
+  MessageTimestamp,
+  NavigationMenu,
+  NavigationMenuContent,
+  NavigationMenuIndicator,
+  NavigationMenuItem,
+  NavigationMenuLink,
+  NavigationMenuList,
+  NavigationMenuMobileContent,
+  NavigationMenuMobileSection,
+  NavigationMenuRoot,
+  NavigationMenuTrigger,
+  NavigationMenuViewport,
+  PALETTES,
+  PALETTE_SEMANTIC_COLORS,
+  PRESETS,
+  PRESET_DEFINITIONS,
+  Pagination,
+  Popover,
+  Progress,
+  Prompt,
+  RADIUS_STYLES,
+  RadioGroup,
+  ScrollArea,
+  Select,
+  Separator,
+  Sidebar,
+  SidebarProvider,
+  Skeleton,
+  Slider,
+  Stack,
+  Switch,
+  TabbedCodeBlock,
+  Table,
+  TableOfContents,
+  TableOfContentsGroup,
+  TableOfContentsItem,
+  TableOfContentsRoot,
+  Tabs,
+  Text,
+  Textarea,
+  Theme,
+  ThemeProvider,
+  ThemeToggle,
+  ThinkingIndicator,
+  ThinkingIndicatorRoot,
+  ThinkingStep,
+  ThinkingSteps,
+  Toast,
+  ToastProvider,
+  Switch2 as Toggle,
+  ToggleGroup,
+  ToggleGroupItem,
+  ToggleGroupRoot,
+  Tooltip,
+  TooltipProvider,
+  TypingIndicator,
+  VisuallyHidden,
+  configureShortcuts,
+  configureTheme,
+  createColumns,
+  deriveAccentActive,
+  deriveAccentHover,
+  deriveBorders,
+  deriveDarkAccent,
+  deriveSemanticBg,
+  deriveSemanticHover,
+  deriveSemanticText,
+  deriveShadows,
+  deriveSurfaces,
+  deriveText,
+  findConflicts,
+  fragmentsLogoSvg,
+  generatePreset,
+  getResolvedShortcut,
+  getSemanticColors,
+  getShortcutLabel,
+  getShortcuts,
+  handleArrowNavigation,
+  isEditableElement,
+  matchesShortcut,
+  resetShortcutOverrides,
+  seedsToTheme,
+  useAnnounce,
+  useChartConfig,
+  useCollapsibleContext,
+  useComponentDefaults,
+  useConversationList,
+  useEditorContext,
+  useFocusTrap,
+  useId,
+  useKeyboardShortcut,
+  useMessageContext,
+  usePrefersContrast,
+  usePrefersReducedMotion,
+  usePromptContext,
+  useResolvedControlSize,
+  useSidebar,
+  useSidebarContext,
+  useTableVirtualizer,
+  useTheme,
+  useThinkingIndicatorContext,
+  useToast
+};

package/dist/markdown.cjs

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const Markdown_module = require("./components/Markdown/Markdown.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);
+let ReactMarkdown = null;
+let remarkGfm = null;
+let loadAttempted = false;
+let loadFailed = false;
+function loadDeps() {
+  if (loadAttempted) return;
+  loadAttempted = true;
+  try {
+    ReactMarkdown = require("react-markdown").default || require("react-markdown");
+  } catch {
+    loadFailed = true;
+  }
+  try {
+    remarkGfm = require("remark-gfm").default || require("remark-gfm");
+  } catch {
+  }
+}
+function FallbackRenderer({ content }) {
+  const paragraphs = content.split(/\n{2,}/);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: paragraphs.map((p) => /* @__PURE__ */ jsxRuntime.jsx("p", { children: p }, p)) });
+}
+const MarkdownRoot = React__namespace.forwardRef(
+  function Markdown2({ content, components: componentOverrides, className, ...htmlProps }, ref) {
+    loadDeps();
+    const classes = [Markdown_module.default.markdown, className].filter(Boolean).join(" ");
+    if (loadFailed || !ReactMarkdown) {
+      if (loadFailed && process.env.NODE_ENV === "development") {
+        console.warn(
+          "[@usefragments/ui] Markdown: react-markdown is not installed. Install it with: npm install react-markdown remark-gfm"
+        );
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...htmlProps, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(FallbackRenderer, { content }) });
+    }
+    const plugins = remarkGfm ? [remarkGfm] : [];
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, ...htmlProps, className: classes, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ReactMarkdown,
+      {
+        remarkPlugins: plugins,
+        components: componentOverrides,
+        children: content
+      }
+    ) });
+  }
+);
+const Markdown = Object.assign(MarkdownRoot, {
+  Root: MarkdownRoot
+});
+exports.Markdown = Markdown;

package/dist/markdown.js

@@ -0,0 +1,53 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./components/Markdown/Markdown.module.scss.js";
+let ReactMarkdown = null;
+let remarkGfm = null;
+let loadAttempted = false;
+let loadFailed = false;
+function loadDeps() {
+  if (loadAttempted) return;
+  loadAttempted = true;
+  try {
+    ReactMarkdown = require("react-markdown").default || require("react-markdown");
+  } catch {
+    loadFailed = true;
+  }
+  try {
+    remarkGfm = require("remark-gfm").default || require("remark-gfm");
+  } catch {
+  }
+}
+function FallbackRenderer({ content }) {
+  const paragraphs = content.split(/\n{2,}/);
+  return /* @__PURE__ */ jsx("div", { children: paragraphs.map((p) => /* @__PURE__ */ jsx("p", { children: p }, p)) });
+}
+const MarkdownRoot = React.forwardRef(
+  function Markdown2({ content, components: componentOverrides, className, ...htmlProps }, ref) {
+    loadDeps();
+    const classes = [styles.markdown, className].filter(Boolean).join(" ");
+    if (loadFailed || !ReactMarkdown) {
+      if (loadFailed && process.env.NODE_ENV === "development") {
+        console.warn(
+          "[@usefragments/ui] Markdown: react-markdown is not installed. Install it with: npm install react-markdown remark-gfm"
+        );
+      }
+      return /* @__PURE__ */ jsx("div", { ref, ...htmlProps, className: classes, children: /* @__PURE__ */ jsx(FallbackRenderer, { content }) });
+    }
+    const plugins = remarkGfm ? [remarkGfm] : [];
+    return /* @__PURE__ */ jsx("div", { ref, ...htmlProps, className: classes, children: /* @__PURE__ */ jsx(
+      ReactMarkdown,
+      {
+        remarkPlugins: plugins,
+        components: componentOverrides,
+        children: content
+      }
+    ) });
+  }
+);
+const Markdown = Object.assign(MarkdownRoot, {
+  Root: MarkdownRoot
+});
+export {
+  Markdown
+};

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

@@ -0,0 +1,68 @@
+"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

@@ -0,0 +1,52 @@
+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
+};