@pathscale/ui 0.0.99 → 0.0.101

package/dist/components/artboard/Artboard.d.ts

@@ -1,5 +1,5 @@
 import { type ParentComponent } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type ArtboardProps = IComponentBaseProps & {
     demo?: boolean;
     size?: 1 | 2 | 3 | 4 | 5 | 6;

package/dist/components/bottom-sheet/BottomSheet.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import { type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export interface BottomSheetProps extends IComponentBaseProps {
     isOpen: boolean;

package/dist/components/browsermockup/BrowserMockup.d.ts

@@ -1,5 +1,5 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type BrowserMockupProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
     url: string;
     variant?: "border" | "background";

package/dist/components/card/Card.d.ts

@@ -10,8 +10,8 @@ export type CardProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement>
     variant?: Exclude<ComponentVariant, "soft"> | "border";
     imageFull?: boolean;
     side?: ComponentSize | boolean;
-    background?: ComponentColor | 'base-100' | 'base-200' | 'base-300';
-    shadow?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    background?: ComponentColor | "base-100" | "base-200" | "base-300";
+    shadow?: "none" | "sm" | "md" | "lg" | "xl";
     fullWidth?: boolean;
     "aria-label"?: string;
     "aria-describedby"?: string;

package/dist/components/chatbubble/ChatBubbleAvatar.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "solid-js";
 import type { AvatarProps } from "../avatar";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleAvatarProps = AvatarProps & IComponentBaseProps;

package/dist/components/chatbubble/ChatBubbleHeader.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ChatBubbleHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 declare const ChatBubbleHeader: (props: ChatBubbleHeaderProps) => JSX.Element;

package/dist/components/codemockup/CodeMockup.d.ts

@@ -1,5 +1,5 @@
-import { JSX, ParentProps } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import { type JSX, type ParentProps } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 type CodeMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 declare const CodeMockup: (props: ParentProps<CodeMockupProps>) => JSX.Element;
 export default CodeMockup;

package/dist/components/codemockup/CodeMockupLine.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 type ComponentStatus = "info" | "success" | "warning" | "error";
 type AppTheme = "light" | "dark";
 type CodeMockupLineProps = JSX.HTMLAttributes<HTMLPreElement> & {

package/dist/components/connectionstatus/ConnectionStatus.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import { type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type ConnectionState = "connecting" | "connected" | "disconnected" | "error";
 export interface ConnectionStatusProps extends IComponentBaseProps {

package/dist/components/connectionstatus/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./ConnectionStatus";
-export { type ConnectionState, type ConnectionStatusProps, } from "./ConnectionStatus";
+export type { ConnectionState, ConnectionStatusProps, } from "./ConnectionStatus";

package/dist/components/diff/Diff.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type DiffProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
     secondItem: JSX.Element;
 };

package/dist/components/dock/Dock.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from "solid-js";
-import { IComponentBaseProps, ComponentSize } from "../types";
+import type { IComponentBaseProps, ComponentSize } from "../types";
 import { type DockItemProps as ItemProps } from "./DockItem";
 import { type DockLabelProps as LabelProps } from "./DockLabel";
 export type DockItemProps = ItemProps;

package/dist/components/dock/DockItem.d.ts

@@ -1,6 +1,6 @@
 import type { JSX, Component } from "solid-js";
-import { IComponentBaseProps } from "../types";
-import { ComponentColor } from "../types";
+import type { IComponentBaseProps } from "../types";
+import type { ComponentColor } from "../types";
 export type DockItemProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & IComponentBaseProps & {
     color?: ComponentColor;
     active?: boolean;

package/dist/components/drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type DrawerProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "ref"> & IComponentBaseProps & {
     side: JSX.Element;
     open?: boolean;

package/dist/components/dropdown/DropdownToggle.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from "solid-js";
+import { type JSX } from "solid-js";
 import type { ComponentColor, ComponentSize, IComponentBaseProps } from "../types";
 export type DropdownToggleProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "color"> & IComponentBaseProps & {
     color?: ComponentColor;

package/dist/components/dropdown/index.d.ts

@@ -1,2 +1,2 @@
-import Dropdown from './Dropdown';
+import Dropdown from "./Dropdown";
 export default Dropdown;

package/dist/components/flex/Flex.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-import { ResponsiveProp } from "../types";
+import type { ResponsiveProp } from "../types";
 export type FlexProps = IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLElement>, "ref"> & {
     as?: keyof JSX.IntrinsicElements;
     direction?: ResponsiveProp<"row" | "col" | "row-reverse" | "col-reverse">;

package/dist/components/footer/Footer.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type FooterProps = IComponentBaseProps & {
     center?: boolean;

package/dist/components/footer/FooterTitle.d.ts

@@ -1,4 +1,4 @@
-import { IComponentBaseProps } from "../types";
-import { ParentComponent } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import { type ParentComponent } from "solid-js";
 export type FooterTitleProps = IComponentBaseProps;
 export declare const FooterTitle: ParentComponent<FooterTitleProps>;

package/dist/components/form/Form.d.ts

@@ -1,11 +1,11 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 import ValidatedForm, { useFormValidation } from "./ValidatedForm";
-export { type ValidatedFormProps } from "./ValidatedForm";
-export { type FormFieldProps } from "./FormField";
-export { type PasswordFieldProps } from "./PasswordField";
-export { type NumberFieldProps } from "./NumberField";
-export { type FormDropdownProps, type DropdownOption } from "./FormDropdown";
+export type { ValidatedFormProps } from "./ValidatedForm";
+export type { FormFieldProps } from "./FormField";
+export type { PasswordFieldProps } from "./PasswordField";
+export type { NumberFieldProps } from "./NumberField";
+export type { FormDropdownProps, DropdownOption } from "./FormDropdown";
 export type FormProps = Omit<JSX.HTMLAttributes<HTMLFormElement>, "ref"> & IComponentBaseProps & {
     autoFocus?: boolean;
     cycleOnEnter?: boolean;

package/dist/components/form/FormDropdown.d.ts

@@ -1,4 +1,4 @@
-import { Component, JSX } from "solid-js";
+import { type Component, type JSX } from "solid-js";
 export interface DropdownOption {
     value: string;
     label: string;

package/dist/components/form/FormField.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import { type Component } from "solid-js";
 import type { InputProps } from "../input";
 export interface FormFieldProps extends Omit<InputProps, "ref"> {
     label: string;

package/dist/components/form/Label.d.ts

@@ -1,5 +1,5 @@
 import { type JSX, type ParentComponent } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type LabelProps = Omit<JSX.HTMLAttributes<HTMLLabelElement>, "ref"> & IComponentBaseProps & {
     title?: string;
 };

package/dist/components/form/NumberField.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import { type Component } from "solid-js";
 import type { InputProps } from "../input";
 export interface NumberFieldProps extends Omit<InputProps, "type" | "ref"> {
     label?: string;

package/dist/components/form/PasswordField.d.ts

@@ -1,4 +1,4 @@
-import { Component, JSX } from "solid-js";
+import { type Component, type JSX } from "solid-js";
 import type { InputProps } from "../input";
 export interface PasswordFieldProps extends Omit<InputProps, "type" | "ref"> {
     label?: string;

package/dist/components/form/ValidatedForm.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "solid-js";
-import { z } from "zod";
+import type { z } from "zod";
 import type { ObjectSetter, Paths } from "@felte/common";
 import { type FormProps } from "./Form";
 export type ValidatedFormProps<T extends z.ZodTypeAny> = Omit<FormProps, "onSubmit"> & {

package/dist/components/form/index.d.ts

@@ -1,4 +1,4 @@
 export { default } from "./Form";
 export { type FormProps, type ValidatedFormProps, type FormFieldProps, type PasswordFieldProps, type NumberFieldProps, useFormValidation, } from "./Form";
-export { type LabelProps } from "./Label";
+export type { LabelProps } from "./Label";
 export { default as FormDropdown, type FormDropdownProps, type DropdownOption, } from "./FormDropdown";

package/dist/components/grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-import { ResponsiveProp } from "../types";
+import type { ResponsiveProp } from "../types";
 type GridFlow = "row" | "col" | "row-dense" | "col-dense";
 type GridSize = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
 type GridGap = "none" | "sm" | "md" | "lg" | "xl";

package/dist/components/hero/Hero.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type HeroProps = IComponentBaseProps & {
     minHeight?: string;

package/dist/components/hero/HeroContent.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type HeroContentProps = IComponentBaseProps & {
     center?: boolean;

package/dist/components/hero/HeroOverlay.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export type HeroOverlayProps = IComponentBaseProps & {
     bgOpacity?: string;

package/dist/components/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps } from "../types";
-import { ComponentColor } from "../types";
+import type { ComponentColor } from "../types";
 export type IconProps = IComponentBaseProps & {
     width?: number;
     height?: number;

package/dist/components/mask/index.d.ts

@@ -1,2 +1,2 @@
-import Mask from './Mask';
+import Mask from "./Mask";
 export default Mask;

package/dist/components/menu/index.d.ts

@@ -1,3 +1,3 @@
-import Menu, { type MenuProps as TMenuProps } from './Menu';
+import Menu, { type MenuProps as TMenuProps } from "./Menu";
 export type MenuProps = TMenuProps;
 export { Menu };

package/dist/components/modal/Modal.d.ts

@@ -13,7 +13,7 @@ export type ModalProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDialogElem
     onClose?: () => void;
     closeOnEsc?: boolean;
     closeOnOutsideClick?: boolean;
-    size?: ComponentSize | 'full';
+    size?: ComponentSize | "full";
 };
 export type DialogProps = Omit<ModalProps, "ref">;
 export declare function Modal(props: ModalProps): JSX.Element;

package/dist/components/modal/index.d.ts

@@ -1,6 +1,6 @@
 export { default } from "./Modal";
-export { type ModalProps as TModalProps, type DialogProps as TDialogProps, } from "./Modal";
-export { type ModalHeaderProps as TModalHeaderProps } from "./ModalHeader";
-export { type ModalBodyProps as TModalBodyProps } from "./ModalBody";
-export { type ModalActionsProps as TModalActionsProps } from "./ModalActions";
-export { type ModalLegacyProps as TModalLegacyProps } from "./ModalLegacy";
+export type { ModalProps as TModalProps, DialogProps as TDialogProps, } from "./Modal";
+export type { ModalHeaderProps as TModalHeaderProps } from "./ModalHeader";
+export type { ModalBodyProps as TModalBodyProps } from "./ModalBody";
+export type { ModalActionsProps as TModalActionsProps } from "./ModalActions";
+export type { ModalLegacyProps as TModalLegacyProps } from "./ModalLegacy";

package/dist/components/phonemockup/PhoneMockup.d.ts

@@ -1,5 +1,5 @@
-import { ParentComponent, JSX } from "solid-js";
-import { IComponentBaseProps, ComponentColor } from "../types";
+import { type ParentComponent, type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentColor } from "../types";
 export type PhoneMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
     color?: Exclude<ComponentColor, "ghost">;
     innerProps?: JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;

package/dist/components/props-table/PropsTable.d.ts

@@ -1,4 +1,4 @@
-import { Component } from "solid-js";
+import { type Component } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export interface PropDefinition {
     name: string;

package/dist/components/radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
 export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type RadioProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size"> & IComponentBaseProps & {

package/dist/components/range/Range.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from "solid-js";
-import { IComponentBaseProps } from "../types";
+import { type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 export type ComponentColor = "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
 export type ComponentSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type RangeProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size"> & IComponentBaseProps & {

package/dist/components/showcase/ShowcaseBlock.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export interface ShowcaseBlockProps extends IComponentBaseProps {
     title: string;

package/dist/components/showcase-section/ShowcaseSection.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { IComponentBaseProps } from "../types";
 export interface ShowcaseSectionProps extends IComponentBaseProps {
     id: string;

package/dist/components/stats/Stat.d.ts

@@ -1,6 +1,6 @@
 import { type JSX } from "solid-js";
 import { type StatSectionProps } from "./StatSection";
-import { IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type StatProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
 declare const _default: ((props: StatProps) => JSX.Element) & {
     Title: (props: Omit<StatSectionProps, "section">) => JSX.Element;

package/dist/components/status/Status.d.ts

@@ -1,4 +1,4 @@
-import { ParentComponent } from "solid-js";
+import { type ParentComponent } from "solid-js";
 import type { ComponentColor, IComponentBaseProps } from "../types";
 export interface StatusProps extends IComponentBaseProps {
     color?: ComponentColor;

package/dist/components/streaming-table/StreamingTable.d.ts

@@ -1,9 +1,10 @@
-import Table from "../table/Table";
-import type { StreamingColumnDef } from "./types";
-export type StreamingTableProps<T> = {
-    data: T[];
-    columns: StreamingColumnDef<T>[];
-    getRowId?: (row: T) => string;
-} & Omit<Parameters<typeof Table>[0], "children">;
-export declare function StreamingTable<T>(props: StreamingTableProps<T>): import("solid-js").JSX.Element;
+import { type EnhancedTableProps } from "../table/EnhancedTable";
+import type { StreamingColumnDef, StreamingConfig } from "./types";
+export type StreamingTableProps<TData> = {
+    data: TData[];
+    columns: StreamingColumnDef<TData>[];
+    getRowId?: (row: TData) => string;
+    streamingConfig?: StreamingConfig;
+} & Omit<EnhancedTableProps<TData>, "data" | "columns">;
+declare const StreamingTable: <TData>(props: StreamingTableProps<TData>) => import("solid-js").JSX.Element;
 export default StreamingTable;

package/dist/components/streaming-table/createStreamingTableStore.d.ts

@@ -6,5 +6,8 @@ export interface StreamingTableStore<T> {
     upsertRows: (rows: T[], getId: (row: T) => string) => void;
     updateRow: (id: string, patch: Partial<T>) => void;
     removeRow: (id: string) => void;
+    appendRow: (row: T, getId: (row: T) => string) => void;
+    appendRows: (rows: T[], getId: (row: T) => string) => void;
+    truncateToSize: (maxSize: number) => void;
 }
 export declare function createStreamingTableStore<T>(): StreamingTableStore<T>;

package/dist/components/streaming-table/index.d.ts

@@ -1,3 +1,5 @@
 export { default as StreamingTable } from "./StreamingTable";
 export type { StreamingTableProps } from "./StreamingTable";
-export type { StreamingColumnDef } from "./types";
+export type { StreamingColumnDef, StreamingConfig } from "./types";
+export { createStreamingTableStore } from "./createStreamingTableStore";
+export type { StreamingTableStore } from "./createStreamingTableStore";

package/dist/components/streaming-table/types.d.ts

@@ -14,4 +14,14 @@ export interface StreamingColumnDef<T> {
     }) => JSX.Element;
     /** Extra config (sorting, filters, etc.) */
     meta?: Record<string, any>;
+    /** Enable column filter */
+    enableColumnFilter?: boolean;
+    /** Enable sorting for this column */
+    enableSorting?: boolean;
+}
+export interface StreamingConfig {
+    /** Maximum buffer size (default: 1000) */
+    maxBufferSize?: number;
+    /** Append-only mode - don't remove stale rows (default: false) */
+    appendMode?: boolean;
 }

package/dist/components/svgbackground/SvgBackground.d.ts

@@ -1,4 +1,4 @@
-import { JSX } from 'solid-js';
+import { type JSX } from "solid-js";
 export interface SvgBackgroundProps {
     /** Primary gradient color (CSS color value) */
     colorStart?: string;

package/dist/components/svgbackground/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SvgBackground } from './SvgBackground';
-export type { SvgBackgroundProps } from './SvgBackground';
+export { default as SvgBackground } from "./SvgBackground";
+export type { SvgBackgroundProps } from "./SvgBackground";

package/dist/components/table/TableBody.d.ts

@@ -1,5 +1,5 @@
-import { type Component, JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 export type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps;
 declare const TableBody: Component<TableBodyProps>;
 export default TableBody;

package/dist/components/table/TableCell.d.ts

@@ -1,5 +1,5 @@
 import { type Component, type JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type TableCellProps = JSX.HTMLAttributes<HTMLTableCellElement> & IComponentBaseProps & {
     colSpan?: number;
 };

package/dist/components/table/TableFooter.d.ts

@@ -1,5 +1,5 @@
-import { type Component, JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 export type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps & {
     noCell?: boolean;
 };

package/dist/components/table/TableHead.d.ts

@@ -1,5 +1,5 @@
-import { type Component, JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 export type TableHeadProps = JSX.HTMLAttributes<HTMLTableSectionElement> & IComponentBaseProps & {
     noCell?: boolean;
 };

package/dist/components/table/TableHeadCell.d.ts

@@ -1,5 +1,5 @@
 import { type Component, type JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import type { IComponentBaseProps } from "../types";
 export type TableHeadCellProps = JSX.HTMLAttributes<HTMLTableCellElement> & IComponentBaseProps & {
     colSpan?: number;
 };

package/dist/components/table/TableRow.d.ts

@@ -1,5 +1,5 @@
-import { type Component, JSX } from "solid-js";
-import { type IComponentBaseProps } from "../types";
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
 export type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & IComponentBaseProps & {
     active?: boolean;
     noCell?: boolean;

package/dist/components/utils.d.ts

@@ -1,5 +1,5 @@
 import { type JSX } from "solid-js";
-import { ResponsiveProp } from "./types";
+import type { ResponsiveProp } from "./types";
 export declare function wrapWithElementIfInvalid({ node, wrapper, className, }: {
     node: JSX.Element | string | number | null | undefined;
     wrapper?: keyof JSX.IntrinsicElements;

package/dist/components/windowmockup/WindowMockup.d.ts

@@ -1,5 +1,5 @@
-import { ParentComponent, JSX } from "solid-js";
-import { IComponentBaseProps, ComponentColor } from "../types";
+import { type ParentComponent, type JSX } from "solid-js";
+import type { IComponentBaseProps, ComponentColor } from "../types";
 export type WindowMockupColors = Exclude<ComponentColor, "ghost">;
 export type WindowMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
     frameColor?: WindowMockupColors;

package/dist/index.d.ts

@@ -77,7 +77,9 @@ export type { TableProps } from "./components/table";
 export type { EnhancedTableProps } from "./components/table/EnhancedTable";
 export { StreamingTable } from "./components/streaming-table";
 export type { StreamingTableProps } from "./components/streaming-table";
-export type { StreamingColumnDef } from "./components/streaming-table";
+export type { StreamingColumnDef, StreamingConfig, } from "./components/streaming-table";
+export { createStreamingTableStore } from "./components/streaming-table";
+export type { StreamingTableStore } from "./components/streaming-table";
 export { default as Tabs } from "./components/tabs";
 export type { RadioTabProps, TabProps, TabsProps } from "./components/tabs";
 export { default as Textarea } from "./components/textarea";

package/dist/index.js

@@ -9394,7 +9394,7 @@ const Progress_Progress = (props)=>{
     const getAriaValueNow = ()=>{
         if (void 0 !== local["aria-valuenow"]) return local["aria-valuenow"];
         const value = others.value;
-        if ('number' == typeof value || 'string' == typeof value) return value;
+        if ("number" == typeof value || "string" == typeof value) return value;
     };
     return (()=>{
         var _el$ = Progress_tmpl$();
@@ -10612,8 +10612,8 @@ const steps_Steps = Object.assign(Steps, {
 const steps = steps_Steps;
 var SvgBackground_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><ellipse></svg>", false, true, false), SvgBackground_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle></svg>", false, true, false), SvgBackground_tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=0 r=100 opacity=0.7></svg>", false, true, false), SvgBackground_tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=0 r=120></svg>", false, true, false), SvgBackground_tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=400 r=100 opacity=0.7></svg>", false, true, false), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=400 r=120></svg>", false, true, false), _tmpl$7 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=0 cy=200 r=70 opacity=0.6></svg>", false, true, false), _tmpl$8 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=0 r=100></svg>", false, true, false), _tmpl$9 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=400 cy=200 r=100></svg>", false, true, false), _tmpl$0 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<svg><circle cx=200 cy=400 r=100></svg>", false, true, false), _tmpl$1 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div><svg viewBox="0 0 400 400"xmlns=http://www.w3.org/2000/svg><rect width=400 height=400></rect></svg></div><canvas></canvas><div class="relative z-10 h-full w-full">'), _tmpl$10 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="absolute inset-0 z-5">');
 function hexToRgb(hex) {
-    hex = hex.replace(/^#/, '');
-    const bigint = parseInt(hex, 16);
+    hex = hex.replace(/^#/, "");
+    const bigint = Number.parseInt(hex, 16);
     const r = bigint >> 16 & 255;
     const g = bigint >> 8 & 255;
     const b = 255 & bigint;
@@ -10624,7 +10624,7 @@ function hexToRgb(hex) {
     };
 }
 function SvgBackground(props) {
-    const { colorStart = '#6366f1', colorEnd = '#4f46e5', backgroundColor = '#000000', opacity = 1, blurIntensity = 40, density = 5, darkness = 0, class: className = '', style = {}, children } = props;
+    const { colorStart = "#6366f1", colorEnd = "#4f46e5", backgroundColor = "#000000", opacity = 1, blurIntensity = 40, density = 5, darkness = 0, class: className = "", style = {}, children } = props;
     let containerRef;
     let svgRef;
     let canvasRef;
@@ -10635,7 +10635,7 @@ function SvgBackground(props) {
         const r = Math.round(start.r + (end.r - start.r) * t);
         const g = Math.round(start.g + (end.g - start.g) * t);
         const b = Math.round(start.b + (end.b - start.b) * t);
-        return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`;
+        return `#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`;
     };
     const generateShapes = ()=>{
         const normalizedDensity = Math.max(1, density);
@@ -10912,7 +10912,7 @@ function SvgBackground(props) {
         const svgBlob = new Blob([
             svgData
         ], {
-            type: 'image/svg+xml'
+            type: "image/svg+xml"
         });
         const svgUrl = URL.createObjectURL(svgBlob);
         const img = new Image();
@@ -10925,7 +10925,7 @@ function SvgBackground(props) {
                 canvasRef.width = rect.width + 2 * blurPadding;
                 canvasRef.height = rect.height + 2 * blurPadding;
             }
-            const ctx = canvasRef.getContext('2d');
+            const ctx = canvasRef.getContext("2d");
             if (!ctx) return;
             ctx.clearRect(0, 0, canvasRef.width, canvasRef.height);
             ctx.fillStyle = backgroundColor;
@@ -10936,7 +10936,7 @@ function SvgBackground(props) {
         };
     };
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        if (window && 'ResizeObserver' in window) {
+        if (window && "ResizeObserver" in window) {
             const observer = new ResizeObserver(()=>{
                 renderSvgToCanvas();
             });
@@ -10953,17 +10953,17 @@ function SvgBackground(props) {
         }, 0);
     });
     const backgroundStyle = ()=>({
-            position: 'relative',
-            overflow: 'hidden',
+            position: "relative",
+            overflow: "hidden",
             ...style
         });
     const canvasStyle = ()=>({
-            position: 'absolute',
+            position: "absolute",
             top: `-${2 * blurIntensity}px`,
             left: `-${2 * blurIntensity}px`,
             width: `calc(100% + ${4 * blurIntensity}px)`,
             height: `calc(100% + ${4 * blurIntensity}px)`,
-            'z-index': '0',
+            "z-index": "0",
             opacity: opacity.toString(),
             filter: `blur(${blurIntensity}px)`
         });
@@ -11952,6 +11952,25 @@ function createStreamingTableStore() {
     function upsertRows(rows, getId) {
         rows.forEach((row)=>upsertRow(row, getId));
     }
+    function appendRow(row, getId) {
+        const id = getId(row);
+        const stores = rowStores();
+        const existing = stores.find((s)=>s.id === id);
+        if (existing) return;
+        setRowStores([
+            ...stores,
+            createRowStore(id, row)
+        ]);
+    }
+    function appendRows(rows, getId) {
+        const stores = rowStores();
+        const existingIds = new Set(stores.map((s)=>s.id));
+        const newStores = rows.filter((row)=>!existingIds.has(getId(row))).map((row)=>createRowStore(getId(row), row));
+        if (newStores.length > 0) setRowStores([
+            ...stores,
+            ...newStores
+        ]);
+    }
     function updateRow(id, patch) {
         const stores = rowStores();
         const existing = stores.find((s)=>s.id === id);
@@ -11961,78 +11980,82 @@ function createStreamingTableStore() {
         const stores = rowStores().filter((s)=>s.id !== id);
         setRowStores(stores);
     }
+    function truncateToSize(maxSize) {
+        const stores = rowStores();
+        if (stores.length <= maxSize) return;
+        const truncated = stores.slice(-maxSize);
+        setRowStores(truncated);
+    }
     return {
         rows: rowStores,
         loadInitial,
         upsertRow,
         upsertRows,
         updateRow,
-        removeRow
+        removeRow,
+        appendRow,
+        appendRows,
+        truncateToSize
     };
 }
-function StreamingTable_StreamingTable(props) {
-    const [local, tableProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+const StreamingTable_StreamingTable = (props)=>{
+    const [local, enhancedProps] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "data",
         "columns",
-        "getRowId"
+        "getRowId",
+        "streamingConfig"
     ]);
-    const getId = local.getRowId ?? ((row)=>row.id);
     const store = createStreamingTableStore();
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        store.loadInitial(local.data, getId);
+    const config = {
+        maxBufferSize: local.streamingConfig?.maxBufferSize ?? 1000,
+        appendMode: local.streamingConfig?.appendMode ?? false
+    };
+    const resolveId = (row)=>{
+        if (local.getRowId) return local.getRowId(row);
+        const anyRow = row;
+        if (null != anyRow.id) return String(anyRow.id);
+        return JSON.stringify(anyRow);
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const incoming = local.data ?? [];
+        if (config.appendMode) {
+            store.appendRows(incoming, resolveId);
+            store.truncateToSize(config.maxBufferSize);
+        } else {
+            const idSet = new Set();
+            incoming.forEach((row)=>{
+                const id = resolveId(row);
+                idSet.add(id);
+                store.upsertRow(row, resolveId);
+            });
+            const current = store.rows();
+            current.forEach((r)=>{
+                if (!idSet.has(r.id)) store.removeRow(r.id);
+            });
+        }
     });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(tableProps, {
-        get children () {
-            return [
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Head, {
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                            get children () {
-                                return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                    get each () {
-                                        return local.columns;
-                                    },
-                                    children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.HeadCell, {
-                                            get children () {
-                                                return col.header;
-                                            }
-                                        })
-                                });
-                            }
-                        });
-                    }
-                }),
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Body, {
-                    get children () {
-                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                            get each () {
-                                return store.rows();
-                            },
-                            children: (rowStore)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Row, {
-                                    get children () {
-                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
-                                            get each () {
-                                                return local.columns;
-                                            },
-                                            children: (col)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(table_Table.Cell, {
-                                                    get children () {
-                                                        return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.cell)() ? col.cell({
-                                                            row: {
-                                                                original: rowStore.data()
-                                                            }
-                                                        }) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorKey)() ? rowStore.data()[col.accessorKey] : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!col.accessorFn)() ? col.accessorFn(rowStore.data()) : "";
-                                                    }
-                                                })
-                                        });
-                                    }
-                                })
-                        });
-                    }
-                })
-            ];
+    const tableData = ()=>store.rows().map((rowStore)=>rowStore.data());
+    const enhancedColumns = ()=>local.columns.map((col)=>{
+            const colDef = {
+                header: col.header,
+                meta: col.meta,
+                enableColumnFilter: col.enableColumnFilter,
+                enableSorting: col.enableSorting
+            };
+            if (col.accessorKey) colDef.accessorKey = col.accessorKey;
+            if (col.accessorFn) colDef.accessorFn = col.accessorFn;
+            if (col.cell) colDef.cell = col.cell;
+            return colDef;
+        });
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(EnhancedTable, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+        get data () {
+            return tableData();
+        },
+        get columns () {
+            return enhancedColumns();
         }
-    }));
-}
+    }, enhancedProps));
+};
 const StreamingTable = StreamingTable_StreamingTable;
 var Tab_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a role=tab>");
 const Tab = (props)=>{
@@ -12626,4 +12649,4 @@ const WindowMockup = (props)=>{
     })();
 };
 const windowmockup_WindowMockup = WindowMockup;
-export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, connectionstatus_ConnectionStatus as default, toastStore, useDesktop, useFormValidation };
+export { accordion_Accordion as Accordion, alert_Alert as Alert, artboard_Artboard as Artboard, avatar as Avatar, background_Background as Background, Badge, bottom_sheet_BottomSheet as BottomSheet, Breadcrumbs, breadcrumbs_BreadcrumbsItem as BreadcrumbsItem, browsermockup_BrowserMockup as BrowserMockup, button_Button as Button, Calendar, card_Card as Card, carousel_Carousel as Carousel, chatbubble_ChatBubble as ChatBubble, checkbox_Checkbox as Checkbox, codemockup_CodeMockup as CodeMockup, CodeMockupLine, collapse_Collapse as Collapse, CollapseContent, CollapseDetails, CollapseTitle, connectionstatus_ConnectionStatus as ConnectionStatus, CopyButton, countdown_Countdown as Countdown, diff_Diff as Diff, divider as Divider, dock as Dock, Drawer, dropdown as Dropdown, EnhancedTable, FileInput, flex_Flex as Flex, footer_Footer as Footer, form_Form as Form, Grid, hero_Hero as Hero, icon_Icon as Icon, indicator_Indicator as Indicator, input as Input, join_Join as Join, kbd_Kbd as Kbd, link_Link as Link, loading_Loading as Loading, mask as Mask, menu_Menu as Menu, modal_Modal as Modal, navbar_Navbar as Navbar, pagination_Pagination as Pagination, phonemockup_PhoneMockup as PhoneMockup, Progress, props_table_PropsTable as PropsTable, radialprogress_RadialProgress as RadialProgress, radio_Radio as Radio, range_Range as Range, Rating, select_Select as Select, showcase_ShowcaseBlock as ShowcaseBlock, showcase_section_ShowcaseSection as ShowcaseSection, sidenav_Sidenav as Sidenav, sidenav_SidenavButton as SidenavButton, sidenav_SidenavGroup as SidenavGroup, sidenav_SidenavItem as SidenavItem, sidenav_SidenavLink as SidenavLink, sidenav_SidenavMenu as SidenavMenu, skeleton_Skeleton as Skeleton, Stack, stat_card_StatCard as StatCard, stats_Stats as Stats, status_Status as Status, steps as Steps, StreamingTable, Summary, SvgBackground, Swap, table_Table as Table, tabs_Tabs as Tabs, textarea_Textarea as Textarea, Timeline, timeline_TimelineEnd as TimelineEnd, timeline_TimelineItem as TimelineItem, timeline_TimelineMiddle as TimelineMiddle, timeline_TimelineStart as TimelineStart, toast_Toast as Toast, ToastContainer, toggle_Toggle as Toggle, tooltip_Tooltip as Tooltip, windowmockup_WindowMockup as WindowMockup, createStreamingTableStore, connectionstatus_ConnectionStatus as default, toastStore, useDesktop, useFormValidation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.99",
+  "version": "0.0.101",
   "author": "pathscale",
   "repository": {
     "type": "git",