@luxonis/component-lib 1.1.5 → 1.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.d.mts +7 -5
- package/dist/index.d.ts +7 -5
- package/dist/index.js +51 -21
- package/dist/index.mjs +50 -21
- package/package.json +8 -6
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-x-0{left:0;right:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-right-4{right:-1rem}.-top-12{top:-3rem}.-top-2{top:-.5rem}.-top-7{top:-1.75rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.left-12{left:3rem}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!size-10{width:2.5rem!important;height:2.5rem!important}.\!size-12{width:3rem!important;height:3rem!important}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-14{width:3.5rem;height:3.5rem}.size-16{width:4rem;height:4rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-\[32px\]{width:32px;height:32px}.size-full{width:100%;height:100%}.\!h-3{height:.75rem!important}.\!h-\[46px\]{height:46px!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[38px\]{height:38px}.h-\[456px\]{height:456px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[810px\]{height:810px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-none{max-height:none!important}.max-h-96{max-height:24rem}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-16{min-height:4rem}.min-h-\[60px\]{min-height:60px}.min-h-\[96px\]{min-height:96px}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-\[32px\]{width:32px}.w-\[345px\]{width:345px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-\[100px\]{min-width:100px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-100vw{max-width:100vw}.max-w-105{max-width:424px}.max-w-96{max-width:24rem}.max-w-\[1\/2\]{max-width:1/2}.max-w-\[75vw\]{max-width:75vw}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-y-\[calc\(-50\%_-_2px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px)}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes expand{0%{transform:scale(0);opacity:.5}to{transform:scale(2);opacity:.1;display:none}}.animate-circle{animation:expand .3s ease-out forwards}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-muted{--tw-border-opacity:1;border-color:rgb(153 153 153/var(--tw-border-opacity,1))}.border-mutedborder{--tw-border-opacity:1;border-color:rgb(120 132 165/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(87 36 232/var(--tw-border-opacity,1))}.border-primaryBorder{border-color:#5724e83d}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-secondaryBorder{--tw-border-opacity:1;border-color:rgb(220 211 247/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-opacity-15{--tw-border-opacity:0.15}.border-opacity-25{--tw-border-opacity:0.25}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:hsla(0,0%,60%,.5)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.bg-primary\/20{background-color:rgba(87,36,232,.2)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(242 239 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-gradient-stereo-depth{background-image:linear-gradient(90deg,#000 -72%,#5724e8 80%)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:#000}.fill-current{fill:currentColor}.fill-white{fill:#fff}.stroke-black{stroke:#000}.stroke-white{stroke:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:.5rem!important}.\!p-4{padding:1rem!important}.\!p-6{padding:1.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-captions-mobile{font-size:.875rem;letter-spacing:-.02em}.text-h1-mobile{font-size:2.75rem;letter-spacing:-.02em}.text-h2-mobile{font-size:2.5rem;letter-spacing:-.02em}.text-h3-mobile{font-size:2rem;letter-spacing:-.02em}.text-h4{font-size:2.5rem;letter-spacing:-.02em}.text-h4-mobile{font-size:1.75rem;letter-spacing:-.02em}.text-h5-mobile{font-size:1.5rem;letter-spacing:-.02em}.text-large-mobile,.text-medium-mobile{font-size:1rem;letter-spacing:-.02em}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xxs{font-size:.625rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-110{line-height:110%}.leading-164{line-height:164%}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-black\/40{color:rgba(0,0,0,.4)}.text-current{color:currentColor}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-semimuted{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-opacity-40{--tw-text-opacity:0.4}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-secondaryBorder{--tw-shadow-color:#dcd3f7;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[background\:radial-gradient\(416\.66\%_106\.71\%_at_76\.3\%_37\.11\%\2c \#5724E8_0\%\2c \#000_100\%\)\2c \#000\]{background:radial-gradient(416.66% 106.71% at 76.3% 37.11%,#5724e8 0,#000 100%),#000}.chat-rich-text{line-height:1.75;.likefield{line-height:.5}a:hover{opacity:.8}a{color:#16bed7;font-weight:500}blockquote{border-left:4px solid #ddd;margin:1em 0;padding:.5em 1em;color:#555;background:#fafafa}pre code{background:#f4f4f4;border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word;white-space:pre-wrap!important}p code{background-color:#f4f4f4;color:#f36d33;border:1px solid #ddd;border-radius:.3em;padding:4px 5px 6px;white-space:nowrap}ol,ul{padding-left:1rem}li{list-style-type:disc;margin:.5em 0}.boticon,.usericon{margin-right:1rem;border-radius:.1rem}h1,h2,h3{font-size:inherit}code{white-space:pre-wrap!important}}.background-gradient{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#190b43 var(--tw-gradient-from-position);--tw-gradient-to:rgba(25,11,67,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(87,36,232,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#5724e8 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#190b43 var(--tw-gradient-to-position)}.bg-dots{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-dots,.bg-dots-primary{--tw-bg-opacity:1;background-image:url(/assets/dots-pattern.webp);background-size:cover;background-position:50%;background-repeat:no-repeat}.bg-dots-primary{background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.card-icon{padding:1rem}.card-icon,.card-icon-smaller{box-sizing:content-box;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.card-icon-smaller{padding:.5rem}.loader{width:48px;height:48px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;--tw-border-opacity:1;border-bottom-color:rgb(87 36 232/var(--tw-border-opacity,1))}.page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4rem}.page-padding{padding-left:1rem;padding-right:1rem}@media (min-width:64rem){.page-padding{padding-left:4rem;padding-right:4rem}}.page-card{display:flex;width:100%;flex-direction:column;align-items:center;border-radius:.5rem}.max-w-page-content,.page-card .page-card-content{max-width:var(--max-content-width)}.page-card .page-card-content{width:100%}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#file::file-selector-button{background-color:#fff;border:none;color:#000;height:100%;border-radius:0 .375rem .375rem 0;cursor:pointer}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-muted\/50:hover{background-color:hsla(0,0%,60%,.5)}.hover\:bg-primary\/80:hover{background-color:rgba(87,36,232,.8)}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(242 239 249/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:rgba(242,239,249,.8)}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:from-white\/8:hover{--tw-gradient-from:hsla(0,0%,100%,.08) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-white\/8:hover{--tw-gradient-to:hsla(0,0%,100%,.08) var(--tw-gradient-to-position)}.hover\:stroke-primary:hover{stroke:#5724e8}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.hover\:text-opacity-60:hover{--tw-text-opacity:0.6}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[\#D0D0D0\]:disabled{--tw-bg-opacity:1;background-color:rgb(208 208 208/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-selected\:text-black[aria-selected=true]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=checked\]\:border-primary[data-state=checked]{--tw-border-opacity:1;border-color:rgb(87 36 232/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:40rem){.sm\:bottom-6{bottom:1.5rem}.sm\:left-auto{left:auto}.sm\:right-6{right:1.5rem}.sm\:flex{display:flex}.sm\:h-\[650px\]{height:650px}.sm\:h-\[914px\]{height:914px}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-\[450px\]{width:450px}.sm\:max-w-95vw{max-width:95vw}.sm\:flex-row{flex-direction:row}.sm\:\!items-center{align-items:center!important}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-6{gap:1.5rem}.sm\:p-5{padding:1.25rem}.sm\:\!text-center{text-align:center!important}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-captions{font-size:.875rem;letter-spacing:-.02em}.sm\:text-h1{font-size:5rem}.sm\:text-h1,.sm\:text-h2{letter-spacing:-.02em}.sm\:text-h2{font-size:4.5rem}.sm\:text-h3{font-size:3rem}.sm\:text-h3,.sm\:text-h4{letter-spacing:-.02em}.sm\:text-h4{font-size:2.5rem}.sm\:text-h5{font-size:2rem;letter-spacing:-.02em}.sm\:text-large{font-size:1.125rem;letter-spacing:-.02em}.sm\:text-medium{font-size:1rem;letter-spacing:-.02em}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:48rem){.md\:hidden{display:none}.md\:h-5\/6{height:83.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:1.5rem}.md\:p-12{padding:3rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:64rem){.lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:max-w-\[350px\]{max-width:350px}.lg\:max-w-\[525px\]{max-width:525px}.lg\:max-w-none{max-width:none}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:gap-24{gap:6rem}.lg\:p-12{padding:3rem}.lg\:\!text-left{text-align:left!important}.lg\:text-left{text-align:left}}@media (min-width:80rem){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-auto{width:auto}.xl\:w-fit{width:-moz-fit-content;width:fit-content}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:gap-10{gap:2.5rem}.xl\:gap-6{gap:1.5rem}.xl\:p-0{padding:0}.xl\:p-8{padding:2rem}.xl\:px-0{padding-left:0;padding-right:0}.xl\:text-left{text-align:left}.xl\:text-h1{font-size:5rem;letter-spacing:-.02em}}@media (prefers-color-scheme:dark){.dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>div\>div\>svg\]\:hover\:border-transparent:hover>div>div>svg{border-color:transparent}.\[\&\>div\>div\]\:hover\:bg-primary:hover>div>div{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.\[\&\>div\>div\]\:hover\:text-white:hover>div>div{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:40rem){.sm\:\[\&\>div\>div\]\:hover\:opacity-45:hover>div>div{opacity:.45}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-45[data-state=open]>svg{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\]\:border-b[data-state=open]{border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-x-0{left:0;right:0}.-bottom-12{bottom:-3rem}.-left-12{left:-3rem}.-right-12{right:-3rem}.-right-4{right:-1rem}.-top-12{top:-3rem}.-top-2{top:-.5rem}.-top-7{top:-1.75rem}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.left-1\/2{left:50%}.left-12{left:3rem}.right-0{right:0}.right-12{right:3rem}.right-2{right:.5rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!size-10{width:2.5rem!important;height:2.5rem!important}.\!size-12{width:3rem!important;height:3rem!important}.size-0{width:0;height:0}.size-10{width:2.5rem;height:2.5rem}.size-14{width:3.5rem;height:3.5rem}.size-16{width:4rem;height:4rem}.size-2\.5{width:.625rem;height:.625rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-\[32px\]{width:32px;height:32px}.size-full{width:100%;height:100%}.\!h-3{height:.75rem!important}.\!h-\[46px\]{height:46px!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[38px\]{height:38px}.h-\[456px\]{height:456px}.h-\[46px\]{height:46px}.h-\[48px\]{height:48px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.\!max-h-none{max-height:none!important}.max-h-96{max-height:24rem}.min-h-0{min-height:0}.min-h-10{min-height:2.5rem}.min-h-16{min-height:4rem}.min-h-\[60px\]{min-height:60px}.min-h-\[96px\]{min-height:96px}.min-h-fit{min-height:-moz-fit-content;min-height:fit-content}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-16{width:4rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-\[32px\]{width:32px}.w-\[345px\]{width:345px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-10{min-width:2.5rem}.min-w-\[100px\]{min-width:100px}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-100vw{max-width:100vw}.max-w-105{max-width:424px}.max-w-96{max-width:24rem}.max-w-\[1\/2\]{max-width:1/2}.max-w-\[75vw\]{max-width:75vw}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-1\/2{--tw-translate-x:50%}.translate-x-1\/2,.translate-y-\[calc\(-50\%_-_2px\)\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px)}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes expand{0%{transform:scale(0);opacity:.5}to{transform:scale(2);opacity:.1;display:none}}.animate-circle{animation:expand .3s ease-out forwards}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-20{-moz-column-gap:5rem;column-gap:5rem}.gap-y-4{row-gap:1rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-scroll{overflow-y:scroll}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.text-nowrap{text-wrap:nowrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-none{border-style:none}.border-muted{--tw-border-opacity:1;border-color:rgb(153 153 153/var(--tw-border-opacity,1))}.border-mutedborder{--tw-border-opacity:1;border-color:rgb(120 132 165/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(87 36 232/var(--tw-border-opacity,1))}.border-primaryBorder{border-color:#5724e83d}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-secondaryBorder{--tw-border-opacity:1;border-color:rgb(220 211 247/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.border-opacity-15{--tw-border-opacity:0.15}.border-opacity-25{--tw-border-opacity:0.25}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-muted{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity,1))}.bg-muted\/50{background-color:hsla(0,0%,60%,.5)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.bg-primary\/20{background-color:rgba(87,36,232,.2)}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(242 239 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-gradient-stereo-depth{background-image:linear-gradient(90deg,#000 -72%,#5724e8 80%)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:#000}.fill-current{fill:currentColor}.fill-white{fill:#fff}.stroke-black{stroke:#000}.stroke-white{stroke:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:.5rem!important}.\!p-4{padding:1rem!important}.\!p-6{padding:1.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1\.5{padding-bottom:.375rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-6{padding-top:1.5rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-captions-mobile{font-size:.875rem;letter-spacing:-.02em}.text-h1-mobile{font-size:2.75rem;letter-spacing:-.02em}.text-h2-mobile{font-size:2.5rem;letter-spacing:-.02em}.text-h3-mobile{font-size:2rem;letter-spacing:-.02em}.text-h4{font-size:2.5rem;letter-spacing:-.02em}.text-h4-mobile{font-size:1.75rem;letter-spacing:-.02em}.text-h5-mobile{font-size:1.5rem;letter-spacing:-.02em}.text-large-mobile,.text-medium-mobile{font-size:1rem;letter-spacing:-.02em}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.text-xxs{font-size:.625rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-110{line-height:110%}.leading-164{line-height:164%}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-black\/40{color:rgba(0,0,0,.4)}.text-current{color:currentColor}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-semimuted{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-opacity-40{--tw-text-opacity:0.4}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-secondaryBorder{--tw-shadow-color:#dcd3f7;--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[background\:radial-gradient\(416\.66\%_106\.71\%_at_76\.3\%_37\.11\%\2c \#5724E8_0\%\2c \#000_100\%\)\2c \#000\]{background:radial-gradient(416.66% 106.71% at 76.3% 37.11%,#5724e8 0,#000 100%),#000}.chat-rich-text{line-height:1.75;.likefield{line-height:.5}a:hover{opacity:.8}a{color:#16bed7;font-weight:500}blockquote{border-left:4px solid #ddd;margin:1em 0;padding:.5em 1em;color:#555;background:#fafafa}pre code{background:#f4f4f4;border:1px solid #ddd;border-left:3px solid #f36d33;color:#666;page-break-inside:avoid;font-family:monospace;font-size:15px;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1em 1.5em;display:block;word-wrap:break-word;white-space:pre-wrap!important}p code{background-color:#f4f4f4;color:#f36d33;border:1px solid #ddd;border-radius:.3em;padding:4px 5px 6px;white-space:nowrap}ol,ul{padding-left:1rem}li{list-style-type:disc;margin:.5em 0}.boticon,.usericon{margin-right:1rem;border-radius:.1rem}h1,h2,h3{font-size:inherit}code{white-space:pre-wrap!important}}.background-gradient{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#190b43 var(--tw-gradient-from-position);--tw-gradient-to:rgba(25,11,67,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(87,36,232,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#5724e8 var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#190b43 var(--tw-gradient-to-position)}.bg-dots{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-dots,.bg-dots-primary{--tw-bg-opacity:1;background-image:url(/assets/dots-pattern.webp);background-size:cover;background-position:50%;background-repeat:no-repeat}.bg-dots-primary{background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.card-icon{padding:1rem}.card-icon,.card-icon-smaller{box-sizing:content-box;border-radius:.125rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.card-icon-smaller{padding:.5rem}.loader{width:48px;height:48px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;--tw-border-opacity:1;border-bottom-color:rgb(87 36 232/var(--tw-border-opacity,1))}.page{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4rem}.page-padding{padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.page-padding{padding-left:4rem;padding-right:4rem}}.page-card{display:flex;width:100%;flex-direction:column;align-items:center;border-radius:.5rem}.max-w-page-content,.page-card .page-card-content{max-width:var(--max-content-width)}.page-card .page-card-content{width:100%}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#file::file-selector-button{background-color:#fff;border:none;color:#000;height:100%;border-radius:0 .375rem .375rem 0;cursor:pointer}.placeholder\:text-muted::-moz-placeholder{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.placeholder\:text-muted::placeholder{--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity,1))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-muted\/50:hover{background-color:hsla(0,0%,60%,.5)}.hover\:bg-primary\/80:hover{background-color:rgba(87,36,232,.8)}.hover\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(242 239 249/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:rgba(242,239,249,.8)}.hover\:bg-gradient-to-l:hover{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.hover\:from-white\/8:hover{--tw-gradient-from:hsla(0,0%,100%,.08) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-white\/8:hover{--tw-gradient-to:hsla(0,0%,100%,.08) var(--tw-gradient-to-position)}.hover\:stroke-primary:hover{stroke:#5724e8}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(87 36 232/var(--tw-text-opacity,1))}.hover\:text-opacity-60:hover{--tw-text-opacity:0.6}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[\#D0D0D0\]:disabled{--tw-bg-opacity:1;background-color:rgb(208 208 208/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-selected\:text-black[aria-selected=true]{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.data-\[state\=checked\]\:border-primary[data-state=checked]{--tw-border-opacity:1;border-color:rgb(87 36 232/var(--tw-border-opacity,1))}.data-\[state\=checked\]\:bg-primary[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{--tw-bg-opacity:1;background-color:rgb(153 153 153/var(--tw-bg-opacity,1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:bottom-6{bottom:1.5rem}.sm\:left-auto{left:auto}.sm\:right-6{right:1.5rem}.sm\:flex{display:flex}.sm\:h-\[650px\]{height:650px}.sm\:max-h-\[90vh\]{max-height:90vh}.sm\:w-\[450px\]{width:450px}.sm\:max-w-95vw{max-width:95vw}.sm\:flex-row{flex-direction:row}.sm\:\!items-center{align-items:center!important}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-6{gap:1.5rem}.sm\:p-5{padding:1.25rem}.sm\:\!text-center{text-align:center!important}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-captions{font-size:.875rem;letter-spacing:-.02em}.sm\:text-h1{font-size:5rem}.sm\:text-h1,.sm\:text-h2{letter-spacing:-.02em}.sm\:text-h2{font-size:4.5rem}.sm\:text-h3{font-size:3rem}.sm\:text-h3,.sm\:text-h4{letter-spacing:-.02em}.sm\:text-h4{font-size:2.5rem}.sm\:text-h5{font-size:2rem;letter-spacing:-.02em}.sm\:text-large{font-size:1.125rem;letter-spacing:-.02em}.sm\:text-medium{font-size:1rem;letter-spacing:-.02em}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:hidden{display:none}.md\:h-5\/6{height:83.333333%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-end{align-items:flex-end}.md\:justify-start{justify-content:flex-start}.md\:gap-6{gap:1.5rem}.md\:p-12{padding:3rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1024px){.lg\:w-1\/2{width:50%}.lg\:w-2\/5{width:40%}.lg\:max-w-\[350px\]{max-width:350px}.lg\:max-w-\[525px\]{max-width:525px}.lg\:max-w-none{max-width:none}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:justify-around{justify-content:space-around}.lg\:gap-24{gap:6rem}.lg\:p-12{padding:3rem}.lg\:\!text-left{text-align:left!important}.lg\:text-left{text-align:left}}@media (min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}.xl\:w-auto{width:auto}.xl\:w-fit{width:-moz-fit-content;width:fit-content}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:gap-10{gap:2.5rem}.xl\:gap-6{gap:1.5rem}.xl\:p-0{padding:0}.xl\:p-8{padding:2rem}.xl\:px-0{padding-left:0;padding-right:0}.xl\:text-left{text-align:left}.xl\:text-h1{font-size:5rem;letter-spacing:-.02em}}@media (prefers-color-scheme:dark){.dark\:data-\[state\=checked\]\:bg-primary[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>div\>div\>svg\]\:hover\:border-transparent:hover>div>div>svg{border-color:transparent}.\[\&\>div\>div\]\:hover\:bg-primary:hover>div>div{--tw-bg-opacity:1;background-color:rgb(87 36 232/var(--tw-bg-opacity,1))}.\[\&\>div\>div\]\:hover\:text-white:hover>div>div{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:\[\&\>div\>div\]\:hover\:opacity-45:hover>div>div{opacity:.45}}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-45[data-state=open]>svg{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\]\:border-b[data-state=open]{border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}
|
package/dist/index.d.mts
CHANGED
|
@@ -122,7 +122,7 @@ type StyledDescriptionProps = {
|
|
|
122
122
|
innerGap?: VariantProps<typeof InnerGap>['innerGap'];
|
|
123
123
|
} & VariantProps<typeof DescriptionRecepie> & DescriptionType;
|
|
124
124
|
declare const DescriptionRecepie: (props?: ({
|
|
125
|
-
align?: "center" | "left" | "right" | "
|
|
125
|
+
align?: "center" | "left" | "right" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | "allwayscenter" | null | undefined;
|
|
126
126
|
gap?: "none" | "lg" | "normal" | null | undefined;
|
|
127
127
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
128
128
|
declare const InnerGap: (props?: ({
|
|
@@ -209,7 +209,7 @@ declare const styledText: (props?: ({
|
|
|
209
209
|
weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
210
210
|
fontStyle?: "normal" | "italic" | "capitalize" | "uppercase" | null | undefined;
|
|
211
211
|
spaces?: "trim" | "normal" | "preserve" | null | undefined;
|
|
212
|
-
align?: "center" | "left" | "normal" | "right" | null | undefined;
|
|
212
|
+
align?: "center" | "left" | "normal" | "right" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | null | undefined;
|
|
213
213
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
214
214
|
interface TextProps extends VariantProps<typeof styledText>, Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
|
|
215
215
|
text: React__default.ReactNode;
|
|
@@ -225,6 +225,7 @@ interface VideoComponentProps {
|
|
|
225
225
|
buttonFullscreen?: boolean;
|
|
226
226
|
wrapperClassName?: string;
|
|
227
227
|
autoPlayInView?: boolean;
|
|
228
|
+
buttonMute?: boolean;
|
|
228
229
|
}
|
|
229
230
|
declare function Video(props: VideoComponentProps & React__default.VideoHTMLAttributes<HTMLVideoElement>): react_jsx_runtime.JSX.Element;
|
|
230
231
|
declare namespace Video {
|
|
@@ -320,14 +321,15 @@ declare const services = "/services";
|
|
|
320
321
|
declare const bloomberg = "https://www.bloomberg.com/news/articles/2021-03-11/oak-d-device-paves-the-way-for-future-spatial-ai";
|
|
321
322
|
declare const forbes = "https://www.forbes.com/sites/gusalexiou/2021/03/24/cutting-edge-intel-ai-powered-backpack-could-replace-a-guide-dog-for-blind-people/?sh=70bb63d01b36";
|
|
322
323
|
declare const techcrunch = "https://techcrunch.com/2020/07/14/opencv-ai-kit-aims-to-do-for-computer-vision-what-raspberry-pi-did-for-hobbyist-hardware/";
|
|
323
|
-
declare const camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-
|
|
324
|
+
declare const camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-col";
|
|
324
325
|
declare const modulesProducts = "https://shop.luxonis.com/collections/oak-modules";
|
|
325
326
|
declare const accessoriesProducts = "https://shop.luxonis.com/collections/accessories";
|
|
326
327
|
declare const earlyAccessProducts = "https://shop.luxonis.com/collections/early-access";
|
|
328
|
+
declare const prototypeAccessProducts = "https://shop.luxonis.com/collections/prototype-access";
|
|
327
329
|
declare const supportForm = "https://share-eu1.hsforms.com/1qY1TD1LgRU27qYXxzRyHNgf2chh";
|
|
328
330
|
declare const servicesMeetLink = "https://meetings-eu1.hubspot.com/bradley1/luxonis-services-";
|
|
329
331
|
declare const replayInstructions = "https://docs-beta.luxonis.com/cloud/perception-apps/robothub-library/replay/";
|
|
330
|
-
declare const contactLink = "https://meetings-eu1.hubspot.com/cj-mann/
|
|
332
|
+
declare const contactLink = "https://meetings-eu1.hubspot.com/cj-mann/sales-discussion";
|
|
331
333
|
|
|
332
334
|
type useChatContextProps = {
|
|
333
335
|
chatOpened: boolean;
|
|
@@ -340,4 +342,4 @@ type useChatContextProps = {
|
|
|
340
342
|
declare const useChatContext: React__default.Context<useChatContextProps | null>;
|
|
341
343
|
declare function useChat(): useChatContextProps;
|
|
342
344
|
|
|
343
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatButton, Checkbox, CodeBlock, ContactUsForm, ContactUsSection, Copyright, Description, type DescriptionType, DualRangeSlider, EdgeSlideshow, FrostedCard, Hero, type HeroSectionProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Progress, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StereoDepthCalibration, type StyledDescriptionProps, Support, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkToSalesButton, Text, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Video, aboutUs, accessoriesProducts, applyMail, applyMailClean, badgeVariants, blog, bloomberg, buttonVariants, camerasProducts, careers, certificates, contactLink, depthaiHardwareProject, discord, distributorForm, distributors, docs, earlyAccessProducts, forbes, forum, getStoreSearchLink, github, kickstarter, linkedin, marketing, modulesProducts, oakRealsenseDocs, parseNewLines, privacy, raeStorepage, replayInstructions, robothub, robothubInternal, salesMail, salesMailClean, services, servicesMeetLink, showcase, showcaseMail, showcaseMailClean, status, stereoTuningAssistance, store, supportForm, supportMail, supportMailClean, techcrunch, termsOfService, twitter, useChat, useChatContext, type useChatContextProps, useRudderStackAnalytics, youtube };
|
|
345
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatButton, Checkbox, CodeBlock, ContactUsForm, ContactUsSection, Copyright, Description, type DescriptionType, DualRangeSlider, EdgeSlideshow, FrostedCard, Hero, type HeroSectionProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Progress, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StereoDepthCalibration, type StyledDescriptionProps, Support, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkToSalesButton, Text, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Video, aboutUs, accessoriesProducts, applyMail, applyMailClean, badgeVariants, blog, bloomberg, buttonVariants, camerasProducts, careers, certificates, contactLink, depthaiHardwareProject, discord, distributorForm, distributors, docs, earlyAccessProducts, forbes, forum, getStoreSearchLink, github, kickstarter, linkedin, marketing, modulesProducts, oakRealsenseDocs, parseNewLines, privacy, prototypeAccessProducts, raeStorepage, replayInstructions, robothub, robothubInternal, salesMail, salesMailClean, services, servicesMeetLink, showcase, showcaseMail, showcaseMailClean, status, stereoTuningAssistance, store, supportForm, supportMail, supportMailClean, techcrunch, termsOfService, twitter, useChat, useChatContext, type useChatContextProps, useRudderStackAnalytics, youtube };
|
package/dist/index.d.ts
CHANGED
|
@@ -122,7 +122,7 @@ type StyledDescriptionProps = {
|
|
|
122
122
|
innerGap?: VariantProps<typeof InnerGap>['innerGap'];
|
|
123
123
|
} & VariantProps<typeof DescriptionRecepie> & DescriptionType;
|
|
124
124
|
declare const DescriptionRecepie: (props?: ({
|
|
125
|
-
align?: "center" | "left" | "right" | "
|
|
125
|
+
align?: "center" | "left" | "right" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | "allwayscenter" | null | undefined;
|
|
126
126
|
gap?: "none" | "lg" | "normal" | null | undefined;
|
|
127
127
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
128
128
|
declare const InnerGap: (props?: ({
|
|
@@ -209,7 +209,7 @@ declare const styledText: (props?: ({
|
|
|
209
209
|
weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
|
|
210
210
|
fontStyle?: "normal" | "italic" | "capitalize" | "uppercase" | null | undefined;
|
|
211
211
|
spaces?: "trim" | "normal" | "preserve" | null | undefined;
|
|
212
|
-
align?: "center" | "left" | "normal" | "right" | null | undefined;
|
|
212
|
+
align?: "center" | "left" | "normal" | "right" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | null | undefined;
|
|
213
213
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
214
214
|
interface TextProps extends VariantProps<typeof styledText>, Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
|
|
215
215
|
text: React__default.ReactNode;
|
|
@@ -225,6 +225,7 @@ interface VideoComponentProps {
|
|
|
225
225
|
buttonFullscreen?: boolean;
|
|
226
226
|
wrapperClassName?: string;
|
|
227
227
|
autoPlayInView?: boolean;
|
|
228
|
+
buttonMute?: boolean;
|
|
228
229
|
}
|
|
229
230
|
declare function Video(props: VideoComponentProps & React__default.VideoHTMLAttributes<HTMLVideoElement>): react_jsx_runtime.JSX.Element;
|
|
230
231
|
declare namespace Video {
|
|
@@ -320,14 +321,15 @@ declare const services = "/services";
|
|
|
320
321
|
declare const bloomberg = "https://www.bloomberg.com/news/articles/2021-03-11/oak-d-device-paves-the-way-for-future-spatial-ai";
|
|
321
322
|
declare const forbes = "https://www.forbes.com/sites/gusalexiou/2021/03/24/cutting-edge-intel-ai-powered-backpack-could-replace-a-guide-dog-for-blind-people/?sh=70bb63d01b36";
|
|
322
323
|
declare const techcrunch = "https://techcrunch.com/2020/07/14/opencv-ai-kit-aims-to-do-for-computer-vision-what-raspberry-pi-did-for-hobbyist-hardware/";
|
|
323
|
-
declare const camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-
|
|
324
|
+
declare const camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-col";
|
|
324
325
|
declare const modulesProducts = "https://shop.luxonis.com/collections/oak-modules";
|
|
325
326
|
declare const accessoriesProducts = "https://shop.luxonis.com/collections/accessories";
|
|
326
327
|
declare const earlyAccessProducts = "https://shop.luxonis.com/collections/early-access";
|
|
328
|
+
declare const prototypeAccessProducts = "https://shop.luxonis.com/collections/prototype-access";
|
|
327
329
|
declare const supportForm = "https://share-eu1.hsforms.com/1qY1TD1LgRU27qYXxzRyHNgf2chh";
|
|
328
330
|
declare const servicesMeetLink = "https://meetings-eu1.hubspot.com/bradley1/luxonis-services-";
|
|
329
331
|
declare const replayInstructions = "https://docs-beta.luxonis.com/cloud/perception-apps/robothub-library/replay/";
|
|
330
|
-
declare const contactLink = "https://meetings-eu1.hubspot.com/cj-mann/
|
|
332
|
+
declare const contactLink = "https://meetings-eu1.hubspot.com/cj-mann/sales-discussion";
|
|
331
333
|
|
|
332
334
|
type useChatContextProps = {
|
|
333
335
|
chatOpened: boolean;
|
|
@@ -340,4 +342,4 @@ type useChatContextProps = {
|
|
|
340
342
|
declare const useChatContext: React__default.Context<useChatContextProps | null>;
|
|
341
343
|
declare function useChat(): useChatContextProps;
|
|
342
344
|
|
|
343
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatButton, Checkbox, CodeBlock, ContactUsForm, ContactUsSection, Copyright, Description, type DescriptionType, DualRangeSlider, EdgeSlideshow, FrostedCard, Hero, type HeroSectionProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Progress, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StereoDepthCalibration, type StyledDescriptionProps, Support, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkToSalesButton, Text, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Video, aboutUs, accessoriesProducts, applyMail, applyMailClean, badgeVariants, blog, bloomberg, buttonVariants, camerasProducts, careers, certificates, contactLink, depthaiHardwareProject, discord, distributorForm, distributors, docs, earlyAccessProducts, forbes, forum, getStoreSearchLink, github, kickstarter, linkedin, marketing, modulesProducts, oakRealsenseDocs, parseNewLines, privacy, raeStorepage, replayInstructions, robothub, robothubInternal, salesMail, salesMailClean, services, servicesMeetLink, showcase, showcaseMail, showcaseMailClean, status, stereoTuningAssistance, store, supportForm, supportMail, supportMailClean, techcrunch, termsOfService, twitter, useChat, useChatContext, type useChatContextProps, useRudderStackAnalytics, youtube };
|
|
345
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChatButton, Checkbox, CodeBlock, ContactUsForm, ContactUsSection, Copyright, Description, type DescriptionType, DualRangeSlider, EdgeSlideshow, FrostedCard, Hero, type HeroSectionProps, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, Progress, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, StereoDepthCalibration, type StyledDescriptionProps, Support, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TalkToSalesButton, Text, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Video, aboutUs, accessoriesProducts, applyMail, applyMailClean, badgeVariants, blog, bloomberg, buttonVariants, camerasProducts, careers, certificates, contactLink, depthaiHardwareProject, discord, distributorForm, distributors, docs, earlyAccessProducts, forbes, forum, getStoreSearchLink, github, kickstarter, linkedin, marketing, modulesProducts, oakRealsenseDocs, parseNewLines, privacy, prototypeAccessProducts, raeStorepage, replayInstructions, robothub, robothubInternal, salesMail, salesMailClean, services, servicesMeetLink, showcase, showcaseMail, showcaseMailClean, status, stereoTuningAssistance, store, supportForm, supportMail, supportMailClean, techcrunch, termsOfService, twitter, useChat, useChatContext, type useChatContextProps, useRudderStackAnalytics, youtube };
|
package/dist/index.js
CHANGED
|
@@ -123,6 +123,7 @@ __export(index_exports, {
|
|
|
123
123
|
oakRealsenseDocs: () => oakRealsenseDocs,
|
|
124
124
|
parseNewLines: () => parseNewLines,
|
|
125
125
|
privacy: () => privacy,
|
|
126
|
+
prototypeAccessProducts: () => prototypeAccessProducts,
|
|
126
127
|
raeStorepage: () => raeStorepage,
|
|
127
128
|
replayInstructions: () => replayInstructions,
|
|
128
129
|
robothub: () => robothub,
|
|
@@ -652,7 +653,10 @@ var styledText = (0, import_class_variance_authority6.cva)("block", {
|
|
|
652
653
|
center: "text-center",
|
|
653
654
|
left: "text-left",
|
|
654
655
|
right: "text-right",
|
|
655
|
-
normal: ""
|
|
656
|
+
normal: "",
|
|
657
|
+
leftCenterMobile: "text-left sm:text-center",
|
|
658
|
+
desktopCenterMobileLeft: "text-left sm:text-center",
|
|
659
|
+
desktopLeftMobileCenter: "text-center lg:text-left"
|
|
656
660
|
}
|
|
657
661
|
},
|
|
658
662
|
defaultVariants: {
|
|
@@ -803,7 +807,7 @@ var Description = (props) => {
|
|
|
803
807
|
className: (0, import_class_variance_authority7.cx)(DescriptionRecepie({ align }), "max-w-105", textStyle, descriptionStyle),
|
|
804
808
|
align: alingText
|
|
805
809
|
}
|
|
806
|
-
) }) : description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: "lg", text: description, className: (0, import_class_variance_authority7.cx)("max-w-105", textStyle), align: alingText })
|
|
810
|
+
) }) : description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Text, { size: "lg", text: description, className: (0, import_class_variance_authority7.cx)("max-w-105", textStyle, descriptionStyle), align: alingText })
|
|
807
811
|
] }),
|
|
808
812
|
children
|
|
809
813
|
] });
|
|
@@ -823,32 +827,32 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
|
823
827
|
var Hero = (props) => {
|
|
824
828
|
const { title, description, button, bgImageLink, desctipionSize = "default" } = props;
|
|
825
829
|
const descriptionSize = () => {
|
|
826
|
-
if (!description)
|
|
827
|
-
|
|
828
|
-
}
|
|
829
|
-
if (desctipionSize === "lg") {
|
|
830
|
-
return (0, import_class_variance_authority9.cx)("lg:max-w-[525px] max-w-96");
|
|
831
|
-
}
|
|
832
|
-
return "lg:max-w-[350px] max-w-96";
|
|
830
|
+
if (!description) return "";
|
|
831
|
+
return desctipionSize === "lg" ? (0, import_class_variance_authority9.cx)("lg:max-w-[525px] max-w-96") : "lg:max-w-[350px] max-w-96";
|
|
833
832
|
};
|
|
834
833
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
|
|
835
834
|
"section",
|
|
836
835
|
{
|
|
837
836
|
style: {
|
|
838
|
-
backgroundImage: bgImageLink && `url(${bgImageLink})
|
|
839
|
-
backgroundPosition: "center",
|
|
840
|
-
backgroundRepeat: "no-repeat"
|
|
837
|
+
backgroundImage: bgImageLink && `url(${bgImageLink})`
|
|
841
838
|
},
|
|
842
|
-
className: "page-card page-padding relative overflow-hidden !rounded-none bg-black bg-cover
|
|
839
|
+
className: "page-card page-padding relative overflow-hidden !rounded-none bg-black bg-cover bg-center bg-no-repeat",
|
|
843
840
|
children: [
|
|
844
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "
|
|
845
|
-
|
|
846
|
-
/* @__PURE__ */ (0, import_jsx_runtime11.
|
|
841
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute inset-0 z-0", children: props.children }),
|
|
842
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "page-card-content relative z-10 h-screen w-full", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "absolute inset-x-0 bottom-10 mx-auto flex w-full flex-col items-center justify-between gap-4 md:flex-row md:items-end ", children: [
|
|
843
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex w-full flex-row justify-center text-white md:justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
844
|
+
Text,
|
|
845
|
+
{
|
|
846
|
+
text: title,
|
|
847
|
+
size: "h1",
|
|
848
|
+
className: "w-96 text-h4 sm:text-h4 xl:w-auto xl:text-h1"
|
|
849
|
+
}
|
|
850
|
+
) }),
|
|
851
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: (0, import_class_variance_authority9.cx)("flex flex-col gap-8 md:gap-6", descriptionSize()), children: [
|
|
847
852
|
description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Text, { text: description, color: "white", size: "lg" }),
|
|
848
853
|
button
|
|
849
854
|
] })
|
|
850
|
-
] }) })
|
|
851
|
-
props.children
|
|
855
|
+
] }) })
|
|
852
856
|
]
|
|
853
857
|
}
|
|
854
858
|
);
|
|
@@ -1218,11 +1222,14 @@ function Video(props) {
|
|
|
1218
1222
|
wrapperClassName,
|
|
1219
1223
|
autoPlayInView,
|
|
1220
1224
|
buttonFullscreen,
|
|
1225
|
+
buttonMute = false,
|
|
1221
1226
|
...rest
|
|
1222
1227
|
} = props;
|
|
1223
1228
|
const videoRef = (0, import_react10.useRef)(null);
|
|
1229
|
+
const handle = (0, import_react_full_screen.useFullScreenHandle)();
|
|
1224
1230
|
const { ref, inView } = (0, import_react_intersection_observer.useInView)({});
|
|
1225
1231
|
const [isPlaying, setIsPlaying] = (0, import_react10.useState)(true);
|
|
1232
|
+
const [isMuted, setIsMuted] = (0, import_react10.useState)(rest.muted ?? true);
|
|
1226
1233
|
const setPlaying = () => {
|
|
1227
1234
|
if (isPlaying) {
|
|
1228
1235
|
videoRef.current?.pause();
|
|
@@ -1232,6 +1239,13 @@ function Video(props) {
|
|
|
1232
1239
|
setIsPlaying(true);
|
|
1233
1240
|
videoRef.current?.play();
|
|
1234
1241
|
};
|
|
1242
|
+
const toggleMute = () => {
|
|
1243
|
+
if (videoRef.current) {
|
|
1244
|
+
const newMuted = !videoRef.current.muted;
|
|
1245
|
+
videoRef.current.muted = newMuted;
|
|
1246
|
+
setIsMuted(newMuted);
|
|
1247
|
+
}
|
|
1248
|
+
};
|
|
1235
1249
|
(0, import_react10.useEffect)(() => {
|
|
1236
1250
|
if (autoPlayInView && inView) {
|
|
1237
1251
|
videoRef.current?.play();
|
|
@@ -1244,7 +1258,6 @@ function Video(props) {
|
|
|
1244
1258
|
v.currentTime = 0;
|
|
1245
1259
|
void v.play();
|
|
1246
1260
|
};
|
|
1247
|
-
const handle = (0, import_react_full_screen.useFullScreenHandle)();
|
|
1248
1261
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_full_screen.FullScreen, { handle, className: `flex items-center justify-center `, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_class_variance_authority18.cx)("relative size-full", handle.active ? "!max-h-none" : "", wrapperClassName), ref, children: [
|
|
1249
1262
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1250
1263
|
"video",
|
|
@@ -1254,10 +1267,25 @@ function Video(props) {
|
|
|
1254
1267
|
ref: videoRef,
|
|
1255
1268
|
className: (0, import_class_variance_authority18.cx)("size-full object-cover", className, handle.active ? "!max-h-none" : ""),
|
|
1256
1269
|
src,
|
|
1270
|
+
muted: isMuted,
|
|
1257
1271
|
children: "Your browser does not support the video tag."
|
|
1258
1272
|
}
|
|
1259
1273
|
),
|
|
1260
1274
|
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "absolute bottom-2 right-2 z-10 flex items-center justify-center gap-2", children: [
|
|
1275
|
+
buttonMute && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1276
|
+
"button",
|
|
1277
|
+
{
|
|
1278
|
+
className: "flex size-10 items-center justify-center rounded-full bg-black/50 text-white",
|
|
1279
|
+
onClick: toggleMute,
|
|
1280
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1281
|
+
import_react11.Icon,
|
|
1282
|
+
{
|
|
1283
|
+
icon: isMuted ? "mdi:volume-off" : "mdi:volume-high",
|
|
1284
|
+
className: "text-xl"
|
|
1285
|
+
}
|
|
1286
|
+
)
|
|
1287
|
+
}
|
|
1288
|
+
),
|
|
1261
1289
|
buttonRepeat && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1262
1290
|
"button",
|
|
1263
1291
|
{
|
|
@@ -2192,14 +2220,15 @@ var services = "/services";
|
|
|
2192
2220
|
var bloomberg = "https://www.bloomberg.com/news/articles/2021-03-11/oak-d-device-paves-the-way-for-future-spatial-ai";
|
|
2193
2221
|
var forbes = "https://www.forbes.com/sites/gusalexiou/2021/03/24/cutting-edge-intel-ai-powered-backpack-could-replace-a-guide-dog-for-blind-people/?sh=70bb63d01b36";
|
|
2194
2222
|
var techcrunch = "https://techcrunch.com/2020/07/14/opencv-ai-kit-aims-to-do-for-computer-vision-what-raspberry-pi-did-for-hobbyist-hardware/";
|
|
2195
|
-
var camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-
|
|
2223
|
+
var camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-col";
|
|
2196
2224
|
var modulesProducts = "https://shop.luxonis.com/collections/oak-modules";
|
|
2197
2225
|
var accessoriesProducts = "https://shop.luxonis.com/collections/accessories";
|
|
2198
2226
|
var earlyAccessProducts = "https://shop.luxonis.com/collections/early-access";
|
|
2227
|
+
var prototypeAccessProducts = "https://shop.luxonis.com/collections/prototype-access";
|
|
2199
2228
|
var supportForm = "https://share-eu1.hsforms.com/1qY1TD1LgRU27qYXxzRyHNgf2chh";
|
|
2200
2229
|
var servicesMeetLink = "https://meetings-eu1.hubspot.com/bradley1/luxonis-services-";
|
|
2201
2230
|
var replayInstructions = "https://docs-beta.luxonis.com/cloud/perception-apps/robothub-library/replay/";
|
|
2202
|
-
var contactLink = "https://meetings-eu1.hubspot.com/cj-mann/
|
|
2231
|
+
var contactLink = "https://meetings-eu1.hubspot.com/cj-mann/sales-discussion";
|
|
2203
2232
|
|
|
2204
2233
|
// src/TalkToSalesButton.tsx
|
|
2205
2234
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
@@ -2520,6 +2549,7 @@ function useChat() {
|
|
|
2520
2549
|
oakRealsenseDocs,
|
|
2521
2550
|
parseNewLines,
|
|
2522
2551
|
privacy,
|
|
2552
|
+
prototypeAccessProducts,
|
|
2523
2553
|
raeStorepage,
|
|
2524
2554
|
replayInstructions,
|
|
2525
2555
|
robothub,
|
package/dist/index.mjs
CHANGED
|
@@ -502,7 +502,10 @@ var styledText = cva4("block", {
|
|
|
502
502
|
center: "text-center",
|
|
503
503
|
left: "text-left",
|
|
504
504
|
right: "text-right",
|
|
505
|
-
normal: ""
|
|
505
|
+
normal: "",
|
|
506
|
+
leftCenterMobile: "text-left sm:text-center",
|
|
507
|
+
desktopCenterMobileLeft: "text-left sm:text-center",
|
|
508
|
+
desktopLeftMobileCenter: "text-center lg:text-left"
|
|
506
509
|
}
|
|
507
510
|
},
|
|
508
511
|
defaultVariants: {
|
|
@@ -653,7 +656,7 @@ var Description = (props) => {
|
|
|
653
656
|
className: cx7(DescriptionRecepie({ align }), "max-w-105", textStyle, descriptionStyle),
|
|
654
657
|
align: alingText
|
|
655
658
|
}
|
|
656
|
-
) }) : description && /* @__PURE__ */ jsx9(Text, { size: "lg", text: description, className: cx7("max-w-105", textStyle), align: alingText })
|
|
659
|
+
) }) : description && /* @__PURE__ */ jsx9(Text, { size: "lg", text: description, className: cx7("max-w-105", textStyle, descriptionStyle), align: alingText })
|
|
657
660
|
] }),
|
|
658
661
|
children
|
|
659
662
|
] });
|
|
@@ -673,32 +676,32 @@ import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
|
673
676
|
var Hero = (props) => {
|
|
674
677
|
const { title, description, button, bgImageLink, desctipionSize = "default" } = props;
|
|
675
678
|
const descriptionSize = () => {
|
|
676
|
-
if (!description)
|
|
677
|
-
|
|
678
|
-
}
|
|
679
|
-
if (desctipionSize === "lg") {
|
|
680
|
-
return cx9("lg:max-w-[525px] max-w-96");
|
|
681
|
-
}
|
|
682
|
-
return "lg:max-w-[350px] max-w-96";
|
|
679
|
+
if (!description) return "";
|
|
680
|
+
return desctipionSize === "lg" ? cx9("lg:max-w-[525px] max-w-96") : "lg:max-w-[350px] max-w-96";
|
|
683
681
|
};
|
|
684
682
|
return /* @__PURE__ */ jsxs6(
|
|
685
683
|
"section",
|
|
686
684
|
{
|
|
687
685
|
style: {
|
|
688
|
-
backgroundImage: bgImageLink && `url(${bgImageLink})
|
|
689
|
-
backgroundPosition: "center",
|
|
690
|
-
backgroundRepeat: "no-repeat"
|
|
686
|
+
backgroundImage: bgImageLink && `url(${bgImageLink})`
|
|
691
687
|
},
|
|
692
|
-
className: "page-card page-padding relative overflow-hidden !rounded-none bg-black bg-cover
|
|
688
|
+
className: "page-card page-padding relative overflow-hidden !rounded-none bg-black bg-cover bg-center bg-no-repeat",
|
|
693
689
|
children: [
|
|
694
|
-
/* @__PURE__ */ jsx11("div", { className: "
|
|
695
|
-
|
|
696
|
-
/* @__PURE__ */
|
|
690
|
+
/* @__PURE__ */ jsx11("div", { className: "absolute inset-0 z-0", children: props.children }),
|
|
691
|
+
/* @__PURE__ */ jsx11("div", { className: "page-card-content relative z-10 h-screen w-full", children: /* @__PURE__ */ jsxs6("div", { className: "absolute inset-x-0 bottom-10 mx-auto flex w-full flex-col items-center justify-between gap-4 md:flex-row md:items-end ", children: [
|
|
692
|
+
/* @__PURE__ */ jsx11("div", { className: "flex w-full flex-row justify-center text-white md:justify-start", children: /* @__PURE__ */ jsx11(
|
|
693
|
+
Text,
|
|
694
|
+
{
|
|
695
|
+
text: title,
|
|
696
|
+
size: "h1",
|
|
697
|
+
className: "w-96 text-h4 sm:text-h4 xl:w-auto xl:text-h1"
|
|
698
|
+
}
|
|
699
|
+
) }),
|
|
700
|
+
/* @__PURE__ */ jsxs6("div", { className: cx9("flex flex-col gap-8 md:gap-6", descriptionSize()), children: [
|
|
697
701
|
description && /* @__PURE__ */ jsx11(Text, { text: description, color: "white", size: "lg" }),
|
|
698
702
|
button
|
|
699
703
|
] })
|
|
700
|
-
] }) })
|
|
701
|
-
props.children
|
|
704
|
+
] }) })
|
|
702
705
|
]
|
|
703
706
|
}
|
|
704
707
|
);
|
|
@@ -1068,11 +1071,14 @@ function Video(props) {
|
|
|
1068
1071
|
wrapperClassName,
|
|
1069
1072
|
autoPlayInView,
|
|
1070
1073
|
buttonFullscreen,
|
|
1074
|
+
buttonMute = false,
|
|
1071
1075
|
...rest
|
|
1072
1076
|
} = props;
|
|
1073
1077
|
const videoRef = useRef3(null);
|
|
1078
|
+
const handle = useFullScreenHandle();
|
|
1074
1079
|
const { ref, inView } = useInView({});
|
|
1075
1080
|
const [isPlaying, setIsPlaying] = useState4(true);
|
|
1081
|
+
const [isMuted, setIsMuted] = useState4(rest.muted ?? true);
|
|
1076
1082
|
const setPlaying = () => {
|
|
1077
1083
|
if (isPlaying) {
|
|
1078
1084
|
videoRef.current?.pause();
|
|
@@ -1082,6 +1088,13 @@ function Video(props) {
|
|
|
1082
1088
|
setIsPlaying(true);
|
|
1083
1089
|
videoRef.current?.play();
|
|
1084
1090
|
};
|
|
1091
|
+
const toggleMute = () => {
|
|
1092
|
+
if (videoRef.current) {
|
|
1093
|
+
const newMuted = !videoRef.current.muted;
|
|
1094
|
+
videoRef.current.muted = newMuted;
|
|
1095
|
+
setIsMuted(newMuted);
|
|
1096
|
+
}
|
|
1097
|
+
};
|
|
1085
1098
|
useEffect2(() => {
|
|
1086
1099
|
if (autoPlayInView && inView) {
|
|
1087
1100
|
videoRef.current?.play();
|
|
@@ -1094,7 +1107,6 @@ function Video(props) {
|
|
|
1094
1107
|
v.currentTime = 0;
|
|
1095
1108
|
void v.play();
|
|
1096
1109
|
};
|
|
1097
|
-
const handle = useFullScreenHandle();
|
|
1098
1110
|
return /* @__PURE__ */ jsx20(FullScreen, { handle, className: `flex items-center justify-center `, children: /* @__PURE__ */ jsxs10("div", { className: cx18("relative size-full", handle.active ? "!max-h-none" : "", wrapperClassName), ref, children: [
|
|
1099
1111
|
/* @__PURE__ */ jsx20(
|
|
1100
1112
|
"video",
|
|
@@ -1104,10 +1116,25 @@ function Video(props) {
|
|
|
1104
1116
|
ref: videoRef,
|
|
1105
1117
|
className: cx18("size-full object-cover", className, handle.active ? "!max-h-none" : ""),
|
|
1106
1118
|
src,
|
|
1119
|
+
muted: isMuted,
|
|
1107
1120
|
children: "Your browser does not support the video tag."
|
|
1108
1121
|
}
|
|
1109
1122
|
),
|
|
1110
1123
|
/* @__PURE__ */ jsxs10("div", { className: "absolute bottom-2 right-2 z-10 flex items-center justify-center gap-2", children: [
|
|
1124
|
+
buttonMute && /* @__PURE__ */ jsx20(
|
|
1125
|
+
"button",
|
|
1126
|
+
{
|
|
1127
|
+
className: "flex size-10 items-center justify-center rounded-full bg-black/50 text-white",
|
|
1128
|
+
onClick: toggleMute,
|
|
1129
|
+
children: /* @__PURE__ */ jsx20(
|
|
1130
|
+
Icon6,
|
|
1131
|
+
{
|
|
1132
|
+
icon: isMuted ? "mdi:volume-off" : "mdi:volume-high",
|
|
1133
|
+
className: "text-xl"
|
|
1134
|
+
}
|
|
1135
|
+
)
|
|
1136
|
+
}
|
|
1137
|
+
),
|
|
1111
1138
|
buttonRepeat && /* @__PURE__ */ jsx20(
|
|
1112
1139
|
"button",
|
|
1113
1140
|
{
|
|
@@ -2042,14 +2069,15 @@ var services = "/services";
|
|
|
2042
2069
|
var bloomberg = "https://www.bloomberg.com/news/articles/2021-03-11/oak-d-device-paves-the-way-for-future-spatial-ai";
|
|
2043
2070
|
var forbes = "https://www.forbes.com/sites/gusalexiou/2021/03/24/cutting-edge-intel-ai-powered-backpack-could-replace-a-guide-dog-for-blind-people/?sh=70bb63d01b36";
|
|
2044
2071
|
var techcrunch = "https://techcrunch.com/2020/07/14/opencv-ai-kit-aims-to-do-for-computer-vision-what-raspberry-pi-did-for-hobbyist-hardware/";
|
|
2045
|
-
var camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-
|
|
2072
|
+
var camerasProducts = "https://shop.luxonis.com/collections/oak-cameras-col";
|
|
2046
2073
|
var modulesProducts = "https://shop.luxonis.com/collections/oak-modules";
|
|
2047
2074
|
var accessoriesProducts = "https://shop.luxonis.com/collections/accessories";
|
|
2048
2075
|
var earlyAccessProducts = "https://shop.luxonis.com/collections/early-access";
|
|
2076
|
+
var prototypeAccessProducts = "https://shop.luxonis.com/collections/prototype-access";
|
|
2049
2077
|
var supportForm = "https://share-eu1.hsforms.com/1qY1TD1LgRU27qYXxzRyHNgf2chh";
|
|
2050
2078
|
var servicesMeetLink = "https://meetings-eu1.hubspot.com/bradley1/luxonis-services-";
|
|
2051
2079
|
var replayInstructions = "https://docs-beta.luxonis.com/cloud/perception-apps/robothub-library/replay/";
|
|
2052
|
-
var contactLink = "https://meetings-eu1.hubspot.com/cj-mann/
|
|
2080
|
+
var contactLink = "https://meetings-eu1.hubspot.com/cj-mann/sales-discussion";
|
|
2053
2081
|
|
|
2054
2082
|
// src/TalkToSalesButton.tsx
|
|
2055
2083
|
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
@@ -2369,6 +2397,7 @@ export {
|
|
|
2369
2397
|
oakRealsenseDocs,
|
|
2370
2398
|
parseNewLines,
|
|
2371
2399
|
privacy,
|
|
2400
|
+
prototypeAccessProducts,
|
|
2372
2401
|
raeStorepage,
|
|
2373
2402
|
replayInstructions,
|
|
2374
2403
|
robothub,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luxonis/component-lib",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"description": "Luxonis website-component-lib",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
],
|
|
14
14
|
"scripts": {
|
|
15
15
|
"prepublishOnly": "npm run build",
|
|
16
|
-
"build": "tailwindcss -i ./src/input.css -o ./dist/index.css --minify && npx tsup src/index.ts --dts --format esm,cjs --out-dir dist"
|
|
16
|
+
"build": "npx tailwindcss -i ./src/input.css -o ./dist/index.css --minify && npx tsup src/index.ts --dts --format esm,cjs --out-dir dist"
|
|
17
17
|
},
|
|
18
18
|
"author": "",
|
|
19
19
|
"license": "ISC",
|
|
@@ -22,13 +22,13 @@
|
|
|
22
22
|
"react-dom": "^18.0.0 || ^19.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
|
-
"@types/node": "^
|
|
25
|
+
"@types/node": "^24.10.13",
|
|
26
26
|
"@types/react": "^19.1.5",
|
|
27
27
|
"@types/react-dom": "^19.1.5",
|
|
28
28
|
"@types/react-syntax-highlighter": "^15.5.13",
|
|
29
29
|
"postcss": "^8.4.44",
|
|
30
|
-
"react": "
|
|
31
|
-
"react-dom": "
|
|
30
|
+
"react": "19.2.3",
|
|
31
|
+
"react-dom": "19.2.3",
|
|
32
32
|
"tailwindcss": "^3.4.17",
|
|
33
33
|
"tsup": "^8.5.0",
|
|
34
34
|
"typescript": "^5.9.3"
|
|
@@ -50,10 +50,12 @@
|
|
|
50
50
|
"animated-tailwindcss": "^4.0.0",
|
|
51
51
|
"class-variance-authority": "^0.7.1",
|
|
52
52
|
"embla-carousel-react": "^8.6.0",
|
|
53
|
-
"fluid-tailwind": "^1.0.4",
|
|
54
53
|
"markdown-it": "^14.1.0",
|
|
55
54
|
"react-full-screen": "^1.1.1",
|
|
56
55
|
"react-intersection-observer": "^9.16.0",
|
|
57
56
|
"zod": "^3.25.23"
|
|
57
|
+
},
|
|
58
|
+
"optionalDependencies": {
|
|
59
|
+
"@rollup/rollup-win32-x64-msvc": "^4.57.1"
|
|
58
60
|
}
|
|
59
61
|
}
|