@luxonis/component-lib 1.0.0

package/dist/index.css

@@ -0,0 +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}.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}.-top-12{top:-3rem}.bottom-10{bottom:2.5rem}.left-1\/2{left:50%}.left-12{left:3rem}.right-12{right:3rem}.right-2{right:.5rem}.top-1\/2{top:50%}.z-10{z-index:10}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-ml-4{margin-left:-1rem}.-mt-4{margin-top:-1rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.size-14{width:3.5rem;height:3.5rem}.size-3{width:.75rem;height:.75rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-6{width:1.5rem;height:1.5rem}.size-full{width:100%;height:100%}.\!h-\[46px\]{height:46px!important}.h-10{height:2.5rem}.h-12{height:3rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[46px\]{height:46px}.h-\[810px\]{height:810px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.min-h-\[60px\]{min-height:60px}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-5{width:1.25rem}.w-96{width:24rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-105{max-width:424px}.max-w-96{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.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%}.rotate-90,.translate-x-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))}.rotate-90{--tw-rotate:90deg}@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-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.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-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.whitespace-break-spaces{white-space:break-spaces}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.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-primaryBorder{border-color:#5724e83d}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/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-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-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-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.fill-black{fill:#000}.fill-current{fill:currentColor}.stroke-black{stroke:#000}.stroke-white{stroke:#fff}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.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}.pb-4,.py-4{padding-bottom:1rem}.pl-2{padding-left:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.\!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}.align-middle{vertical-align:middle}.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-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.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)}.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);-webkit-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);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-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-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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\: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}.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-offset-2:focus-visible{--tw-ring-offset-width:2px}.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\]\: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}@media (min-width:40rem){.sm\:h-\[914px\]{height:914px}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-2{gap:.5rem}.sm\:gap-6{gap:1.5rem}.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\: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\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:64rem){.lg\:max-w-\[350px\]{max-width:350px}.lg\:max-w-\[525px\]{max-width:525px}.lg\:items-start{align-items:flex-start}.lg\:\!text-left{text-align:left!important}}@media (min-width:80rem){.xl\:w-auto{width:auto}.xl\:text-h1{font-size:5rem;letter-spacing:-.02em}}.\[\&\: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}

package/dist/index.d.mts

@@ -0,0 +1,222 @@
+import * as React$1 from 'react';
+import React__default, { JSX } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+interface AccordionItemProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    className?: string;
+    noStyle?: boolean;
+}
+declare const Accordion: React$1.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & {
+    className?: string;
+}) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    className?: string;
+    icon?: string;
+}
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    className?: string;
+    contentClassName?: string;
+}
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    icon?: string;
+    animate?: boolean;
+    role?: 'button' | 'continue' | 'icon' | 'steps';
+}
+declare const buttonVariants: (props?: ({
+    variant?: "icon" | "secondary" | "primary" | "primaryAlt" | "steps" | "unstyled" | null | undefined;
+    size?: "icon" | "sm" | "xs" | "lg" | "unset" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Button: {
+    (props: ButtonProps): React__default.ReactElement<any>;
+    displayName: string;
+};
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "fullpage" | "fullwidth" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HtmlHTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    className?: string;
+    outerStyles?: string;
+}
+declare const Card: (props: CardProps) => React.ReactElement<any>;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    moveOnClick?: boolean;
+    setApi?: (api: CarouselApi) => void;
+    scrollable?: boolean;
+};
+declare const Carousel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+} & CarouselProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+} & {
+    wrapperClassName?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    inActieStyles?: string;
+    activeStyles?: string;
+    index?: number;
+    leftStyles?: string;
+    rightStyles?: string;
+    onClick?: void | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
+interface ControlButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    hideButtons?: boolean;
+}
+declare const CarouselPrevious: (props: ControlButtonProps) => JSX.Element;
+declare const CarouselNext: (props: ControlButtonProps) => JSX.Element;
+
+declare function CodeBlock(props: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const Copyright: () => JSX.Element;
+
+type DescriptionType = {
+    title: string | React__default.ReactNode;
+    description?: string | React__default.ReactNode;
+    subTitle?: string | React__default.ReactNode;
+};
+type StyledDescriptionProps = {
+    descriptionStyle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+    textStyle?: string;
+    headingStyle?: string;
+    wrapperClassName?: string;
+    innerGap?: VariantProps<typeof InnerGap>['innerGap'];
+} & VariantProps<typeof DescriptionRecepie> & DescriptionType;
+declare const DescriptionRecepie: (props?: ({
+    align?: "center" | "left" | "allwayscenter" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | null | undefined;
+    gap?: "none" | "lg" | "normal" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const InnerGap: (props?: ({
+    innerGap?: "lg" | "normal" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Description: (props: StyledDescriptionProps) => React__default.ReactElement<any>;
+
+type FrostedCardProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+declare function FrostedCard(props: Readonly<FrostedCardProps>): react_jsx_runtime.JSX.Element;
+
+type HeroSectionProps = {
+    title: string | React.ReactNode;
+    description: string;
+    bgImageLink?: string;
+    button?: React.ReactNode;
+    children?: React.ReactNode;
+    desctipionSize?: 'lg' | 'default';
+};
+declare const Hero: (props: HeroSectionProps) => React.ReactElement<any>;
+
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+interface HoverCardContentProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
+    className?: string;
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    hidden?: boolean;
+}
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: React__default.ReactNode;
+    labelPosition?: 'left' | 'right';
+    errorMessage?: string;
+    validate?: boolean;
+}
+declare const Input: ({ className, label, labelPosition, errorMessage, onBlur, validate, onChange, type, ...rest }: InputProps) => React__default.ReactElement<any>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+type SearchBarProps = React__default.InputHTMLAttributes<HTMLInputElement> & {
+    placeholder?: string;
+    className?: string;
+    setIsSearchOpen: (isSearchOpen: boolean) => void;
+    isSearchOpen: boolean;
+};
+declare const SearchBar: (props: SearchBarProps) => React__default.ReactElement<any>;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    noStyle?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & {
+    noStyle?: boolean;
+} & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const styledText: (props?: ({
+    breakType?: "none" | "space" | "character" | "word" | null | undefined;
+    size?: "h2" | "h3" | "caption" | "h1" | "h4" | "h5" | "sm" | "lg" | "2xl" | "xl" | "md" | null | undefined;
+    color?: "default" | "primary" | "error" | "white" | "normal" | "muted" | "semimuted" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    fontStyle?: "normal" | "italic" | "capitalize" | "uppercase" | null | undefined;
+    spaces?: "trim" | "normal" | "preserve" | null | undefined;
+    align?: "center" | "left" | "normal" | "right" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TextProps extends VariantProps<typeof styledText>, Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    text: React__default.ReactNode;
+}
+declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const parseNewLines: (text: string | React__default.ReactNode) => React__default.ReactNode;
+
+interface VideoComponentProps {
+    src: string;
+    className?: string;
+}
+declare const Video: React__default.ForwardRefExoticComponent<VideoComponentProps & React__default.RefAttributes<{
+    togglePlay: () => void;
+}>>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CodeBlock, Copyright, Description, type DescriptionType, FrostedCard, Hero, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type StyledDescriptionProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, Textarea, Video, badgeVariants, buttonVariants, parseNewLines };

package/dist/index.d.ts

@@ -0,0 +1,222 @@
+import * as React$1 from 'react';
+import React__default, { JSX } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import { VariantProps } from 'class-variance-authority';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+interface AccordionItemProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
+    className?: string;
+    noStyle?: boolean;
+}
+declare const Accordion: React$1.ForwardRefExoticComponent<((Omit<AccordionPrimitive.AccordionSingleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> | Omit<AccordionPrimitive.AccordionMultipleProps & React$1.RefAttributes<HTMLDivElement>, "ref">) & {
+    className?: string;
+}) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<AccordionItemProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AccordionTriggerProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> {
+    className?: string;
+    icon?: string;
+}
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface AccordionContentProps extends React$1.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
+    className?: string;
+    contentClassName?: string;
+}
+declare const AccordionContent: React$1.ForwardRefExoticComponent<AccordionContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    icon?: string;
+    animate?: boolean;
+    role?: 'button' | 'continue' | 'icon' | 'steps';
+}
+declare const buttonVariants: (props?: ({
+    variant?: "icon" | "secondary" | "primary" | "primaryAlt" | "steps" | "unstyled" | null | undefined;
+    size?: "icon" | "sm" | "xs" | "lg" | "unset" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Button: {
+    (props: ButtonProps): React__default.ReactElement<any>;
+    displayName: string;
+};
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "fullpage" | "fullwidth" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HtmlHTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    className?: string;
+    outerStyles?: string;
+}
+declare const Card: (props: CardProps) => React.ReactElement<any>;
+
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    moveOnClick?: boolean;
+    setApi?: (api: CarouselApi) => void;
+    scrollable?: boolean;
+};
+declare const Carousel: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+} & CarouselProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+} & {
+    wrapperClassName?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    inActieStyles?: string;
+    activeStyles?: string;
+    index?: number;
+    leftStyles?: string;
+    rightStyles?: string;
+    onClick?: void | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
+interface ControlButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    hideButtons?: boolean;
+}
+declare const CarouselPrevious: (props: ControlButtonProps) => JSX.Element;
+declare const CarouselNext: (props: ControlButtonProps) => JSX.Element;
+
+declare function CodeBlock(props: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const Copyright: () => JSX.Element;
+
+type DescriptionType = {
+    title: string | React__default.ReactNode;
+    description?: string | React__default.ReactNode;
+    subTitle?: string | React__default.ReactNode;
+};
+type StyledDescriptionProps = {
+    descriptionStyle?: string;
+    children?: React__default.ReactNode;
+    className?: string;
+    textStyle?: string;
+    headingStyle?: string;
+    wrapperClassName?: string;
+    innerGap?: VariantProps<typeof InnerGap>['innerGap'];
+} & VariantProps<typeof DescriptionRecepie> & DescriptionType;
+declare const DescriptionRecepie: (props?: ({
+    align?: "center" | "left" | "allwayscenter" | "leftCenterMobile" | "desktopCenterMobileLeft" | "desktopLeftMobileCenter" | null | undefined;
+    gap?: "none" | "lg" | "normal" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const InnerGap: (props?: ({
+    innerGap?: "lg" | "normal" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare const Description: (props: StyledDescriptionProps) => React__default.ReactElement<any>;
+
+type FrostedCardProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+declare function FrostedCard(props: Readonly<FrostedCardProps>): react_jsx_runtime.JSX.Element;
+
+type HeroSectionProps = {
+    title: string | React.ReactNode;
+    description: string;
+    bgImageLink?: string;
+    button?: React.ReactNode;
+    children?: React.ReactNode;
+    desctipionSize?: 'lg' | 'default';
+};
+declare const Hero: (props: HeroSectionProps) => React.ReactElement<any>;
+
+declare const HoverCard: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+interface HoverCardContentProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> {
+    className?: string;
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    hidden?: boolean;
+}
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
+    label?: React__default.ReactNode;
+    labelPosition?: 'left' | 'right';
+    errorMessage?: string;
+    validate?: boolean;
+}
+declare const Input: ({ className, label, labelPosition, errorMessage, onBlur, validate, onChange, type, ...rest }: InputProps) => React__default.ReactElement<any>;
+
+declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_dist_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
+
+type SearchBarProps = React__default.InputHTMLAttributes<HTMLInputElement> & {
+    placeholder?: string;
+    className?: string;
+    setIsSearchOpen: (isSearchOpen: boolean) => void;
+    isSearchOpen: boolean;
+};
+declare const SearchBar: (props: SearchBarProps) => React__default.ReactElement<any>;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    noStyle?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & {
+    noStyle?: boolean;
+} & React$1.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
+
+declare const Textarea: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+
+declare const styledText: (props?: ({
+    breakType?: "none" | "space" | "character" | "word" | null | undefined;
+    size?: "h2" | "h3" | "caption" | "h1" | "h4" | "h5" | "sm" | "lg" | "2xl" | "xl" | "md" | null | undefined;
+    color?: "default" | "primary" | "error" | "white" | "normal" | "muted" | "semimuted" | null | undefined;
+    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    fontStyle?: "normal" | "italic" | "capitalize" | "uppercase" | null | undefined;
+    spaces?: "trim" | "normal" | "preserve" | null | undefined;
+    align?: "center" | "left" | "normal" | "right" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface TextProps extends VariantProps<typeof styledText>, Omit<React__default.HTMLAttributes<HTMLSpanElement>, 'color'> {
+    text: React__default.ReactNode;
+}
+declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const parseNewLines: (text: string | React__default.ReactNode) => React__default.ReactNode;
+
+interface VideoComponentProps {
+    src: string;
+    className?: string;
+}
+declare const Video: React__default.ForwardRefExoticComponent<VideoComponentProps & React__default.RefAttributes<{
+    togglePlay: () => void;
+}>>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Badge, type BadgeProps, Button, Card, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CodeBlock, Copyright, Description, type DescriptionType, FrostedCard, Hero, HoverCard, HoverCardContent, HoverCardTrigger, Input, Label, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type StyledDescriptionProps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Text, Textarea, Video, badgeVariants, buttonVariants, parseNewLines };