@streamscloud/kit 0.0.1-1770364570820 → 0.0.1-1770761136792

package/dist/core/continuation-token.d.ts

@@ -5,6 +5,7 @@ export declare class ContinuationToken {
     static init(): ContinuationToken;
     static fromPayload(value: string | null): ContinuationToken;
     static preventLoading(): ContinuationToken;
+    toNextChunkString(): string | null | undefined;
     toString(): string | null;
     toJSON(): string | null;
 }

package/dist/core/continuation-token.js

@@ -10,7 +10,7 @@ export class ContinuationToken {
         return new ContinuationToken(true, null);
     }
     static fromPayload(value) {
-        if (value?.length && value.length > 0 && value.length < 5000) {
+        if (value?.length && value.length > 1 && value.length < 5000) {
             // initialized with server response that there is more data, and value is valid
             return new ContinuationToken(true, value);
         }
@@ -23,6 +23,9 @@ export class ContinuationToken {
         // additional initilizer, to block further loading
         return new ContinuationToken(false, null);
     }
+    toNextChunkString() {
+        return this.canLoadMore ? this.value || undefined : this.value;
+    }
     toString() {
         return this.value;
     }

package/dist/styles/_colors.scss

@@ -0,0 +1,126 @@
+$color-white: #ffffff;
+$color-black: #000000;
+
+$color-dark-50: #383838;
+$color-dark-100: #343434;
+$color-dark-200: #333333;
+$color-dark-300: #2e2e2e;
+$color-dark-400: #2c2c2c;
+$color-dark-500: #272727;
+$color-dark-600: #242424;
+$color-dark-700: #222222;
+$color-dark-800: #1e1e1e;
+$color-dark-900: #121212;
+
+$color-neutral-50: #f9fafb;
+$color-neutral-100: #f2f2f3;
+$color-neutral-200: #e5e7eb;
+$color-neutral-300: #d1d5db;
+$color-neutral-400: #9ca3af;
+$color-neutral-500: #6b7280;
+$color-neutral-600: #4b5563;
+$color-neutral-700: #374151;
+$color-neutral-800: #1f2937;
+$color-neutral-900: #111827;
+
+$color-primary-50: #f1f6fd;
+$color-primary-100: #dfe9fb;
+$color-primary-200: #bad0f7;
+$color-primary-300: #91b3f3;
+$color-primary-400: #5a8dec;
+$color-primary-500: #144ab0;
+$color-primary-600: #1244a0;
+$color-primary-700: #103a89;
+$color-primary-800: #0c2d69;
+$color-primary-900: #0a2557;
+
+$color-success-50: #ecfef4;
+$color-success-100: #d4fce7;
+$color-success-200: #bbf7d0;
+$color-success-300: #39f393;
+$color-success-400: #0de374;
+$color-success-500: #0cce6b;
+$color-success-600: #0bbc60;
+$color-success-700: #0aa454;
+$color-success-800: #088745;
+$color-success-900: #066031;
+
+$color-warning-50: #fffbeb;
+$color-warning-100: #fef3c7;
+$color-warning-200: #fde68a;
+$color-warning-300: #fcd34d;
+$color-warning-400: #fbbf24;
+$color-warning-500: #ffa62b;
+$color-warning-600: #d97706;
+$color-warning-700: #b45309;
+$color-warning-800: #92400e;
+$color-warning-900: #78350f;
+
+$color-destructive-50: #fef1f3;
+$color-destructive-100: #fde8ea;
+$color-destructive-200: #f9c8cd;
+$color-destructive-300: #f6a7b1;
+$color-destructive-400: #f17e8b;
+$color-destructive-500: #e71d36;
+$color-destructive-600: #d4172d;
+$color-destructive-700: #b81427;
+$color-destructive-800: #981020;
+$color-destructive-900: #730c18;
+
+$color-secondary-purple: #b497d6;
+$color-secondary-light-blue: #72a1e5;
+$color-secondary-burgundy: #45062e;
+$color-secondary-dark-green: #3d7068;
+$color-secondary-pink: #f26ca7;
+
+// Legacy - to be removed later
+
+$color-system-blue: $color-primary-500;
+$color-system-red: $color-destructive-500;
+$color-system-green: $color-success-500;
+$color-system-orange: $color-warning-500;
+
+$color-gray-50: #fafafa;
+$color-gray-100: #f2f2f2;
+$color-gray-200: #c1c1c1;
+$color-gray-500: #999999;
+$color-gray-550: #83838b;
+$color-gray-600: #7d7d7d;
+$color-gray-700: #4d4d4d;
+$color-gray-800: #2e2e2e;
+$color-gray-900: #1c1c1c;
+
+// Q3 Figma Colors
+$colors--primary--blue-50: #f1f6fd;
+$colors--primary--blue-100: #dfe9fb;
+$colors--primary--blue-200: #bad0f7;
+$colors--primary--blue-800: #0c2d69;
+
+$backgrounds--bg-brand: #144ab0;
+$backgrounds--bg-secondary: #ffffff;
+$backgrounds--bg-secondary-dark: #121212;
+$backgrounds--bg-element: #f9fafb;
+$backgrounds--bg-element-dark: #1e1e1e;
+$backgrounds--bg-primary: #ffffff;
+$backgrounds--bg-light: #9ca3af;
+$backgrounds--bg-menu-active: #f1f6fd;
+
+$borders--border-primary: #f2f2f3;
+$borders--border-primary-dark: #1e1e1e;
+$borders--border-white: #ffffff;
+$borders--border-white-dark: #121212;
+$borders--border-secondary: #f2f2f3;
+$borders--border-secondary--dark: #343434;
+$borders--border-active: #5a8dec;
+
+$icons--icon-primary: #1f2937;
+$icons--icon-brand: #144ab0;
+$icons--icon-brand-dark: #ffffff;
+
+$texts--text-brand: #5a8dec;
+$texts--text-secondary: #6b7280;
+$texts--text-secondary-dark: #d1d5db;
+$texts--text-primary: #000000;
+$texts--text-primary-dark: #ffffff;
+
+$graphics--button--green: #0cce6b;

package/dist/styles/_form-group.scss

@@ -0,0 +1,37 @@
+@use 'functions';
+@use 'colors';
+
+.g-form-group {
+  --_form-group--margin-bottom: var(--form-group--margin-bottom, #{functions.rem(20)});
+  --_form-group--label--font-size: var(--form-group--label--font-size, #{functions.rem(14)});
+  --_form-group--label--font-weight: var(--form-group--label--font-weight, 400);
+  --_form-group--label--color: var(--form-group--label--color);
+  --_form-group--label--margin-bottom: var(--form-group--label--margin-bottom, #{functions.rem(8)});
+  --_form-group--note--font-size: var(--form-group--note--font-size, #{functions.rem(14)});
+  --_form-group--note--font-weight: var(--form-group--note--font-weight, 300);
+
+  display: block;
+  margin-bottom: var(--_form-group--margin-bottom);
+
+  &__label {
+    font-size: var(--_form-group--label--font-size);
+    padding: 0;
+    margin-bottom: var(--_form-group--label--margin-bottom);
+    font-weight: var(--_form-group--label--font-weight);
+    display: block;
+    color: var(--_form-group--label--color);
+
+    &--with-tooltip {
+      display: flex;
+      align-items: center;
+      gap: functions.rem(4);
+    }
+  }
+
+  &__note {
+    margin-top: functions.rem(8);
+    color: colors.$color-neutral-400;
+    font-size: var(--_form-group--note--font-size);
+    font-weight: var(--_form-group--note--font-weight);
+  }
+}

package/dist/styles/_functions.scss

@@ -0,0 +1,37 @@
+@use 'sass:color';
+@use 'sass:math';
+
+$browser-font-size: 16; // Default
+
+@function rem($pixels) {
+  @return #{restrict-decimal-places(calc($pixels/$browser-font-size))}rem;
+}
+
+@function em($pixels, $context: $browser-font-size) {
+  @return #{restrict-decimal-places(calc($pixels/$context))}em;
+}
+
+@function cqi($pixels, $container-width, $max-decimal-places: 1) {
+  @return #{restrict-decimal-places(calc($pixels/$container-width * 100), $max-decimal-places)}cqi;
+}
+
+@function restrict-decimal-places($value, $places: 4) {
+  $multiplier: math.pow(10, $places);
+  @return calc(round($value * $multiplier) / $multiplier);
+}
+
+@function invert-color($color, $alpha-override: null) {
+  $red: color.red($color);
+  $green: color.green($color);
+  $blue: color.blue($color);
+  $alpha: color.alpha($color);
+  @if $alpha-override {
+    $alpha: $alpha-override;
+  }
+
+  $inverted-red: 255 - $red;
+  $inverted-green: 255 - $green;
+  $inverted-blue: 255 - $blue;
+
+  @return rgba($inverted-red, $inverted-green, $inverted-blue, $alpha);
+}

package/dist/styles/_index.scss

@@ -0,0 +1,6 @@
+/*The place to connect globally visible styles*/
+
+@use 'normalize';
+@use 'reset';
+@use 'form-group';
+@use 'row';

package/dist/styles/_mixins.scss

@@ -0,0 +1,128 @@
+@mixin no-select {
+  -webkit-user-drag: none;
+  user-select: none;
+  :global [contenteditable] {
+    user-select: text;
+  }
+}
+
+@mixin respect-new-lines {
+  white-space: pre-line;
+  word-break: break-word;
+}
+
+@mixin ellipsis {
+  text-overflow: ellipsis;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+@mixin line-clamp($lines) {
+  white-space: pre-line;
+  word-break: break-word;
+
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $lines;
+}
+
+@mixin width($width) {
+  width: $width;
+  min-width: $width;
+  max-width: $width;
+}
+
+@mixin height($height) {
+  height: $height;
+  min-height: $height;
+  max-height: $height;
+}
+
+@mixin hide-empty($display: block) {
+  :global &:not(:has(*)) {
+    display: none !important;
+  }
+
+  :global &:has(*) {
+    display: $display !important;
+  }
+}
+
+@mixin absolute-fill {
+  position: absolute;
+  inset: 0;
+}
+
+@mixin absolute-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+
+@mixin media-fit($objectFit: cover) {
+  object-fit: $objectFit;
+  min-width: 100%;
+  min-height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+@mixin scrollbar($thumb-color: var(--scrollbar--thumb-color, #7d7d7d), $track-color: var(--scrollbar--track-color, transparent)) {
+  --_cross-browser-scrollbar--thumb-color: #{$thumb-color};
+  --_cross-browser-scrollbar--track-color: #{$track-color};
+
+  @include _cross-browser-scrollbar;
+}
+
+@mixin scrollbar-on-hover($thumb-color: var(--scrollbar--thumb-color, #7d7d7d), $track-color: var(--scrollbar--track-color, transparent)) {
+  --_cross-browser-scrollbar--thumb-color: transparent;
+  --_cross-browser-scrollbar--track-color: transparent;
+
+  &:hover {
+    --_cross-browser-scrollbar--thumb-color: #{$thumb-color};
+    --_cross-browser-scrollbar--track-color: #{$track-color};
+  }
+
+  @include _cross-browser-scrollbar;
+}
+
+@mixin _cross-browser-scrollbar {
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background: var(--_cross-browser-scrollbar--track-color);
+    border-radius: 100vw;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: var(--_cross-browser-scrollbar--thumb-color);
+    border-radius: 100vw;
+  }
+
+  @supports (scrollbar-color: transparent transparent) {
+    scrollbar-color: var(--_cross-browser-scrollbar--thumb-color) var(--_cross-browser-scrollbar--track-color);
+    scrollbar-width: thin;
+  }
+}
+
+@mixin fade-in-animation($duration: 5s) {
+  animation: fadeIn $duration linear infinite;
+
+  @keyframes fadeIn {
+    0% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0.4;
+    }
+    100% {
+      opacity: 1;
+    }
+  }
+}

package/dist/styles/_normalize.scss

@@ -0,0 +1,257 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+:where(html) {
+  line-height: 1.15; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+:where(h1) {
+  font-size: 2em;
+  margin-block-end: 0.67em;
+  margin-block-start: 0.67em;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, and Safari.
+ */
+
+:where(dl, ol, ul) :where(dl, ol, ul) {
+  margin-block-end: 0;
+  margin-block-start: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ */
+
+:where(hr) {
+  box-sizing: content-box; /* 1 */
+  color: inherit; /* 2 */
+  height: 0; /* 1 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Add the correct text decoration in Safari.
+ */
+
+:where(abbr[title]) {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+:where(b, strong) {
+  font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+:where(code, kbd, pre, samp) {
+  font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; /* 1 */
+  font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+:where(small) {
+  font-size: 80%;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color in Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+:where(table) {
+  border-color: currentColor; /* 1 */
+  text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+:where(button, input, select) {
+  margin: 0;
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+:where(button) {
+  text-transform: none;
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+:where(button, input:is([type='button' i], [type='reset' i], [type='submit' i])) {
+  -webkit-appearance: button;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+:where(progress) {
+  vertical-align: baseline;
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+:where(select) {
+  text-transform: none;
+}
+
+/**
+ * Remove the margin in Firefox and Safari.
+ */
+
+:where(textarea) {
+  margin: 0;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+:where(input[type='search' i]) {
+  -webkit-appearance: textfield; /* 1 */
+  outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button; /* 1 */
+  font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+:where(button, input:is([type='button' i], [type='color' i], [type='reset' i], [type='submit' i]))::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:where(button, input:is([type='button' i], [type='color' i], [type='reset' i], [type='submit' i]))::-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:where(:-moz-ui-invalid) {
+  box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct styles in Safari.
+ */
+
+:where(dialog) {
+  background-color: white;
+  border: solid;
+  color: black;
+  height: -moz-fit-content;
+  height: fit-content;
+  left: 0;
+  margin: auto;
+  padding: 1em;
+  position: absolute;
+  right: 0;
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+:where(dialog:not([open])) {
+  display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+:where(summary) {
+  display: list-item;
+}