@luxonis/depthai-pipeline-lib 1.4.14 → 1.5.0

package/dist/src/styled-system/chunks/src__components__Node.css

@@ -0,0 +1,196 @@
+@layer utilities {
+
+  .bg_dark\.warning\! {
+    background-color: var(--colors-dark-warning) !important
+    }
+
+  .bg_dark\.success\! {
+    background-color: var(--colors-dark-success) !important
+    }
+
+  .w_custom\.handle\.dot\! {
+    width: var(--sizes-custom-handle-dot) !important
+    }
+
+  .h_custom\.handle\.dot\! {
+    height: var(--sizes-custom-handle-dot) !important
+    }
+
+  .border_none\! {
+    border: var(--borders-none) !important
+    }
+
+  .ml_xs {
+    margin-left: var(--spacing-xs)
+    }
+
+  .mr_xs {
+    margin-right: var(--spacing-xs)
+    }
+
+  .min-w_container\.smaller\.xxs {
+    min-width: var(--sizes-container-smaller-xxs)
+    }
+
+  .border_base {
+    border: var(--borders-base)
+    }
+
+  .rounded_common {
+    border-radius: var(--radii-common)
+    }
+
+  .bg_white {
+    background-color: var(--colors-white)
+    }
+
+  .w_full {
+    width: var(--sizes-full)
+    }
+
+  .bg_light\.gray {
+    background-color: var(--colors-light-gray)
+    }
+
+  .rounded-t_common {
+    border-top-left-radius: var(--radii-common);
+    border-top-right-radius: var(--radii-common)
+    }
+
+  .w_icon\.sm {
+    width: var(--sizes-icon-sm)
+    }
+
+  .h_icon\.sm {
+    height: var(--sizes-icon-sm)
+    }
+
+  .w_auto {
+    width: auto
+    }
+
+  .h_auto {
+    height: auto
+    }
+
+  .right_xs {
+    right: var(--spacing-xs)
+    }
+
+  .text_unset {
+    color: unset
+    }
+
+  .text_transparent {
+    color: var(--colors-transparent)
+    }
+
+  .items_start {
+    align-items: start
+    }
+
+  .flex_row {
+    flex-direction: row
+    }
+
+  .flex_row-reverse {
+    flex-direction: row-reverse
+    }
+
+  .items_end {
+    align-items: end
+    }
+
+  .pos_relative {
+    position: relative
+    }
+
+  .flex_column {
+    flex-direction: column
+    }
+
+  .items_center {
+    align-items: center
+    }
+
+  .justify_space-between {
+    justify-content: space-between
+    }
+
+  .gap_xs {
+    gap: var(--spacing-xs)
+    }
+
+  .d_flex {
+    display: flex
+    }
+
+  .gap_sm {
+    gap: var(--spacing-sm)
+    }
+
+  .py_xs {
+    padding-block: var(--spacing-xs)
+    }
+    .\[\&\:hover_\.node-help-icon\]\:text_text\.normal:hover .node-help-icon {
+      color: var(--colors-text-normal)
+        }
+}
+
+@layer recipes {
+    .button--variant_ghost:is(:hover, [data-hover]) {
+      background: var(--colors-accent);
+      color: var(--colors-accent-foreground)
+        }
+
+  .button--size_default {
+    height: var(--sizes-10);
+    padding-inline: var(--spacing-4);
+    padding-block: var(--spacing-2)
+    }
+
+  @layer _base {
+    .label {
+      font-size: 0.875rem;
+      line-height: var(--line-heights-none);
+      font-weight: var(--font-weights-medium);
+        }
+      .peer:is(:disabled, [disabled], [data-disabled]) ~ .label {
+        cursor: not-allowed;
+        opacity: 0.7
+            }
+    }
+
+  @layer _base {
+    .button {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: var(--radii-md);
+      font-size: 0.875rem;
+      line-height: 1.25rem;
+      font-weight: var(--font-weights-medium);
+      transition-property: var(--transition-prop, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke);
+      transition-timing-function: var(--transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+      transition-duration: var(--transition-duration, 150ms);
+      cursor: pointer;
+      --shadow-panda-ring-offset-color: var(--colors-background);
+      gap: var(--spacing-2);
+        }
+      .button:is(:disabled, [disabled], [data-disabled]) {
+        pointer-events: none;
+        opacity: 50%
+            }
+      .button:is(:focus-visible, [data-focus-visible]) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+        --shadow-panda-ring-offset-shadow: var(--shadow-panda-ring-inset,) 0 0 0 var(--shadow-panda-ring-offset-width, 0px) var(--shadow-panda-ring-offset-color);
+        --shadow-panda-ring-shadow: var(--shadow-panda-ring-inset,) 0 0 0 calc(2px + var(--shadow-panda-ring-offset-width, 0px)) var(--shadow-panda-ring-color);
+        box-shadow: var(--shadow-panda-ring-offset-shadow),var(--shadow-panda-ring-shadow),var(--shadow-panda-base-shadow,0 0 #0000);
+        --shadow-panda-ring-color: var(--colors-ring)
+    ;
+        --shadow-panda-ring-offset-width: 2px
+    
+            }
+    }
+}

package/dist/src/styled-system/chunks/src__components__PipelineCanvas.css

@@ -0,0 +1,26 @@
+@layer utilities {
+
+  .d_flex {
+    display: flex
+    }
+
+  .items_center {
+    align-items: center
+    }
+
+  .justify_center {
+    justify-content: center
+    }
+
+  .h_container\.xs {
+    height: var(--sizes-container-xs)
+    }
+
+  .rounded_common {
+    border-radius: var(--radii-common)
+    }
+
+  .border_base {
+    border: var(--borders-base)
+    }
+}

package/dist/src/styled-system/global.css

@@ -0,0 +1,70 @@
+@layer base {
+  :root {
+    --made-with-panda: '🐼'
+    }
+
+  *, *::before, *::after, ::backdrop {
+    --blur:   ;
+    --brightness:   ;
+    --contrast:   ;
+    --grayscale:   ;
+    --hue-rotate:   ;
+    --invert:   ;
+    --saturate:   ;
+    --sepia:   ;
+    --drop-shadow:   ;
+    --backdrop-blur:   ;
+    --backdrop-brightness:   ;
+    --backdrop-contrast:   ;
+    --backdrop-grayscale:   ;
+    --backdrop-hue-rotate:   ;
+    --backdrop-invert:   ;
+    --backdrop-opacity:   ;
+    --backdrop-saturate:   ;
+    --backdrop-sepia:   ;
+    --scroll-snap-strictness: proximity;
+    --border-spacing-x: 0;
+    --border-spacing-y: 0;
+    --translate-x: 0;
+    --translate-y: 0;
+    --rotate: 0;
+    --skew-x: 0;
+    --skew-y: 0;
+    --scale-x: 1;
+    --scale-y: 1
+    }
+
+  html {
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-size-adjust: 100%
+    }
+
+  body {
+    background: var(--colors-background);
+    color: var(--colors-foreground);
+    font-family: var(--fonts-sans)
+    }
+
+  button {
+    color: inherit;
+    outline: 2px solid transparent
+    }
+
+  * {
+    box-sizing: border-box;
+    font-family: var(--fonts-body)
+    }
+
+  html, body {
+    margin: var(--spacing-0);
+    padding: var(--spacing-0)
+    }
+
+  #root {
+    display: flex;
+    flex-direction: column;
+    height: 100vh
+    }
+}

package/dist/src/styled-system/patterns/link-box.d.mts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import type { SystemStyleObject, ConditionalValue } from '../types/index.d.mts';
+import type { Properties } from '../types/csstype.d.mts';
+import type { PropertyValue } from '../types/prop-type.d.mts';
+import type { DistributiveOmit } from '../types/system-types.d.mts';
+import type { Tokens } from '../tokens/index.d.mts';
+
+export interface LinkBoxProperties {
+   
+}
+
+
+interface LinkBoxStyles extends LinkBoxProperties, DistributiveOmit<SystemStyleObject, keyof LinkBoxProperties > {}
+
+interface LinkBoxPatternFn {
+  (styles?: LinkBoxStyles): string
+  raw: (styles?: LinkBoxStyles) => SystemStyleObject
+}
+
+
+export declare const linkBox: LinkBoxPatternFn;

package/dist/src/styled-system/patterns/link-box.mjs

@@ -0,0 +1,19 @@
+import { mapObject } from '../helpers.mjs';
+import { css } from '../css/index.mjs';
+
+const linkBoxConfig = {
+transform(props) {
+  return {
+    position: "relative",
+    "& :where(a, abbr)": {
+      position: "relative",
+      zIndex: "1"
+    },
+    ...props
+  };
+}}
+
+export const getLinkBoxStyle = (styles = {}) => linkBoxConfig.transform(styles, { map: mapObject })
+
+export const linkBox = (styles) => css(getLinkBoxStyle(styles))
+linkBox.raw = getLinkBoxStyle

package/dist/src/styled-system/recipes/create-recipe.d.mts

@@ -0,0 +1 @@
+/* eslint-disable */

package/dist/src/styled-system/reset.css

@@ -0,0 +1,206 @@
+@layer reset {
+  * {
+    margin: 0;
+    padding: 0;
+    font: inherit;
+  }
+
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+    border-width: 0;
+    border-style: solid;
+    border-color: var(--global-color-border, currentColor);
+  }
+
+  html {
+    line-height: 1.5;
+    --font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+      'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+      'Noto Color Emoji';
+    -webkit-text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -moz-tab-size: 4;
+    tab-size: 4;
+    font-family: var(--global-font-body, var(--font-fallback));
+  }
+
+  hr {
+    height: 0;
+    color: inherit;
+    border-top-width: 1px;
+  }
+
+  body {
+    height: 100%;
+    line-height: inherit;
+  }
+
+  img {
+    border-style: none;
+  }
+
+  img,
+  svg,
+  video,
+  canvas,
+  audio,
+  iframe,
+  embed,
+  object {
+    display: block;
+    vertical-align: middle;
+  }
+
+  img,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    overflow-wrap: break-word;
+  }
+
+  ol,
+  ul {
+    list-style: none;
+  }
+
+  code,
+  kbd,
+  pre,
+  samp {
+    font-size: 1em;
+  }
+
+  button,
+  [type='button'],
+  [type='reset'],
+  [type='submit'] {
+    -webkit-appearance: button;
+    background-color: transparent;
+    background-image: none;
+  }
+
+  button,
+  select {
+    text-transform: none;
+  }
+
+  table {
+    text-indent: 0;
+    border-color: inherit;
+    border-collapse: collapse;
+  }
+
+  input::placeholder,
+  textarea::placeholder {
+    opacity: 1;
+    color: var(--global-color-placeholder, #9ca3af);
+  }
+
+  textarea {
+    resize: vertical;
+  }
+
+  summary {
+    display: list-item;
+  }
+
+  small {
+    font-size: 80%;
+  }
+
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+
+  sub {
+    bottom: -0.25em;
+  }
+
+  sup {
+    top: -0.5em;
+  }
+
+  dialog {
+    padding: 0;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: inherit;
+  }
+
+  abbr:where([title]) {
+    text-decoration: underline dotted;
+  }
+
+  b,
+  strong {
+    font-weight: bolder;
+  }
+
+  code,
+  kbd,
+  samp,
+  pre {
+    font-size: 1em;
+    --font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
+    font-family: var(--global-font-mono, var(--font-fallback));
+  }
+
+
+  input[type="text"],
+  input[type="email"],
+  input[type="search"],
+  input[type="password"] {
+    -webkit-appearance: none;
+    -moz-appearance: none; 
+  }
+
+  input[type='search'] {
+    -webkit-appearance: textfield;
+    outline-offset: -2px;
+  }
+
+  ::-webkit-search-decoration,
+  ::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+  }
+
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button;
+    font: inherit;
+  }
+
+  input[type="number"]::-webkit-inner-spin-button,
+  input[type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+
+  input[type='number']{
+    -moz-appearance: textfield;
+  }
+
+  :-moz-ui-invalid {
+    box-shadow: none;
+  }
+
+  :-moz-focusring {
+    outline: auto;
+  }
+}