@pstdio/ui 0.26.0 → 0.36.0

package/dist/index-BfFLdci8.d.ts

@@ -0,0 +1,189 @@
+import { f as ActivityActor } from "./index-DlmvvQ6x.js";
+import { StackProps } from "@chakra-ui/react";
+import { ReactElement, ReactNode } from "react";
+//#region src/components/rich-text/collaborative-markdown-editor/collaborative-markdown-editor.d.ts
+interface CollaborativeMarkdownEditorProps {
+  roomId: string;
+  wsUrl: string;
+  wsParams?: Record<string, string>;
+  userName?: string;
+  userColor?: string;
+  placeholder?: string;
+}
+declare function CollaborativeMarkdownEditor(props: CollaborativeMarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/shared/markdown-url.d.ts
+type MarkdownUrlKind = "link" | "image";
+type MarkdownUrlResolver = (source: string, kind: MarkdownUrlKind) => string | null;
+//#endregion
+//#region src/components/rich-text/markdown-editor/plugins/markdown-section-navigation.d.ts
+interface MarkdownSectionAnchor {
+  id: string;
+  heading: string;
+  occurrence?: number;
+}
+interface MarkdownSectionNavigation {
+  anchors: MarkdownSectionAnchor[];
+  targetId: string;
+}
+//#endregion
+//#region src/components/rich-text/markdown-editor/markdown-editor.d.ts
+interface MarkdownEditorProps {
+  autoFocus?: boolean;
+  debug?: boolean;
+  defaultState: string;
+  fullWidth?: boolean;
+  isEditable?: boolean;
+  padding?: string;
+  placeholder?: string;
+  scrollable?: boolean;
+  sectionNavigation?: MarkdownSectionNavigation;
+  resolveMarkdownUrl?: MarkdownUrlResolver;
+  onActiveSectionChange?: (sectionId: string | null) => void;
+  onChange?: (value: string) => void;
+}
+declare function MarkdownEditor(props: MarkdownEditorProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/lazy-markdown-editor.d.ts
+declare const LazyMarkdownEditor: (props: MarkdownEditorProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/prompt-input/plugins/ImperativeAPIPlugin.d.ts
+interface PromptEditorRef {
+  setEditorValue: (value: string) => void;
+}
+//#endregion
+//#region src/components/rich-text/prompt-input/prompt-input.d.ts
+type ReferenceResourceType = "table" | "connector" | "file";
+type ReferenceItem = {
+  resourceId: string;
+  resourceType: ReferenceResourceType;
+  name: string;
+  description?: string;
+};
+interface PromptEditorProps {
+  defaultState: string;
+  debug?: boolean;
+  isEditable?: boolean;
+  placeholder?: ReactElement | ((isEditable: boolean) => ReactElement | null);
+  onChange?: (text: string, state: object) => void;
+  onError?: (error: Error) => void;
+  onSubmit?: () => void;
+  onRecallPrevious?: () => boolean;
+  onRecallNext?: () => boolean;
+  /** Dynamic list of references (tables, connectors) shown when typing # */
+  references?: ReferenceItem[];
+  /** Optional app callback when a reference is inserted */
+  onAddReference?: (resourceId: string, resourceType: ReferenceResourceType) => void;
+}
+declare const PromptEditor: import("react").ForwardRefExoticComponent<PromptEditorProps & import("react").RefAttributes<PromptEditorRef>>;
+//#endregion
+//#region src/components/rich-text/prompt-input/utils.d.ts
+declare const getTextFromSerializedEditorState: (state: string) => string;
+declare function generateEditorStateFromString(input?: string): any;
+//#endregion
+//#region src/components/rich-text/resource-activity-feed/resource-activity-feed.d.ts
+type ResourceActivityFeedSize = "comfortable" | "compact";
+type ResourceActivityIconName = "activity" | "bell" | "circle-alert" | "component" | "external-link" | "git-branch" | "info" | "message-circle" | "scan-search" | "sparkles";
+interface ResourceActivityRelatedResource {
+  id: string;
+  type: string;
+  label: string;
+}
+interface ResourceActivityFeedAction {
+  id: string;
+  label: string;
+  icon?: ResourceActivityIconName;
+}
+interface ResourceActivityFeedAttention {
+  statusLabel?: string;
+  icon?: ResourceActivityIconName;
+  actions?: readonly ResourceActivityFeedAction[];
+}
+interface ResourceActivityFeedItemBase {
+  id: string;
+  createdAt: string;
+  timestampLabel?: string;
+  actor?: ActivityActor;
+  icon?: ResourceActivityIconName;
+  relatedResources?: readonly ResourceActivityRelatedResource[];
+}
+interface ResourceActivityFeedEventItem extends ResourceActivityFeedItemBase {
+  kind: "event";
+  summary: string;
+}
+interface ResourceActivityFeedMessageItem extends ResourceActivityFeedItemBase {
+  kind: "message";
+  markdown: string;
+  attention?: ResourceActivityFeedAttention;
+}
+type ResourceActivityFeedItem = ResourceActivityFeedEventItem | ResourceActivityFeedMessageItem;
+interface ResourceActivityFeedProps extends Omit<StackProps, "children"> {
+  items: readonly ResourceActivityFeedItem[];
+  size?: ResourceActivityFeedSize;
+  isLoading?: boolean;
+  error?: string | null;
+  hasMore?: boolean;
+  isLoadingMore?: boolean;
+  emptyTitle?: string;
+  emptyDescription?: string;
+  errorTitle?: string;
+  loadMoreLabel?: string;
+  loadingLabel?: string;
+  fallbackActorName?: string;
+  formatTimestamp?: (createdAt: string, item: ResourceActivityFeedItem) => ReactNode;
+  onActionSelect?: (action: ResourceActivityFeedAction, item: ResourceActivityFeedMessageItem) => void;
+  onLoadMore?: () => void;
+  onRelatedResourceSelect?: (resource: ResourceActivityRelatedResource, item: ResourceActivityFeedItem) => void;
+}
+declare const ResourceActivityFeed: (props: ResourceActivityFeedProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/rich-message/rich-message.d.ts
+interface RichMessageProps {
+  debug?: boolean;
+  defaultState: string;
+  fullWidth?: boolean;
+  isEditable?: boolean;
+  resolveMarkdownUrl?: MarkdownUrlResolver;
+  onChange?: (value: string) => void;
+}
+declare function RichMessage(props: RichMessageProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/shared/types/rich-text-components.d.ts
+type RowData = Record<string, unknown>;
+interface DataTableProps {
+  data: RowData[];
+  isReadOnly?: boolean;
+  fullWidth?: boolean;
+  noBorder?: boolean;
+  hiddenColumns?: string[];
+}
+interface CodeEditorProps {
+  language?: string;
+  defaultCode?: string;
+  isEditable?: boolean;
+  showLineNumbers?: boolean;
+  disableScroll?: boolean;
+}
+//#endregion
+//#region src/components/rich-text/shared/components/default-rich-text-components.d.ts
+declare const DefaultRichTextCodeEditor: (props: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultRichTextDataTable: (props: DataTableProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/rich-text/types.d.ts
+type ResourceType = "table" | "connector" | "file" | "text" | "image" | "pdf" | "markdown" | "csv" | "json" | "code";
+interface Resource {
+  resourceId: string;
+  resourceType: ResourceType;
+  name: string;
+  description?: string;
+  mediaType?: string;
+}
+//#endregion
+//#region src/components/rich-text/utils/inferResourceType.d.ts
+declare function inferResourceTypeFromMediaType(mediaType: string): "image" | "pdf" | "json" | "markdown" | "text" | "table";
+//#endregion
+//#region src/components/rich-text/utils/mediaType.d.ts
+declare function mediaTypeFromPath(path: string): string | null;
+//#endregion
+export { MarkdownSectionAnchor as A, PromptEditor as C, LazyMarkdownEditor as D, PromptEditorRef as E, CollaborativeMarkdownEditorProps as F, MarkdownUrlKind as M, MarkdownUrlResolver as N, MarkdownEditor as O, CollaborativeMarkdownEditor as P, getTextFromSerializedEditorState as S, ReferenceItem as T, ResourceActivityFeedProps as _, DefaultRichTextCodeEditor as a, ResourceActivityRelatedResource as b, DataTableProps as c, ResourceActivityFeed as d, ResourceActivityFeedAction as f, ResourceActivityFeedMessageItem as g, ResourceActivityFeedItem as h, ResourceType as i, MarkdownSectionNavigation as j, MarkdownEditorProps as k, RichMessage as l, ResourceActivityFeedEventItem as m, inferResourceTypeFromMediaType as n, DefaultRichTextDataTable as o, ResourceActivityFeedAttention as p, Resource as r, CodeEditorProps as s, mediaTypeFromPath as t, RichMessageProps as u, ResourceActivityFeedSize as v, PromptEditorProps as w, generateEditorStateFromString as x, ResourceActivityIconName as y };
+export {};

package/dist/index-Dd6e8lU_.d.ts

@@ -0,0 +1,61 @@
+//#region src/utils/apply-theme-preference.d.ts
+type ThemePreference = string;
+type ThemePreferenceMode = "light" | "dark";
+type ThemePreferenceTokens = Record<string, string>;
+interface ThemePreferenceOption {
+  id: ThemePreference;
+  title?: string;
+  mode: ThemePreferenceMode;
+  tokens?: ThemePreferenceTokens;
+  monacoTheme?: unknown;
+}
+declare const defaultThemePreferences: ({
+  id: string;
+  mode: "light";
+} | {
+  id: string;
+  mode: "dark";
+})[];
+declare const isThemePreference: (value: string | null, themePreferences?: readonly ThemePreferenceOption[]) => value is ThemePreference;
+declare const getThemePreferenceMode: (theme: ThemePreference, themePreferences?: readonly ThemePreferenceOption[]) => ThemePreferenceMode;
+declare const getThemePreferenceClassName: (theme: ThemePreference) => string;
+declare const getThemePreferenceClassNames: (theme: ThemePreference, mode?: ThemePreferenceMode) => string[];
+declare const applyThemePreference: (theme: ThemePreference, themePreferences?: readonly ThemePreferenceOption[]) => void;
+//#endregion
+//#region src/theme/custom/vscode-theme.d.ts
+interface VsCodeColorTheme {
+  colors?: Record<string, string>;
+  tokenColors?: VsCodeTokenColor[];
+}
+interface VsCodeTokenColor {
+  scope?: string | string[];
+  settings?: {
+    foreground?: string;
+    fontStyle?: string;
+  };
+}
+interface MonacoThemeData {
+  base: "vs" | "vs-dark";
+  inherit: true;
+  rules: {
+    token: string;
+    foreground?: string;
+    fontStyle?: string;
+  }[];
+  colors: Record<string, string>;
+}
+declare const createMonacoThemeFromVsCodeTheme: (input: {
+  mode: ThemePreferenceMode;
+  theme: VsCodeColorTheme;
+}) => MonacoThemeData;
+declare const createThemePreferenceFromVsCodeTheme: (input: {
+  id: string;
+  mode: ThemePreferenceMode;
+  theme: VsCodeColorTheme;
+}) => ThemePreferenceOption;
+//#endregion
+//#region src/theme/theme.d.ts
+declare const _default: import("@chakra-ui/react").SystemContext;
+//#endregion
+export { createThemePreferenceFromVsCodeTheme as a, ThemePreferenceOption as c, defaultThemePreferences as d, getThemePreferenceClassName as f, isThemePreference as h, createMonacoThemeFromVsCodeTheme as i, ThemePreferenceTokens as l, getThemePreferenceMode as m, MonacoThemeData as n, ThemePreference as o, getThemePreferenceClassNames as p, VsCodeColorTheme as r, ThemePreferenceMode as s, _default as t, applyThemePreference as u };
+export {};

package/dist/index-DlmvvQ6x.d.ts

@@ -0,0 +1,143 @@
+import { HTMLChakraProps, RecipeVariantProps, StackProps, TimelineItemProps, TimelineRootProps } from "@chakra-ui/react";
+import { ReactNode } from "react";
+//#region src/components/activity/activity-root.d.ts
+interface ActivityRootProps extends StackProps {
+  children: ReactNode;
+}
+interface ActivityHeaderProps extends Omit<StackProps, "title"> {
+  title?: ReactNode;
+  actions?: ReactNode;
+}
+interface ActivityFeedProps extends StackProps {
+  children: ReactNode;
+}
+declare const ActivityRoot: (props: ActivityRootProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActivityHeader: (props: ActivityHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActivityFeed: (props: ActivityFeedProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/activity/activity-timeline.d.ts
+interface ActivityTimelineProps extends TimelineRootProps {
+  children: ReactNode;
+}
+declare const ActivityTimeline: (props: ActivityTimelineProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/activity/activity.types.d.ts
+interface ActivityActor {
+  name: string;
+  avatarSrc?: string;
+  avatarAlt?: string;
+}
+//#endregion
+//#region src/components/activity/activity-event.d.ts
+interface ActivityEventProps extends Omit<TimelineItemProps, "title"> {
+  actor?: ActivityActor;
+  icon?: ReactNode;
+  iconColor?: string;
+  iconBackground?: string;
+  timestamp?: ReactNode;
+  children: ReactNode;
+}
+declare const ActivityEvent: (props: ActivityEventProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/theme/recipes/activity-comment.d.ts
+declare const activityCommentSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "body" | "content", {
+  tone: {
+    default: {
+      root: {
+        background: "bg";
+        borderColor: "border.subtle";
+      };
+    };
+    attention: {
+      root: {
+        background: "bg.warning";
+        borderColor: "border.warning";
+      };
+    };
+  };
+  size: {
+    comfortable: {
+      body: {
+        gap: "sm";
+        padding: "md";
+      };
+      content: {
+        textStyle: "label/S/regular";
+      };
+    };
+    compact: {
+      body: {
+        gap: "xs";
+        padding: "sm";
+      };
+      content: {
+        textStyle: "label/S/regular";
+      };
+    };
+  };
+}>;
+//#endregion
+//#region src/components/activity/activity-comment.d.ts
+type ActivityCommentVariantProps = RecipeVariantProps<typeof activityCommentSlotRecipe>;
+interface ActivityCommentRootProps extends HTMLChakraProps<"article">, ActivityCommentVariantProps {}
+interface ActivityCommentProps extends Omit<ActivityCommentRootProps, "title"> {
+  actor: ActivityActor;
+  icon?: ReactNode;
+  iconColor?: string;
+  iconBackground?: string;
+  timestamp?: ReactNode;
+  actions?: ReactNode;
+  replies?: ReactNode;
+  composer?: ReactNode;
+  children: ReactNode;
+}
+interface ActivityReplyProps extends Omit<HTMLChakraProps<"div">, "title"> {
+  actor: ActivityActor;
+  timestamp?: ReactNode;
+  actions?: ReactNode;
+  children: ReactNode;
+}
+declare const ActivityReply: (props: ActivityReplyProps) => import("react/jsx-runtime").JSX.Element;
+declare const ActivityComment: (props: ActivityCommentProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/activity/activity-composer.d.ts
+interface ActivityComposerProps extends Omit<HTMLChakraProps<"form">, "onChange" | "onSubmit"> {
+  actor?: ActivityActor;
+  value?: string;
+  defaultValue?: string;
+  placeholder?: string;
+  variant?: "standalone" | "inline";
+  minRows?: number;
+  attachLabel?: string;
+  submitLabel?: string;
+  actions?: ReactNode;
+  onAttach?: () => void;
+  onChange?: (value: string) => void;
+  onSubmit?: (value: string) => void;
+}
+declare const ActivityComposer: (props: ActivityComposerProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/activity/activity-avatar.d.ts
+interface ActivityAvatarProps {
+  actor?: ActivityActor;
+  icon?: ReactNode;
+  color?: string;
+  background?: string;
+}
+declare const ActivityAvatar: (props: ActivityAvatarProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/activity/index.d.ts
+declare const Activity: {
+  Root: (props: ActivityRootProps) => import("react/jsx-runtime").JSX.Element;
+  Header: (props: ActivityHeaderProps) => import("react/jsx-runtime").JSX.Element;
+  Feed: (props: ActivityFeedProps) => import("react/jsx-runtime").JSX.Element;
+  Timeline: (props: ActivityTimelineProps) => import("react/jsx-runtime").JSX.Element;
+  Event: (props: ActivityEventProps) => import("react/jsx-runtime").JSX.Element;
+  Comment: (props: ActivityCommentProps) => import("react/jsx-runtime").JSX.Element;
+  Reply: (props: ActivityReplyProps) => import("react/jsx-runtime").JSX.Element;
+  Composer: (props: ActivityComposerProps) => import("react/jsx-runtime").JSX.Element;
+  Avatar: (props: ActivityAvatarProps) => import("react/jsx-runtime").JSX.Element;
+};
+//#endregion
+export { ActivityHeader as _, ActivityComposerProps as a, ActivityRootProps as b, ActivityReply as c, ActivityEventProps as d, ActivityActor as f, ActivityFeedProps as g, ActivityFeed as h, ActivityComposer as i, ActivityReplyProps as l, ActivityTimelineProps as m, ActivityAvatar as n, ActivityComment as o, ActivityTimeline as p, ActivityAvatarProps as r, ActivityCommentProps as s, Activity as t, ActivityEvent as u, ActivityHeaderProps as v, ActivityRoot as y };
+export {};