@pathscale/ui 1.1.33 → 1.1.34

package/dist/components/badge/Badge.css

@@ -4,13 +4,12 @@
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
-    gap: 0.25rem;
+    gap: 0.125rem;
     font-weight: 500;
 
     min-height: 1.75rem;
     min-width: 1.75rem;
-    padding-inline: 0.625rem;
-    border-radius: 9999px;
+    border-radius: 1.5rem;
     font-size: 0.75rem;
     line-height: 1.34;
 
@@ -24,6 +23,7 @@
   }
 
   .badge__label {
+    padding-inline: 0.125rem;
   }
 
   .badge-anchor {
@@ -35,7 +35,7 @@
   .badge--lg {
     min-height: 2rem;
     min-width: 2rem;
-    padding-inline: 0.75rem;
+    border-radius: 1rem;
     font-size: 0.875rem;
     line-height: 1.43;
   }
@@ -47,7 +47,7 @@
   .badge--sm {
     min-height: 1rem;
     min-width: 1rem;
-    padding-inline: 0.375rem;
+    border-radius: 0.75rem;
     font-size: 10px;
     line-height: 1.34;
   }

package/dist/components/badge/Badge.d.ts

@@ -8,7 +8,7 @@ declare const BadgeAnchor: (props: BadgeAnchorProps) => JSX.Element;
 type BadgeColor = "default" | "accent" | "success" | "warning" | "danger";
 type BadgeVariant = "primary" | "secondary" | "soft";
 type BadgeSize = "sm" | "md" | "lg";
-type BadgePlacement = "none" | "top-right" | "top-left" | "bottom-right" | "bottom-left";
+type BadgePlacement = "top-right" | "top-left" | "bottom-right" | "bottom-left";
 interface BadgeRootProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, "color"> {
     class?: string;
     children?: JSX.Element;

package/dist/components/badge/Badge.js

@@ -39,7 +39,6 @@ const BADGE_VARIANT_CLASS = {
     soft: "badge--soft"
 };
 const BADGE_PLACEMENT_CLASS = {
-    none: "",
     "top-right": "badge--top-right",
     "top-left": "badge--top-left",
     "bottom-right": "badge--bottom-right",
@@ -58,7 +57,7 @@ const BadgeRoot = (props)=>{
         const size = local.size ?? "md";
         const color = local.color ?? "default";
         const variant = local.variant ?? "primary";
-        const placement = local.placement ?? "none";
+        const placement = local.placement ?? "top-right";
         return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("badge", BADGE_SIZE_CLASS[size], BADGE_COLOR_CLASS[color], BADGE_VARIANT_CLASS[variant], BADGE_PLACEMENT_CLASS[placement], local.class));
     };
     const badgeChildren = ()=>{

package/dist/components/chip/Chip.css

@@ -0,0 +1,195 @@
+@layer components {
+  .chip {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    gap: 0.125rem;
+    border-radius: 9999px;
+    border: 1px solid var(--chip-border);
+    font-weight: 500;
+    line-height: 1.25;
+    white-space: nowrap;
+    user-select: none;
+
+    --chip-bg: var(--chip-solid-bg);
+    --chip-fg: var(--chip-solid-fg);
+    --chip-border: transparent;
+    --chip-remove-size: 0.875rem;
+    --chip-remove-hover: color-mix(in oklab, currentColor 14%, transparent);
+    --chip-solid-bg: var(--color-default);
+    --chip-solid-fg: var(--color-default-foreground);
+    --chip-flat-bg: color-mix(in oklab, var(--color-default) 18%, transparent);
+    --chip-flat-fg: var(--color-default-foreground);
+    --chip-bordered-fg: var(--color-default-foreground);
+    --chip-bordered-border: color-mix(in oklab, var(--color-default) 44%, transparent);
+
+    background-color: var(--chip-bg);
+    color: var(--chip-fg);
+  }
+
+  .chip[data-disabled="true"] {
+    opacity: 0.5;
+  }
+
+  .chip--sm {
+    min-height: 1.25rem;
+    padding-inline: 0.375rem;
+    padding-block: 0;
+    font-size: 0.6875rem;
+    --chip-remove-size: 0.75rem;
+  }
+
+  .chip--md {
+    min-height: 1.5rem;
+    padding-inline: 0.5rem;
+    padding-block: 0.125rem;
+    font-size: 0.75rem;
+  }
+
+  .chip--lg {
+    min-height: 1.75rem;
+    padding-inline: 0.625rem;
+    padding-block: 0.1875rem;
+    font-size: 0.875rem;
+    --chip-remove-size: 1rem;
+  }
+
+  .chip--solid {
+    --chip-bg: var(--chip-solid-bg);
+    --chip-fg: var(--chip-solid-fg);
+    --chip-border: transparent;
+  }
+
+  .chip--flat {
+    --chip-bg: var(--chip-flat-bg);
+    --chip-fg: var(--chip-flat-fg);
+    --chip-border: transparent;
+  }
+
+  .chip--bordered {
+    --chip-bg: transparent;
+    --chip-fg: var(--chip-bordered-fg);
+    --chip-border: var(--chip-bordered-border);
+  }
+
+  .chip--default {
+    --chip-solid-bg: var(--color-default);
+    --chip-solid-fg: var(--color-default-foreground);
+    --chip-flat-bg: color-mix(in oklab, var(--color-default) 18%, transparent);
+    --chip-flat-fg: var(--color-default-foreground);
+    --chip-bordered-fg: var(--color-default-foreground);
+    --chip-bordered-border: color-mix(in oklab, var(--color-default) 44%, transparent);
+  }
+
+  .chip--primary {
+    --chip-solid-bg: var(--color-primary);
+    --chip-solid-fg: var(--color-primary-content);
+    --chip-flat-bg: color-mix(in oklab, var(--color-primary) 18%, transparent);
+    --chip-flat-fg: var(--color-primary);
+    --chip-bordered-fg: var(--color-primary);
+    --chip-bordered-border: color-mix(in oklab, var(--color-primary) 50%, transparent);
+  }
+
+  .chip--accent {
+    --chip-solid-bg: var(--color-accent);
+    --chip-solid-fg: var(--color-accent-content);
+    --chip-flat-bg: var(--color-accent-soft);
+    --chip-flat-fg: var(--color-accent-soft-foreground);
+    --chip-bordered-fg: var(--color-accent);
+    --chip-bordered-border: color-mix(in oklab, var(--color-accent) 52%, transparent);
+  }
+
+  .chip--success {
+    --chip-solid-bg: var(--color-success);
+    --chip-solid-fg: var(--color-success-content);
+    --chip-flat-bg: var(--color-success-soft);
+    --chip-flat-fg: var(--color-success-soft-foreground);
+    --chip-bordered-fg: var(--color-success);
+    --chip-bordered-border: color-mix(in oklab, var(--color-success) 52%, transparent);
+  }
+
+  .chip--warning {
+    --chip-solid-bg: var(--color-warning);
+    --chip-solid-fg: var(--color-warning-content);
+    --chip-flat-bg: var(--color-warning-soft);
+    --chip-flat-fg: var(--color-warning-soft-foreground);
+    --chip-bordered-fg: var(--color-warning);
+    --chip-bordered-border: color-mix(in oklab, var(--color-warning) 52%, transparent);
+  }
+
+  .chip--danger {
+    --chip-solid-bg: var(--color-danger);
+    --chip-solid-fg: var(--color-danger-foreground);
+    --chip-flat-bg: var(--color-danger-soft);
+    --chip-flat-fg: var(--color-danger-soft-foreground);
+    --chip-bordered-fg: var(--color-danger);
+    --chip-bordered-border: color-mix(in oklab, var(--color-danger) 52%, transparent);
+  }
+
+  .chip__label {
+    padding-inline: 0.125rem;
+  }
+
+  .chip__start,
+  .chip__end {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+  }
+
+  .chip__start svg,
+  .chip__end svg {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
+
+  .chip--sm .chip__start svg,
+  .chip--sm .chip__end svg {
+    width: 0.75rem;
+    height: 0.75rem;
+  }
+
+  .chip--lg .chip__start svg,
+  .chip--lg .chip__end svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .chip__remove {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    width: var(--chip-remove-size);
+    height: var(--chip-remove-size);
+    padding: 0;
+    border: 0;
+    border-radius: 9999px;
+    color: inherit;
+    background: transparent;
+    cursor: pointer;
+    transition: background-color 120ms ease;
+  }
+
+  .chip__remove svg {
+    width: 100%;
+    height: 100%;
+  }
+
+  .chip__remove:focus-visible {
+    outline: 2px solid currentColor;
+    outline-offset: 1px;
+  }
+
+  @media (hover: hover) {
+    .chip__remove:hover {
+      background-color: var(--chip-remove-hover);
+    }
+  }
+
+  .chip__remove:disabled {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+}

package/dist/components/chip/Chip.d.ts

@@ -0,0 +1,25 @@
+import { type JSX } from "solid-js";
+import "./Chip.css";
+type ChipVariant = "solid" | "flat" | "bordered";
+type ChipColor = "default" | "primary" | "accent" | "success" | "warning" | "danger";
+type ChipSize = "sm" | "md" | "lg";
+interface ChipRootProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, "color" | "onRemove"> {
+    class?: string;
+    className?: string;
+    children?: JSX.Element;
+    variant?: ChipVariant;
+    color?: ChipColor;
+    size?: ChipSize;
+    startContent?: JSX.Element;
+    endContent?: JSX.Element;
+    onRemove?: () => void;
+    removeButtonLabel?: string;
+    isDisabled?: boolean;
+}
+declare const ChipRoot: (props: ChipRootProps) => JSX.Element;
+interface ChipLabelProps extends JSX.HTMLAttributes<HTMLSpanElement> {
+    class?: string;
+}
+declare const ChipLabel: (props: ChipLabelProps) => JSX.Element;
+export { ChipRoot, ChipLabel };
+export type { ChipRootProps, ChipLabelProps, ChipVariant, ChipColor, ChipSize };

package/dist/components/chip/Chip.js

@@ -0,0 +1,134 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import "./Chip.css";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<svg viewBox="0 0 20 20"fill=none stroke=currentColor stroke-width=1.75 stroke-linecap=round aria-hidden=true><path d="M6 6l8 8M14 6l-8 8">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=chip__start data-slot=chip-start>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=chip__end data-slot=chip-end>"), _tmpl$4 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button type=button class=chip__remove data-slot=chip-remove>"), _tmpl$5 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$6 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span data-slot=chip-label>");
+const CHIP_VARIANT_CLASS = {
+    solid: "chip--solid",
+    flat: "chip--flat",
+    bordered: "chip--bordered"
+};
+const CHIP_COLOR_CLASS = {
+    default: "chip--default",
+    primary: "chip--primary",
+    accent: "chip--accent",
+    success: "chip--success",
+    warning: "chip--warning",
+    danger: "chip--danger"
+};
+const CHIP_SIZE_CLASS = {
+    sm: "chip--sm",
+    md: "chip--md",
+    lg: "chip--lg"
+};
+const ChipRemoveIcon = ()=>_tmpl$();
+const ChipRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "variant",
+        "color",
+        "size",
+        "startContent",
+        "endContent",
+        "onRemove",
+        "removeButtonLabel",
+        "isDisabled"
+    ]);
+    const classes = ()=>{
+        const variant = local.variant ?? "solid";
+        const color = local.color ?? "default";
+        const size = local.size ?? "md";
+        return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)("chip", CHIP_VARIANT_CLASS[variant], CHIP_COLOR_CLASS[color], CHIP_SIZE_CLASS[size], local.class, local.className));
+    };
+    const chipChildren = ()=>{
+        const c = local.children;
+        if ("string" == typeof c || "number" == typeof c) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ChipLabel, {
+            children: c
+        });
+        return c;
+    };
+    const handleRemove = (event)=>{
+        event.stopPropagation();
+        local.onRemove?.();
+    };
+    return (()=>{
+        var _el$2 = _tmpl$5();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return classes();
+            },
+            "data-slot": "chip",
+            get ["data-disabled"] () {
+                return local.isDisabled ? "true" : "false";
+            },
+            get ["data-removable"] () {
+                return local.onRemove ? "true" : "false";
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.startContent;
+            },
+            get children () {
+                var _el$3 = _tmpl$2();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startContent);
+                return _el$3;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, chipChildren, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.endContent;
+            },
+            get children () {
+                var _el$4 = _tmpl$3();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endContent);
+                return _el$4;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.onRemove;
+            },
+            get children () {
+                var _el$5 = _tmpl$4();
+                _el$5.$$click = handleRemove;
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(ChipRemoveIcon, {}));
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+                    var _v$ = local.removeButtonLabel ?? "Remove", _v$2 = Boolean(local.isDisabled);
+                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$5, "aria-label", _p$.e = _v$);
+                    _v$2 !== _p$.t && (_el$5.disabled = _p$.t = _v$2);
+                    return _p$;
+                }, {
+                    e: void 0,
+                    t: void 0
+                });
+                return _el$5;
+            }
+        }), null);
+        return _el$2;
+    })();
+};
+const ChipLabel = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class"
+    ]);
+    return (()=>{
+        var _el$6 = _tmpl$6();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("chip__label", local.class);
+            }
+        }, others), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$6;
+    })();
+};
+(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
+    "click"
+]);
+export { ChipLabel, ChipRoot };

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

@@ -0,0 +1,8 @@
+import { ChipLabel, ChipRoot } from "./Chip";
+declare const Chip: ((props: import("./Chip").ChipRootProps) => import("solid-js").JSX.Element) & {
+    Root: (props: import("./Chip").ChipRootProps) => import("solid-js").JSX.Element;
+    Label: (props: import("./Chip").ChipLabelProps) => import("solid-js").JSX.Element;
+};
+export default Chip;
+export { Chip, ChipRoot, ChipLabel };
+export type { ChipRootProps, ChipRootProps as ChipProps, ChipLabelProps, ChipVariant, ChipColor, ChipSize, } from "./Chip";

package/dist/components/chip/index.js

@@ -0,0 +1,9 @@
+import * as __WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__ from "./Chip.js";
+const Chip = Object.assign(__WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__.ChipRoot, {
+    Root: __WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__.ChipRoot,
+    Label: __WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__.ChipLabel
+});
+const chip = Chip;
+var __webpack_exports__ChipLabel = __WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__.ChipLabel;
+var __webpack_exports__ChipRoot = __WEBPACK_EXTERNAL_MODULE__Chip_js_7b51fe41__.ChipRoot;
+export { Chip, chip as default, __webpack_exports__ChipLabel as ChipLabel, __webpack_exports__ChipRoot as ChipRoot };

package/dist/index.d.ts

@@ -18,6 +18,8 @@ export { default as Carousel } from "./components/carousel";
 export type { CarouselItemProps, CarouselProps } from "./components/carousel";
 export { default as ChatBubble } from "./components/chatbubble";
 export { default as Checkbox } from "./components/checkbox";
+export { default as Chip } from "./components/chip";
+export type { ChipProps, ChipRootProps, ChipLabelProps, ChipVariant, ChipColor, ChipSize } from "./components/chip";
 export { default as ColorArea } from "./components/color-area";
 export type { ColorAreaProps, ColorAreaValue } from "./components/color-area";
 export { default as ColorField } from "./components/color-field";
@@ -144,4 +146,6 @@ export * from "./stores";
 export * from "./motion";
 export { useVirtualRows } from "./primitives/virtualizer";
 export type { UseVirtualRowsOptions, UseVirtualRowsResult, VirtualRowsRange, } from "./primitives/virtualizer";
+export { useStreamingBuffer, useStreamingSubscription, } from "./primitives/streaming";
+export type { StreamingBufferStrategy, StreamingSubscribeFn, StreamingSubscriptionObserver, UseStreamingBufferOptions, UseStreamingBufferResult, UseStreamingSubscriptionOptions, UseStreamingSubscriptionResult, } from "./primitives/streaming";
 export { default } from "./components/connectionstatus";

package/dist/index.js

@@ -13,6 +13,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__components_card_index_js_21920ec5__ from
 import * as __WEBPACK_EXTERNAL_MODULE__components_carousel_index_js_58d298b8__ from "./components/carousel/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_chatbubble_index_js_81e81d2d__ from "./components/chatbubble/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_checkbox_index_js_e306f1c0__ from "./components/checkbox/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__components_chip_index_js_ad33c99d__ from "./components/chip/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_color_area_index_js_cf071985__ from "./components/color-area/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_color_field_index_js_1e106661__ from "./components/color-field/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_color_slider_index_js_6ba6f287__ from "./components/color-slider/index.js";
@@ -98,6 +99,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__components_tooltip_index_js_427fd6e7__ fr
 import * as __WEBPACK_EXTERNAL_MODULE__components_video_preview_index_js_0c69d184__ from "./components/video-preview/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__components_windowmockup_index_js_9f194367__ from "./components/windowmockup/index.js";
 import * as __WEBPACK_EXTERNAL_MODULE__primitives_virtualizer_index_js_7a1688c2__ from "./primitives/virtualizer/index.js";
+import * as __WEBPACK_EXTERNAL_MODULE__primitives_streaming_index_js_daa24ee8__ from "./primitives/streaming/index.js";
 export * from "./stores/index.js";
 export * from "./motion/index.js";
 var __webpack_exports__Accordion = __WEBPACK_EXTERNAL_MODULE__components_accordion_index_js_d86d1bdc__["default"];
@@ -126,6 +128,7 @@ var __webpack_exports__Card = __WEBPACK_EXTERNAL_MODULE__components_card_index_j
 var __webpack_exports__Carousel = __WEBPACK_EXTERNAL_MODULE__components_carousel_index_js_58d298b8__["default"];
 var __webpack_exports__ChatBubble = __WEBPACK_EXTERNAL_MODULE__components_chatbubble_index_js_81e81d2d__["default"];
 var __webpack_exports__Checkbox = __WEBPACK_EXTERNAL_MODULE__components_checkbox_index_js_e306f1c0__["default"];
+var __webpack_exports__Chip = __WEBPACK_EXTERNAL_MODULE__components_chip_index_js_ad33c99d__["default"];
 var __webpack_exports__CodeMockup = __WEBPACK_EXTERNAL_MODULE__components_codemockup_index_js_959fd6a7__.CodeMockup;
 var __webpack_exports__CodeMockupLine = __WEBPACK_EXTERNAL_MODULE__components_codemockup_index_js_959fd6a7__.CodeMockupLine;
 var __webpack_exports__Collapse = __WEBPACK_EXTERNAL_MODULE__components_collapse_index_js_8c917013__.Collapse;
@@ -281,6 +284,8 @@ var __webpack_exports__useFormValidation = __WEBPACK_EXTERNAL_MODULE__components
 var __webpack_exports__useI18n = __WEBPACK_EXTERNAL_MODULE__components_language_switcher_index_js_813c3a1d__.useI18n;
 var __webpack_exports__useImmersiveLanding = __WEBPACK_EXTERNAL_MODULE__components_immersive_landing_index_js_01d1a16b__.useImmersiveLanding;
 var __webpack_exports__useImmersiveLandingContext = __WEBPACK_EXTERNAL_MODULE__components_immersive_landing_index_js_01d1a16b__.useImmersiveLandingContext;
+var __webpack_exports__useStreamingBuffer = __WEBPACK_EXTERNAL_MODULE__primitives_streaming_index_js_daa24ee8__.useStreamingBuffer;
+var __webpack_exports__useStreamingSubscription = __WEBPACK_EXTERNAL_MODULE__primitives_streaming_index_js_daa24ee8__.useStreamingSubscription;
 var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableExpansion;
 var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableFiltering;
 var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableModel;
@@ -288,4 +293,4 @@ var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__component
 var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableSelection;
 var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__components_table_index_js_90ad19bc__.useTableSorting;
 var __webpack_exports__useVirtualRows = __WEBPACK_EXTERNAL_MODULE__primitives_virtualizer_index_js_7a1688c2__.useVirtualRows;
-export { __webpack_exports__Accordion as Accordion, __webpack_exports__Alert as Alert, __webpack_exports__AlertContent as AlertContent, __webpack_exports__AlertDescription as AlertDescription, __webpack_exports__AlertIndicator as AlertIndicator, __webpack_exports__AlertRoot as AlertRoot, __webpack_exports__AlertTitle as AlertTitle, __webpack_exports__AlphaSlider as AlphaSlider, __webpack_exports__Artboard as Artboard, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__Background as Background, __webpack_exports__Badge as Badge, __webpack_exports__BottomSheet as BottomSheet, __webpack_exports__Breadcrumbs as Breadcrumbs, __webpack_exports__BreadcrumbsItem as BreadcrumbsItem, __webpack_exports__BreadcrumbsRoot as BreadcrumbsRoot, __webpack_exports__BrowserMockup as BrowserMockup, __webpack_exports__Button as Button, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__Carousel as Carousel, __webpack_exports__ChatBubble as ChatBubble, __webpack_exports__Checkbox as Checkbox, __webpack_exports__CodeMockup as CodeMockup, __webpack_exports__CodeMockupLine as CodeMockupLine, __webpack_exports__Collapse as Collapse, __webpack_exports__CollapseContent as CollapseContent, __webpack_exports__CollapseDetails as CollapseDetails, __webpack_exports__CollapseTitle as CollapseTitle, __webpack_exports__ColorArea as ColorArea, __webpack_exports__ColorField as ColorField, __webpack_exports__ColorInput as ColorInput, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorPickerFlowerSelector as ColorPickerFlowerSelector, __webpack_exports__ColorPickerGradientSelector as ColorPickerGradientSelector, __webpack_exports__ColorPickerWheelSelector as ColorPickerWheelSelector, __webpack_exports__ColorPreview as ColorPreview, __webpack_exports__ColorSlider as ColorSlider, __webpack_exports__ColorSwatch as ColorSwatch, __webpack_exports__ColorSwatchPicker as ColorSwatchPicker, __webpack_exports__ColorSwatches as ColorSwatches, __webpack_exports__ColorWheel as ColorWheel, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__ConfirmDialog as ConfirmDialog, __webpack_exports__ConnectionStatus as ConnectionStatus, __webpack_exports__CookieConsent as CookieConsent, __webpack_exports__CopyButton as CopyButton, __webpack_exports__Countdown as Countdown, __webpack_exports__Diff as Diff, __webpack_exports__Divider as Divider, __webpack_exports__Dock as Dock, __webpack_exports__Drawer as Drawer, __webpack_exports__DrawerBackdrop as DrawerBackdrop, __webpack_exports__DrawerBody as DrawerBody, __webpack_exports__DrawerClose as DrawerClose, __webpack_exports__DrawerCloseTrigger as DrawerCloseTrigger, __webpack_exports__DrawerContent as DrawerContent, __webpack_exports__DrawerDialog as DrawerDialog, __webpack_exports__DrawerFooter as DrawerFooter, __webpack_exports__DrawerHandle as DrawerHandle, __webpack_exports__DrawerHeader as DrawerHeader, __webpack_exports__DrawerHeading as DrawerHeading, __webpack_exports__DrawerRoot as DrawerRoot, __webpack_exports__DrawerTrigger as DrawerTrigger, __webpack_exports__Dropdown as Dropdown, __webpack_exports__DropdownSelect as DropdownSelect, __webpack_exports__EmptyState as EmptyState, __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FileInput as FileInput, __webpack_exports__FirefoxPWABanner as FirefoxPWABanner, __webpack_exports__Flex as Flex, __webpack_exports__FloatingDock as FloatingDock, __webpack_exports__Footer as Footer, __webpack_exports__Form as Form, __webpack_exports__FormActions as FormActions, __webpack_exports__GlassPanel as GlassPanel, __webpack_exports__GlowCard as GlowCard, __webpack_exports__Grid as Grid, __webpack_exports__Hero as Hero, __webpack_exports__HueSlider as HueSlider, __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__Icon as Icon, __webpack_exports__ImmersiveLanding as ImmersiveLanding, __webpack_exports__ImmersiveLandingContext as ImmersiveLandingContext, __webpack_exports__Indicator as Indicator, __webpack_exports__Input as Input, __webpack_exports__Join as Join, __webpack_exports__Kbd as Kbd, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__LegacyColorPicker as LegacyColorPicker, __webpack_exports__LightnessSlider as LightnessSlider, __webpack_exports__Link as Link, __webpack_exports__LiveChatBubble as LiveChatBubble, __webpack_exports__LiveChatPanel as LiveChatPanel, __webpack_exports__Loading as Loading, __webpack_exports__Mask as Mask, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__Navbar as Navbar, __webpack_exports__NoiseBackground as NoiseBackground, __webpack_exports__PWAInstallPrompt as PWAInstallPrompt, __webpack_exports__Pagination as Pagination, __webpack_exports__PhoneMockup as PhoneMockup, __webpack_exports__Progress as Progress, __webpack_exports__ProgressFill as ProgressFill, __webpack_exports__ProgressOutput as ProgressOutput, __webpack_exports__ProgressRoot as ProgressRoot, __webpack_exports__ProgressTrack as ProgressTrack, __webpack_exports__PropsTable as PropsTable, __webpack_exports__RadialProgress as RadialProgress, __webpack_exports__Radio as Radio, __webpack_exports__RadioGroup as RadioGroup, __webpack_exports__Range as Range, __webpack_exports__Rating as Rating, __webpack_exports__SaturationBrightness as SaturationBrightness, __webpack_exports__Select as Select, __webpack_exports__ShowcaseBlock as ShowcaseBlock, __webpack_exports__ShowcaseSection as ShowcaseSection, __webpack_exports__Sidenav as Sidenav, __webpack_exports__SidenavButton as SidenavButton, __webpack_exports__SidenavGroup as SidenavGroup, __webpack_exports__SidenavItem as SidenavItem, __webpack_exports__SidenavLink as SidenavLink, __webpack_exports__SidenavMenu as SidenavMenu, __webpack_exports__SizePicker as SizePicker, __webpack_exports__Skeleton as Skeleton, __webpack_exports__SkipLink as SkipLink, __webpack_exports__SliderField as SliderField, __webpack_exports__Stack as Stack, __webpack_exports__StatCard as StatCard, __webpack_exports__Stats as Stats, __webpack_exports__Status as Status, __webpack_exports__Steps as Steps, __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__Summary as Summary, __webpack_exports__SvgBackground as SvgBackground, __webpack_exports__Swap as Swap, __webpack_exports__SwitchField as SwitchField, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__Textarea as Textarea, __webpack_exports__ThemeColorPicker as ThemeColorPicker, __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart, __webpack_exports__Toast as Toast, __webpack_exports__ToastContainer as ToastContainer, __webpack_exports__ToastStack as ToastStack, __webpack_exports__Toggle as Toggle, __webpack_exports__Tooltip as Tooltip, __webpack_exports__TooltipArrow as TooltipArrow, __webpack_exports__TooltipContent as TooltipContent, __webpack_exports__TooltipRoot as TooltipRoot, __webpack_exports__TooltipTrigger as TooltipTrigger, __webpack_exports__VideoPreview as VideoPreview, __webpack_exports__WindowMockup as WindowMockup, __webpack_exports__createHueShiftStore as createHueShiftStore, __webpack_exports__createI18n as createI18n, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__createStreamingTableStore as createStreamingTableStore, __webpack_exports__default as default, __webpack_exports__getDefaultHueShiftStore as getDefaultHueShiftStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore, __webpack_exports__resetHueShift as resetHueShift, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useColorPickerContext as useColorPickerContext, __webpack_exports__useDesktop as useDesktop, __webpack_exports__useFormValidation as useFormValidation, __webpack_exports__useI18n as useI18n, __webpack_exports__useImmersiveLanding as useImmersiveLanding, __webpack_exports__useImmersiveLandingContext as useImmersiveLandingContext, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting, __webpack_exports__useVirtualRows as useVirtualRows };
+export { __webpack_exports__Accordion as Accordion, __webpack_exports__Alert as Alert, __webpack_exports__AlertContent as AlertContent, __webpack_exports__AlertDescription as AlertDescription, __webpack_exports__AlertIndicator as AlertIndicator, __webpack_exports__AlertRoot as AlertRoot, __webpack_exports__AlertTitle as AlertTitle, __webpack_exports__AlphaSlider as AlphaSlider, __webpack_exports__Artboard as Artboard, __webpack_exports__Avatar as Avatar, __webpack_exports__AvatarFallback as AvatarFallback, __webpack_exports__AvatarImage as AvatarImage, __webpack_exports__AvatarRoot as AvatarRoot, __webpack_exports__Background as Background, __webpack_exports__Badge as Badge, __webpack_exports__BottomSheet as BottomSheet, __webpack_exports__Breadcrumbs as Breadcrumbs, __webpack_exports__BreadcrumbsItem as BreadcrumbsItem, __webpack_exports__BreadcrumbsRoot as BreadcrumbsRoot, __webpack_exports__BrowserMockup as BrowserMockup, __webpack_exports__Button as Button, __webpack_exports__Calendar as Calendar, __webpack_exports__Card as Card, __webpack_exports__Carousel as Carousel, __webpack_exports__ChatBubble as ChatBubble, __webpack_exports__Checkbox as Checkbox, __webpack_exports__Chip as Chip, __webpack_exports__CodeMockup as CodeMockup, __webpack_exports__CodeMockupLine as CodeMockupLine, __webpack_exports__Collapse as Collapse, __webpack_exports__CollapseContent as CollapseContent, __webpack_exports__CollapseDetails as CollapseDetails, __webpack_exports__CollapseTitle as CollapseTitle, __webpack_exports__ColorArea as ColorArea, __webpack_exports__ColorField as ColorField, __webpack_exports__ColorInput as ColorInput, __webpack_exports__ColorPicker as ColorPicker, __webpack_exports__ColorPickerContext as ColorPickerContext, __webpack_exports__ColorPickerFlowerSelector as ColorPickerFlowerSelector, __webpack_exports__ColorPickerGradientSelector as ColorPickerGradientSelector, __webpack_exports__ColorPickerWheelSelector as ColorPickerWheelSelector, __webpack_exports__ColorPreview as ColorPreview, __webpack_exports__ColorSlider as ColorSlider, __webpack_exports__ColorSwatch as ColorSwatch, __webpack_exports__ColorSwatchPicker as ColorSwatchPicker, __webpack_exports__ColorSwatches as ColorSwatches, __webpack_exports__ColorWheel as ColorWheel, __webpack_exports__ColorWheelFlower as ColorWheelFlower, __webpack_exports__ConfirmDialog as ConfirmDialog, __webpack_exports__ConnectionStatus as ConnectionStatus, __webpack_exports__CookieConsent as CookieConsent, __webpack_exports__CopyButton as CopyButton, __webpack_exports__Countdown as Countdown, __webpack_exports__Diff as Diff, __webpack_exports__Divider as Divider, __webpack_exports__Dock as Dock, __webpack_exports__Drawer as Drawer, __webpack_exports__DrawerBackdrop as DrawerBackdrop, __webpack_exports__DrawerBody as DrawerBody, __webpack_exports__DrawerClose as DrawerClose, __webpack_exports__DrawerCloseTrigger as DrawerCloseTrigger, __webpack_exports__DrawerContent as DrawerContent, __webpack_exports__DrawerDialog as DrawerDialog, __webpack_exports__DrawerFooter as DrawerFooter, __webpack_exports__DrawerHandle as DrawerHandle, __webpack_exports__DrawerHeader as DrawerHeader, __webpack_exports__DrawerHeading as DrawerHeading, __webpack_exports__DrawerRoot as DrawerRoot, __webpack_exports__DrawerTrigger as DrawerTrigger, __webpack_exports__Dropdown as Dropdown, __webpack_exports__DropdownSelect as DropdownSelect, __webpack_exports__EmptyState as EmptyState, __webpack_exports__EnhancedTable as EnhancedTable, __webpack_exports__Fieldset as Fieldset, __webpack_exports__FileInput as FileInput, __webpack_exports__FirefoxPWABanner as FirefoxPWABanner, __webpack_exports__Flex as Flex, __webpack_exports__FloatingDock as FloatingDock, __webpack_exports__Footer as Footer, __webpack_exports__Form as Form, __webpack_exports__FormActions as FormActions, __webpack_exports__GlassPanel as GlassPanel, __webpack_exports__GlowCard as GlowCard, __webpack_exports__Grid as Grid, __webpack_exports__Hero as Hero, __webpack_exports__HueSlider as HueSlider, __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__Icon as Icon, __webpack_exports__ImmersiveLanding as ImmersiveLanding, __webpack_exports__ImmersiveLandingContext as ImmersiveLandingContext, __webpack_exports__Indicator as Indicator, __webpack_exports__Input as Input, __webpack_exports__Join as Join, __webpack_exports__Kbd as Kbd, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__LegacyColorPicker as LegacyColorPicker, __webpack_exports__LightnessSlider as LightnessSlider, __webpack_exports__Link as Link, __webpack_exports__LiveChatBubble as LiveChatBubble, __webpack_exports__LiveChatPanel as LiveChatPanel, __webpack_exports__Loading as Loading, __webpack_exports__Mask as Mask, __webpack_exports__Menu as Menu, __webpack_exports__Modal as Modal, __webpack_exports__Navbar as Navbar, __webpack_exports__NoiseBackground as NoiseBackground, __webpack_exports__PWAInstallPrompt as PWAInstallPrompt, __webpack_exports__Pagination as Pagination, __webpack_exports__PhoneMockup as PhoneMockup, __webpack_exports__Progress as Progress, __webpack_exports__ProgressFill as ProgressFill, __webpack_exports__ProgressOutput as ProgressOutput, __webpack_exports__ProgressRoot as ProgressRoot, __webpack_exports__ProgressTrack as ProgressTrack, __webpack_exports__PropsTable as PropsTable, __webpack_exports__RadialProgress as RadialProgress, __webpack_exports__Radio as Radio, __webpack_exports__RadioGroup as RadioGroup, __webpack_exports__Range as Range, __webpack_exports__Rating as Rating, __webpack_exports__SaturationBrightness as SaturationBrightness, __webpack_exports__Select as Select, __webpack_exports__ShowcaseBlock as ShowcaseBlock, __webpack_exports__ShowcaseSection as ShowcaseSection, __webpack_exports__Sidenav as Sidenav, __webpack_exports__SidenavButton as SidenavButton, __webpack_exports__SidenavGroup as SidenavGroup, __webpack_exports__SidenavItem as SidenavItem, __webpack_exports__SidenavLink as SidenavLink, __webpack_exports__SidenavMenu as SidenavMenu, __webpack_exports__SizePicker as SizePicker, __webpack_exports__Skeleton as Skeleton, __webpack_exports__SkipLink as SkipLink, __webpack_exports__SliderField as SliderField, __webpack_exports__Stack as Stack, __webpack_exports__StatCard as StatCard, __webpack_exports__Stats as Stats, __webpack_exports__Status as Status, __webpack_exports__Steps as Steps, __webpack_exports__StreamingTable as StreamingTable, __webpack_exports__Summary as Summary, __webpack_exports__SvgBackground as SvgBackground, __webpack_exports__Swap as Swap, __webpack_exports__SwitchField as SwitchField, __webpack_exports__Table as Table, __webpack_exports__Tabs as Tabs, __webpack_exports__Textarea as Textarea, __webpack_exports__ThemeColorPicker as ThemeColorPicker, __webpack_exports__Timeline as Timeline, __webpack_exports__TimelineEnd as TimelineEnd, __webpack_exports__TimelineItem as TimelineItem, __webpack_exports__TimelineMiddle as TimelineMiddle, __webpack_exports__TimelineStart as TimelineStart, __webpack_exports__Toast as Toast, __webpack_exports__ToastContainer as ToastContainer, __webpack_exports__ToastStack as ToastStack, __webpack_exports__Toggle as Toggle, __webpack_exports__Tooltip as Tooltip, __webpack_exports__TooltipArrow as TooltipArrow, __webpack_exports__TooltipContent as TooltipContent, __webpack_exports__TooltipRoot as TooltipRoot, __webpack_exports__TooltipTrigger as TooltipTrigger, __webpack_exports__VideoPreview as VideoPreview, __webpack_exports__WindowMockup as WindowMockup, __webpack_exports__createHueShiftStore as createHueShiftStore, __webpack_exports__createI18n as createI18n, __webpack_exports__createSizeStore as createSizeStore, __webpack_exports__createStreamingTableStore as createStreamingTableStore, __webpack_exports__default as default, __webpack_exports__getDefaultHueShiftStore as getDefaultHueShiftStore, __webpack_exports__getDefaultSizeStore as getDefaultSizeStore, __webpack_exports__resetHueShift as resetHueShift, __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useColorPickerContext as useColorPickerContext, __webpack_exports__useDesktop as useDesktop, __webpack_exports__useFormValidation as useFormValidation, __webpack_exports__useI18n as useI18n, __webpack_exports__useImmersiveLanding as useImmersiveLanding, __webpack_exports__useImmersiveLandingContext as useImmersiveLandingContext, __webpack_exports__useStreamingBuffer as useStreamingBuffer, __webpack_exports__useStreamingSubscription as useStreamingSubscription, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting, __webpack_exports__useVirtualRows as useVirtualRows };

package/dist/primitives/streaming/index.d.ts

@@ -0,0 +1,2 @@
+export { useStreamingBuffer, type StreamingBufferStrategy, type UseStreamingBufferOptions, type UseStreamingBufferResult, } from "./useStreamingBuffer";
+export { useStreamingSubscription, type StreamingSubscribeFn, type StreamingSubscriptionObserver, type UseStreamingSubscriptionOptions, type UseStreamingSubscriptionResult, } from "./useStreamingSubscription";

package/dist/primitives/streaming/index.js

@@ -0,0 +1,5 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useStreamingBuffer_js_80c6ee0b__ from "./useStreamingBuffer.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useStreamingSubscription_js_ac8329f3__ from "./useStreamingSubscription.js";
+var __webpack_exports__useStreamingBuffer = __WEBPACK_EXTERNAL_MODULE__useStreamingBuffer_js_80c6ee0b__.useStreamingBuffer;
+var __webpack_exports__useStreamingSubscription = __WEBPACK_EXTERNAL_MODULE__useStreamingSubscription_js_ac8329f3__.useStreamingSubscription;
+export { __webpack_exports__useStreamingBuffer as useStreamingBuffer, __webpack_exports__useStreamingSubscription as useStreamingSubscription };

package/dist/primitives/streaming/useStreamingBuffer.d.ts

@@ -0,0 +1,15 @@
+import { type Accessor } from "solid-js";
+export type StreamingBufferStrategy = "append" | "upsert" | "replace";
+export interface UseStreamingBufferOptions<T> {
+    strategy: StreamingBufferStrategy;
+    maxSize?: number;
+    getKey: (row: T) => string;
+    initialData?: T[];
+}
+export interface UseStreamingBufferResult<T> {
+    rows: Accessor<T[]>;
+    add: (row: T) => void;
+    set: (rows: T[]) => void;
+    reset: () => void;
+}
+export declare const useStreamingBuffer: <T>(options: UseStreamingBufferOptions<T>) => UseStreamingBufferResult<T>;

package/dist/primitives/streaming/useStreamingBuffer.js

@@ -0,0 +1,115 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const normalizeMaxSize = (value)=>{
+    if (null == value || !Number.isFinite(value)) return;
+    if (value <= 0) return;
+    return Math.floor(value);
+};
+const buildKeyIndex = (rows, getKey)=>{
+    const index = new Map();
+    rows.forEach((row, rowIndex)=>{
+        index.set(getKey(row), rowIndex);
+    });
+    return index;
+};
+const useStreamingBuffer = (options)=>{
+    const maxSize = normalizeMaxSize(options.maxSize);
+    let keyToIndex = new Map();
+    const capRows = (rows)=>{
+        if (null == maxSize || rows.length <= maxSize) return rows;
+        return rows.slice(rows.length - maxSize);
+    };
+    const applyAppendBatch = (prev, incoming)=>{
+        if (0 === incoming.length) return prev;
+        let next = prev;
+        let changed = false;
+        for (const row of incoming){
+            const key = options.getKey(row);
+            if (!keyToIndex.has(key)) {
+                if (!changed) next = prev.slice();
+                keyToIndex.set(key, next.length);
+                next.push(row);
+                changed = true;
+            }
+        }
+        if (!changed) return prev;
+        const capped = capRows(next);
+        keyToIndex = buildKeyIndex(capped, options.getKey);
+        return capped;
+    };
+    const applyUpsertBatch = (prev, incoming)=>{
+        if (0 === incoming.length) return prev;
+        let next = prev;
+        let changed = false;
+        for (const row of incoming){
+            const key = options.getKey(row);
+            const existingIndex = keyToIndex.get(key);
+            if (null == existingIndex) {
+                if (!changed) next = prev.slice();
+                keyToIndex.set(key, next.length);
+                next.push(row);
+                changed = true;
+                continue;
+            }
+            if (next[existingIndex] !== row) {
+                if (!changed) next = prev.slice();
+                next[existingIndex] = row;
+                changed = true;
+            }
+        }
+        if (!changed) return prev;
+        const capped = capRows(next);
+        keyToIndex = buildKeyIndex(capped, options.getKey);
+        return capped;
+    };
+    const normalizeReplaceRows = (incoming)=>{
+        const deduped = [];
+        const dedupeIndex = new Map();
+        for (const row of incoming){
+            const key = options.getKey(row);
+            const existingIndex = dedupeIndex.get(key);
+            if (null == existingIndex) {
+                dedupeIndex.set(key, deduped.length);
+                deduped.push(row);
+                continue;
+            }
+            deduped[existingIndex] = row;
+        }
+        return capRows(deduped);
+    };
+    const seedInitialRows = ()=>{
+        const initialData = options.initialData ?? [];
+        if (0 === initialData.length) return [];
+        if ("replace" === options.strategy) return normalizeReplaceRows(initialData);
+        return applyUpsertBatch([], initialData);
+    };
+    const initialRows = seedInitialRows();
+    keyToIndex = buildKeyIndex(initialRows, options.getKey);
+    const [rows, setRows] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialRows);
+    const set = (incomingRows)=>{
+        setRows((prev)=>{
+            if ("replace" === options.strategy) {
+                const next = normalizeReplaceRows(incomingRows);
+                keyToIndex = buildKeyIndex(next, options.getKey);
+                return next;
+            }
+            if ("append" === options.strategy) return applyAppendBatch(prev, incomingRows);
+            return applyUpsertBatch(prev, incomingRows);
+        });
+    };
+    const add = (row)=>{
+        set([
+            row
+        ]);
+    };
+    const reset = ()=>{
+        keyToIndex = new Map();
+        setRows([]);
+    };
+    return {
+        rows,
+        add,
+        set,
+        reset
+    };
+};
+export { useStreamingBuffer };

package/dist/primitives/streaming/useStreamingSubscription.d.ts

@@ -0,0 +1,27 @@
+import { type Accessor } from "solid-js";
+type MaybeAccessor<T> = T | Accessor<T>;
+export interface StreamingSubscriptionObserver<TEvent> {
+    next: (event: TEvent) => void;
+    error: (error: unknown) => void;
+    open: () => void;
+    close: () => void;
+    readonly signal: AbortSignal;
+    readonly isStopped: boolean;
+}
+export type StreamingSubscribeFn<TEvent> = (observer: StreamingSubscriptionObserver<TEvent>) => void | (() => void) | Promise<void | (() => void)>;
+export interface UseStreamingSubscriptionOptions<TEvent> {
+    subscribe: StreamingSubscribeFn<TEvent>;
+    enabled?: MaybeAccessor<boolean>;
+    onData?: (event: TEvent) => void;
+    onError?: (error: Error) => void;
+}
+export interface UseStreamingSubscriptionResult {
+    isLive: Accessor<boolean>;
+    isConnecting: Accessor<boolean>;
+    error: Accessor<Error | null>;
+    eventCount: Accessor<number>;
+    start: () => Promise<void>;
+    stop: () => void;
+}
+export declare const useStreamingSubscription: <TEvent>(options: UseStreamingSubscriptionOptions<TEvent>) => UseStreamingSubscriptionResult;
+export {};

package/dist/primitives/streaming/useStreamingSubscription.js

@@ -0,0 +1,115 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const resolveOption = (value)=>{
+    if ("function" == typeof value) return value();
+    return value;
+};
+const toError = (error)=>{
+    if (error instanceof Error) return error;
+    return new Error("string" == typeof error ? error : "Unknown streaming error");
+};
+const useStreamingSubscription = (options)=>{
+    const [isLive, setIsLive] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [isConnecting, setIsConnecting] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
+    const [error, setError] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const [eventCount, setEventCount] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(0);
+    let isRunning = false;
+    let teardown;
+    let activeController = null;
+    let runToken = 0;
+    const clearTeardown = ()=>{
+        const currentTeardown = teardown;
+        teardown = void 0;
+        if (currentTeardown) currentTeardown();
+    };
+    const stop = ()=>{
+        runToken += 1;
+        isRunning = false;
+        if (activeController) {
+            activeController.abort();
+            activeController = null;
+        }
+        clearTeardown();
+        setIsConnecting(false);
+        setIsLive(false);
+    };
+    const start = async ()=>{
+        if (isRunning) return;
+        stop();
+        isRunning = true;
+        setError(null);
+        setIsConnecting(true);
+        setIsLive(false);
+        const token = runToken;
+        const controller = new AbortController();
+        activeController = controller;
+        const observer = {
+            next: (event)=>{
+                if (!isRunning || token !== runToken || controller.signal.aborted) return;
+                setEventCount((count)=>count + 1);
+                options.onData?.(event);
+            },
+            error: (nextError)=>{
+                if (!isRunning || token !== runToken || controller.signal.aborted) return;
+                const normalized = toError(nextError);
+                if (activeController === controller) {
+                    activeController.abort();
+                    activeController = null;
+                }
+                clearTeardown();
+                setError(normalized);
+                setIsConnecting(false);
+                setIsLive(false);
+                isRunning = false;
+                options.onError?.(normalized);
+            },
+            open: ()=>{
+                if (!isRunning || token !== runToken || controller.signal.aborted) return;
+                setIsConnecting(false);
+                setIsLive(true);
+            },
+            close: ()=>{
+                if (token !== runToken) return;
+                if (activeController === controller) activeController = null;
+                clearTeardown();
+                setIsConnecting(false);
+                setIsLive(false);
+                isRunning = false;
+            },
+            get signal () {
+                return controller.signal;
+            },
+            get isStopped () {
+                return controller.signal.aborted || token !== runToken || !isRunning;
+            }
+        };
+        try {
+            const maybeTeardown = await options.subscribe(observer);
+            if (token !== runToken || controller.signal.aborted) {
+                if ("function" == typeof maybeTeardown) maybeTeardown();
+                return;
+            }
+            teardown = "function" == typeof maybeTeardown ? maybeTeardown : void 0;
+            setIsConnecting(false);
+            setIsLive(true);
+        } catch (nextError) {
+            observer.error(nextError);
+        }
+    };
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+        const shouldEnable = resolveOption(options.enabled ?? true);
+        if (!shouldEnable) return void stop();
+        if (!isRunning) start();
+    });
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
+        stop();
+    });
+    return {
+        isLive,
+        isConnecting,
+        error,
+        eventCount,
+        start,
+        stop
+    };
+};
+export { useStreamingSubscription };

package/package.json

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