@swan-admin/swan-web-component 1.0.54 → 1.0.56

package/dist/index.css

@@ -1,3 +1,2 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@layer properties;.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[\.5rem\]{top:.5rem}.top-\[0\]{top:0}.top-\[1rem\]{top:1rem}.top-\[8px\]{top:8px}.top-\[20px\]{top:20px}.top-\[60px\]{top:60px}.right-\[8px\]{right:8px}.right-\[20px\]{right:20px}.bottom-\[1rem\]{bottom:1rem}.bottom-\[2rem\]{bottom:2rem}.bottom-\[5rem\]{bottom:5rem}.bottom-\[8rem\]{bottom:8rem}.bottom-\[30px\]{bottom:30px}.left-\[0\]{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[0\]{z-index:0}.z-\[9\]{z-index:9}.z-\[99\]{z-index:99}.z-\[999\]{z-index:999}.mx-auto{margin-inline:auto}.my-\[0\.5rem\]{margin-block:.5rem}.my-\[1\.5rem\]{margin-block:1.5rem}.mt-\[\.5rem\]{margin-top:.5rem}.mt-\[\.25rem\]{margin-top:.25rem}.mt-\[\.75rem\]{margin-top:.75rem}.mt-\[0\.2rem\]{margin-top:.2rem}.mt-\[0\.5rem\]{margin-top:.5rem}.mt-\[1rem\]{margin-top:1rem}.mt-\[3\.5rem\]{margin-top:3.5rem}.mb-\[\.5rem\]{margin-bottom:.5rem}.mb-\[\.25rem\]{margin-bottom:.25rem}.mb-\[\.75rem\]{margin-bottom:.75rem}.mb-\[0\.5rem\]{margin-bottom:.5rem}.mb-\[1\.5rem\]{margin-bottom:1.5rem}.mb-\[1\.25rem\]{margin-bottom:1.25rem}.mb-\[1rem\]{margin-bottom:1rem}.mb-\[2rem\]{margin-bottom:2rem}.flex{display:flex}.hidden{display:none}.table{display:table}.aspect-\[2\/1\.4\]{aspect-ratio:2/1.4}.\!h-\[35px\]{height:35px!important}.\!h-\[40px\]{height:40px!important}.h-\[\.375rem\]{height:.375rem}.h-\[1rem\]{height:1rem}.h-\[3px\]{height:3px}.h-\[3rem\]{height:3rem}.h-\[4rem\]{height:4rem}.h-\[6rem\]{height:6rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[100vh\]{height:100vh}.h-\[var\(--real-vh\)\]{height:var(--real-vh)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[calc\(100vh-450px\)\]{max-height:calc(100vh - 450px)}.min-h-\[33px\]{min-height:33px}.min-h-\[40px\]{min-height:40px}.\!w-\[60px\]{width:60px!important}.\!w-\[180px\]{width:180px!important}.w-\[1px\]{width:1px}.w-\[1rem\]{width:1rem}.w-\[3rem\]{width:3rem}.w-\[4rem\]{width:4rem}.w-\[6rem\]{width:6rem}.w-\[12rem\]{width:12rem}.w-\[20px\]{width:20px}.w-\[30px\]{width:30px}.w-\[50px\]{width:50px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[20rem\]{max-width:20rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[280px\]{max-width:280px}.max-w-\[400px\]{max-width:400px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[\.5rem\],.gap-\[0\.5rem\]{gap:.5rem}.gap-\[1rem\]{gap:1rem}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[\.375rem\]{border-radius:.375rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[20px\]{border-radius:20px}.rounded-\[9999px\]{border-radius:9999px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style: none;border-style:none}.border-\[\#fff\]{border-color:#fff}.\!bg-\[\#ffffff\]{background-color:#fff!important}.bg-\[\#1b1b1b\]{background-color:#1b1b1b}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#fff\]\/10{background-color:color-mix(in oklab,#fff 10%,transparent)}.bg-\[\#fff\]\/20{background-color:color-mix(in oklab,#fff 20%,transparent)}.bg-\[\#fff\]\/30{background-color:color-mix(in oklab,#fff 30%,transparent)}.bg-\[\#fff\]\/70{background-color:color-mix(in oklab,#fff 70%,transparent)}.bg-\[\#fff\]\/80{background-color:color-mix(in oklab,#fff 80%,transparent)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-\[1\.5rem\]{padding:1.5rem}.p-\[1rem\]{padding:1rem}.p-\[15px\]{padding:15px}.p-\[16px\]{padding:16px}.px-\[\.75rem\]{padding-inline:.75rem}.px-\[1rem\]{padding-inline:1rem}.px-\[15px\]{padding-inline:15px}.\!py-\[0\]{padding-block:0!important}.py-\[1rem\]{padding-block:1rem}.py-\[6px\]{padding-block:6px}.pt-\[\.5rem\]{padding-top:.5rem}.pt-\[1\.5rem\]{padding-top:1.5rem}.pt-\[1rem\]{padding-top:1rem}.pt-\[15px\]{padding-top:15px}.\!pr-\[10px\]{padding-right:10px!important}.pr-\[2\.5rem\]{padding-right:2.5rem}.pb-\[\.5rem\]{padding-bottom:.5rem}.pl-\[1rem\]{padding-left:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-\[\.75rem\]{font-size:.75rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[3rem\]{font-size:3rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[32px\]{font-size:32px}.leading-none{--tw-leading: 1;line-height:1}.\!text-\[\#000000\]{color:#000!important}.text-\[\#000\]\/70{color:color-mix(in oklab,#000 70%,transparent)}.text-\[\#fff\]{color:#fff}.text-\[\#fff\]\/40{color:color-mix(in oklab,#fff 40%,transparent)}.text-\[\#fff\]\/70{color:color-mix(in oklab,#fff 70%,transparent)}.\!opacity-50{opacity:50%!important}.opacity-0{opacity:0%}.opacity-50{opacity:50%}.opacity-100{opacity:100%}.\!shadow-none{--tw-shadow: 0 0 #0000 !important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_0_8px_rgba\(139\,92\,246\,0\.8\)\]{--tw-shadow: 0 0 8px var(--tw-shadow-color, rgba(139,92,246,.8));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.251\)\]{--tw-shadow: 0 1px 1px var(--tw-shadow-color, rgba(0,0,0,.251));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_\#00000040\]{--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, #00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, ease);transition-duration:var(--tw-duration, 0s)}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.\!outline-none{--tw-outline-style: none !important;outline-style:none!important}.outline-none{--tw-outline-style: none;outline-style:none}.file\:border-0{&::file-selector-button{border-style:var(--tw-border-style);border-width:0px}}.file\:bg-transparent{&::file-selector-button{background-color:transparent}}.focus\:ring-1{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:shadow-none{&:disabled{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.\[\&_svg\]\:size-\[16px\]{& svg{width:16px;height:16px}}.\[\&_svg\]\:shrink-0{& svg{flex-shrink:0}}.\[\&_video\]\:rounded-t-\[20px\]{& video{border-top-left-radius:20px;border-top-right-radius:20px}}@font-face{font-family:SeriouslyNostalgic Fn;src:url("./fonts/SeriouslyNostalgicFn-SemiCond.eot");src:url("./fonts/SeriouslyNostalgicFn-SemiCond.eot?#iefix") format("embedded-opentype"),url("./fonts/SeriouslyNostalgicFn-SemiCond.woff2") format("woff2"),url("./fonts/SeriouslyNostalgicFn-SemiCond.woff") format("woff"),url("./fonts/SeriouslyNostalgicFn-SemiCond.ttf") format("truetype"),url("./fonts/SeriouslyNostalgicFn-SemiCond.svg#SeriouslyNostalgicFn-SemiCond") format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SeriouslyNostalgic Fn;src:url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot");src:url("./fonts/SeriouslyNostalgicFnIt-SmCn.eot?#iefix") format("embedded-opentype"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff2") format("woff2"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.woff") format("woff"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.ttf") format("truetype"),url("./fonts/SeriouslyNostalgicFnIt-SmCn.svg#SeriouslyNostalgicFnIt-SmCn") format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url("./fonts/Switzer-Regular.eot");src:url("./fonts/Switzer-Regular.eot?#iefix") format("embedded-opentype"),url("./fonts/Switzer-Regular.woff2") format("woff2"),url("./fonts/Switzer-Regular.woff") format("woff"),url("./fonts/Switzer-Regular.ttf") format("truetype"),url("./fonts/Switzer-Regular.svg#Switzer-Regular") format("svg");font-weight:400;font-style:normal;font-display:swap}html,body,#root{height:100%;width:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;overscroll-behavior-y:none}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0;padding:0;line-height:1.5}.camera-drawer .MuiPaper-root{background-color:transparent!important;box-shadow:0 0!important;height:80%}.vjs-poster{background-size:cover}.video-js.vjs-paused .vjs-big-play-button{display:none!important}.vjs-poster{background-size:90%;background-color:#fff;background-position:center 20px}.video-js.vjs-paused .vjs-big-play-button{width:50px;height:50px;display:flex;align-items:center;border-radius:100%;bottom:50%;top:auto;left:50%;transform:translate(-50%,-135%);background-color:#fff;border:1px solid #D9D9D9!important}.video-js.vjs-paused .vjs-icon-placeholder{color:#d9d9d9!important;font-size:50px}.camera-drawer .MuiModal-backdrop{pointer-events:none;background-color:transparent!important;backdrop-filter:blur(10px)}.video-js{background-color:transparent!important}.vjs-fluid:not(.vjs-audio-only-mode){min-height:85vh}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.camera-drawer.face-scan-small .MuiModal-backdrop{backdrop-filter:blur(0px)}.face-scan-small .MuiPaper-root{height:315px;border-top-left-radius:30px;border-top-right-radius:30px}.confirm-modal .MuiPaper-root{background-color:#fff;padding:20px 10px;border-radius:10px}.confirm-modal{pointer-events:none}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-leading: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial}}}
 /*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-/*# sourceMappingURL=index.css.map */
+@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-\[\.5rem\]{top:.5rem}.top-\[0\]{top:0}.top-\[1rem\]{top:1rem}.top-\[8px\]{top:8px}.top-\[20px\]{top:20px}.top-\[60px\]{top:60px}.right-\[8px\]{right:8px}.right-\[20px\]{right:20px}.bottom-\[1rem\]{bottom:1rem}.bottom-\[2rem\]{bottom:2rem}.bottom-\[5rem\]{bottom:5rem}.bottom-\[8rem\]{bottom:8rem}.bottom-\[30px\]{bottom:30px}.left-\[0\]{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-\[0\]{z-index:0}.z-\[9\]{z-index:9}.z-\[99\]{z-index:99}.z-\[999\]{z-index:999}.mx-auto{margin-inline:auto}.my-\[0\.5rem\]{margin-block:.5rem}.my-\[1\.5rem\]{margin-block:1.5rem}.mt-\[\.5rem\]{margin-top:.5rem}.mt-\[\.25rem\]{margin-top:.25rem}.mt-\[\.75rem\]{margin-top:.75rem}.mt-\[0\.2rem\]{margin-top:.2rem}.mt-\[0\.5rem\]{margin-top:.5rem}.mt-\[1rem\]{margin-top:1rem}.mt-\[3\.5rem\]{margin-top:3.5rem}.mb-\[\.5rem\]{margin-bottom:.5rem}.mb-\[\.25rem\]{margin-bottom:.25rem}.mb-\[\.75rem\]{margin-bottom:.75rem}.mb-\[0\.5rem\]{margin-bottom:.5rem}.mb-\[1\.5rem\]{margin-bottom:1.5rem}.mb-\[1\.25rem\]{margin-bottom:1.25rem}.mb-\[1rem\]{margin-bottom:1rem}.mb-\[2rem\]{margin-bottom:2rem}.flex{display:flex}.hidden{display:none}.table{display:table}.aspect-\[2\/1\.4\]{aspect-ratio:2/1.4}.\!h-\[35px\]{height:35px!important}.\!h-\[40px\]{height:40px!important}.h-\[\.375rem\]{height:.375rem}.h-\[1rem\]{height:1rem}.h-\[3px\]{height:3px}.h-\[3rem\]{height:3rem}.h-\[4rem\]{height:4rem}.h-\[6rem\]{height:6rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[45px\]{height:45px}.h-\[100vh\]{height:100vh}.h-\[var\(--real-vh\)\]{height:var(--real-vh)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[calc\(100vh-450px\)\]{max-height:calc(100vh - 450px)}.min-h-\[33px\]{min-height:33px}.min-h-\[40px\]{min-height:40px}.\!w-\[60px\]{width:60px!important}.\!w-\[180px\]{width:180px!important}.w-\[1px\]{width:1px}.w-\[1rem\]{width:1rem}.w-\[3rem\]{width:3rem}.w-\[4rem\]{width:4rem}.w-\[6rem\]{width:6rem}.w-\[12rem\]{width:12rem}.w-\[20px\]{width:20px}.w-\[30px\]{width:30px}.w-\[50px\]{width:50px}.w-\[100px\]{width:100px}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-full{width:100%}.w-screen{width:100vw}.max-w-\[20rem\]{max-width:20rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[280px\]{max-width:280px}.max-w-\[400px\]{max-width:400px}.min-w-\[120px\]{min-width:120px}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-\[\.5rem\],.gap-\[0\.5rem\]{gap:.5rem}.gap-\[1rem\]{gap:1rem}.gap-\[4px\]{gap:4px}.gap-\[5px\]{gap:5px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[\.375rem\]{border-radius:.375rem}.rounded-\[4px\]{border-radius:4px}.rounded-\[20px\]{border-radius:20px}.rounded-\[9999px\]{border-radius:9999px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-\[30px\]{border-top-left-radius:30px;border-top-right-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#fff\]{border-color:#fff}.\!bg-\[\#ffffff\]{background-color:#fff!important}.bg-\[\#1b1b1b\]{background-color:#1b1b1b}.bg-\[\#8B5CF6\]{background-color:#8b5cf6}.bg-\[\#fff\]\/10{background-color:oklab(100% 0 5.96046e-8/.1)}.bg-\[\#fff\]\/20{background-color:oklab(100% 0 5.96046e-8/.2)}.bg-\[\#fff\]\/30{background-color:oklab(100% 0 5.96046e-8/.3)}.bg-\[\#fff\]\/70{background-color:oklab(100% 0 5.96046e-8/.7)}.bg-\[\#fff\]\/80{background-color:oklab(100% 0 5.96046e-8/.8)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-\[1\.5rem\]{padding:1.5rem}.p-\[1rem\]{padding:1rem}.p-\[15px\]{padding:15px}.p-\[16px\]{padding:16px}.px-\[\.75rem\]{padding-inline:.75rem}.px-\[1rem\]{padding-inline:1rem}.px-\[15px\]{padding-inline:15px}.\!py-\[0\]{padding-block:0!important}.py-\[1rem\]{padding-block:1rem}.py-\[6px\]{padding-block:6px}.pt-\[\.5rem\]{padding-top:.5rem}.pt-\[1\.5rem\]{padding-top:1.5rem}.pt-\[1rem\]{padding-top:1rem}.pt-\[15px\]{padding-top:15px}.\!pr-\[10px\]{padding-right:10px!important}.pr-\[2\.5rem\]{padding-right:2.5rem}.pb-\[\.5rem\]{padding-bottom:.5rem}.pl-\[1rem\]{padding-left:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-\[\.75rem\]{font-size:.75rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[3rem\]{font-size:3rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[32px\]{font-size:32px}.leading-none{--tw-leading:1;line-height:1}.\!text-\[\#000000\]{color:#000!important}.text-\[\#000\]\/70{color:oklab(0% none none/.7)}.text-\[\#fff\]{color:#fff}.text-\[\#fff\]\/40{color:oklab(100% 0 5.96046e-8/.4)}.text-\[\#fff\]\/70{color:oklab(100% 0 5.96046e-8/.7)}.\!opacity-50{opacity:.5!important}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.\!shadow-none{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.shadow-\[0_0_8px_rgba\(139\,92\,246\,0\.8\)\]{--tw-shadow:0 0 8px var(--tw-shadow-color,#8b5cf6cc);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.251\)\]{--tw-shadow:0 1px 1px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0px_1px_2px_0px_\#00000040\]{--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\!outline-none{--tw-outline-style:none!important;outline-style:none!important}.outline-none{--tw-outline-style:none;outline-style:none}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_svg\]\:size-\[16px\] svg{width:16px;height:16px}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_video\]\:rounded-t-\[20px\] video{border-top-left-radius:20px;border-top-right-radius:20px}@font-face{font-family:SeriouslyNostalgic Fn;src:url(fonts/SeriouslyNostalgicFn-SemiCond.eot);src:url(fonts/SeriouslyNostalgicFn-SemiCond.eot?#iefix)format("embedded-opentype"),url(fonts/SeriouslyNostalgicFn-SemiCond.woff2)format("woff2"),url(fonts/SeriouslyNostalgicFn-SemiCond.woff)format("woff"),url(fonts/SeriouslyNostalgicFn-SemiCond.ttf)format("truetype"),url(fonts/SeriouslyNostalgicFn-SemiCond.svg#SeriouslyNostalgicFn-SemiCond)format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SeriouslyNostalgic Fn;src:url(fonts/SeriouslyNostalgicFnIt-SmCn.eot);src:url(fonts/SeriouslyNostalgicFnIt-SmCn.eot?#iefix)format("embedded-opentype"),url(fonts/SeriouslyNostalgicFnIt-SmCn.woff2)format("woff2"),url(fonts/SeriouslyNostalgicFnIt-SmCn.woff)format("woff"),url(fonts/SeriouslyNostalgicFnIt-SmCn.ttf)format("truetype"),url(fonts/SeriouslyNostalgicFnIt-SmCn.svg#SeriouslyNostalgicFnIt-SmCn)format("svg");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url(fonts/Switzer-Regular.eot);src:url(fonts/Switzer-Regular.eot?#iefix)format("embedded-opentype"),url(fonts/Switzer-Regular.woff2)format("woff2"),url(fonts/Switzer-Regular.woff)format("woff"),url(fonts/Switzer-Regular.ttf)format("truetype"),url(fonts/Switzer-Regular.svg#Switzer-Regular)format("svg");font-weight:400;font-style:normal;font-display:swap}html,body,#root{-webkit-font-smoothing:antialiased;width:100%;height:100%;text-rendering:optimizeLegibility;overscroll-behavior:none;overscroll-behavior-y:none}*{box-sizing:border-box}h1,h2,h3,h4,p{margin:0;padding:0;line-height:1.5}.camera-drawer .MuiPaper-root{height:80%;background-color:#0000!important;box-shadow:0 0!important}.vjs-poster{background-size:cover}.video-js.vjs-paused .vjs-big-play-button{display:none!important}.vjs-poster{background-color:#fff;background-position:50% 20px;background-size:90%}.video-js.vjs-paused .vjs-big-play-button{background-color:#fff;border-radius:100%;align-items:center;width:50px;height:50px;display:flex;top:auto;bottom:50%;left:50%;transform:translate(-50%,-135%);border:1px solid #d9d9d9!important}.video-js.vjs-paused .vjs-icon-placeholder{font-size:50px;color:#d9d9d9!important}.camera-drawer .MuiModal-backdrop{pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0000!important}.video-js{background-color:#0000!important}.vjs-fluid:not(.vjs-audio-only-mode){min-height:85vh}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.camera-drawer.face-scan-small .MuiModal-backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur()}.face-scan-small .MuiPaper-root{border-top-left-radius:30px;border-top-right-radius:30px;height:315px}.confirm-modal .MuiPaper-root{background-color:#fff;border-radius:10px;padding:20px 10px}.confirm-modal{pointer-events:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}

package/dist/index.d.mts

@@ -0,0 +1,107 @@
+import React$1 from 'react';
+
+declare enum GenderType {
+    Male = "male",
+    Female = "female"
+}
+declare enum PreferredLanguage {
+    English = "English",
+    Hindi = "Hindi",
+    German = "German",
+    French = "French",
+    Spanish = "Spanish",
+    Arabic = "Arabic",
+    Italian = "Italian"
+}
+
+interface Step {
+    type: StepType;
+    value?: any;
+    order?: number;
+    isVisible?: boolean;
+    onStepComplete?: (value: any) => Promise<void> | void;
+}
+type Gender = "male" | "female";
+type StepType = "email" | "name" | "height" | "gender";
+interface StyleConfig {
+    base?: {
+        brandColor?: string;
+        backgroundColor?: string;
+        primaryColor?: string;
+        secondaryColor?: string;
+        baseTextColor?: string;
+        baseFontSize?: string;
+        baseFontFamily?: string;
+    };
+    logo?: {
+        logoWidth?: string;
+        logoHeight?: string;
+    };
+    heading?: {
+        headingColor?: string;
+        headingFontSize?: string;
+        headingFontWeight?: string;
+        headingFontFamily?: string;
+    };
+    subheading?: {
+        subheadingColor?: string;
+        subheadingFontSize?: string;
+        subheadingFontWeight?: string;
+        subheadingFontFamily?: string;
+    };
+    button?: {
+        buttonBackground?: string;
+        buttonDisabledBackground?: string;
+        buttonDisabledTextColor?: string;
+        buttonTextColor?: string;
+        buttonFontSize?: string;
+        buttonFontFamily?: string;
+    };
+    input?: {
+        inputBackgroundColor?: string;
+        inputTextColor?: string;
+        inputPlaceholderColor?: string;
+        inputBorderColor?: string;
+        inputFontSize?: string;
+        inputFontWeight?: string;
+    };
+}
+interface OnboardingProps {
+    steps: Step[];
+    config?: Config;
+    onComplete?: (values: Record<string, any>) => void;
+}
+interface Config {
+    style?: StyleConfig;
+    logo?: string;
+    loader?: string;
+}
+interface FocalLengthOuput {
+    brandName: string;
+    modelName: string;
+    focalLength: number;
+}
+interface FocalLengthProps {
+    onComplete?: (value: FocalLengthOuput) => Promise<void> | void;
+    initialValue?: any;
+    config?: Config;
+}
+interface sectionsType {
+    full: "full";
+    body: "body";
+    face: "face";
+}
+interface EducationalProps {
+    gender?: Gender;
+    sections?: sectionsType[keyof sectionsType][];
+    config?: any;
+    onComplete?: () => void;
+}
+
+declare const Onboarding: React$1.FC<OnboardingProps>;
+
+declare const FocalLength: React$1.FC<FocalLengthProps>;
+
+declare const Educational: React.FC<EducationalProps>;
+
+export { Educational, type EducationalProps, FocalLength, type FocalLengthProps, GenderType, Onboarding, type OnboardingProps, PreferredLanguage, type Step };

package/dist/index.d.ts

@@ -0,0 +1,107 @@
+import React$1 from 'react';
+
+declare enum GenderType {
+    Male = "male",
+    Female = "female"
+}
+declare enum PreferredLanguage {
+    English = "English",
+    Hindi = "Hindi",
+    German = "German",
+    French = "French",
+    Spanish = "Spanish",
+    Arabic = "Arabic",
+    Italian = "Italian"
+}
+
+interface Step {
+    type: StepType;
+    value?: any;
+    order?: number;
+    isVisible?: boolean;
+    onStepComplete?: (value: any) => Promise<void> | void;
+}
+type Gender = "male" | "female";
+type StepType = "email" | "name" | "height" | "gender";
+interface StyleConfig {
+    base?: {
+        brandColor?: string;
+        backgroundColor?: string;
+        primaryColor?: string;
+        secondaryColor?: string;
+        baseTextColor?: string;
+        baseFontSize?: string;
+        baseFontFamily?: string;
+    };
+    logo?: {
+        logoWidth?: string;
+        logoHeight?: string;
+    };
+    heading?: {
+        headingColor?: string;
+        headingFontSize?: string;
+        headingFontWeight?: string;
+        headingFontFamily?: string;
+    };
+    subheading?: {
+        subheadingColor?: string;
+        subheadingFontSize?: string;
+        subheadingFontWeight?: string;
+        subheadingFontFamily?: string;
+    };
+    button?: {
+        buttonBackground?: string;
+        buttonDisabledBackground?: string;
+        buttonDisabledTextColor?: string;
+        buttonTextColor?: string;
+        buttonFontSize?: string;
+        buttonFontFamily?: string;
+    };
+    input?: {
+        inputBackgroundColor?: string;
+        inputTextColor?: string;
+        inputPlaceholderColor?: string;
+        inputBorderColor?: string;
+        inputFontSize?: string;
+        inputFontWeight?: string;
+    };
+}
+interface OnboardingProps {
+    steps: Step[];
+    config?: Config;
+    onComplete?: (values: Record<string, any>) => void;
+}
+interface Config {
+    style?: StyleConfig;
+    logo?: string;
+    loader?: string;
+}
+interface FocalLengthOuput {
+    brandName: string;
+    modelName: string;
+    focalLength: number;
+}
+interface FocalLengthProps {
+    onComplete?: (value: FocalLengthOuput) => Promise<void> | void;
+    initialValue?: any;
+    config?: Config;
+}
+interface sectionsType {
+    full: "full";
+    body: "body";
+    face: "face";
+}
+interface EducationalProps {
+    gender?: Gender;
+    sections?: sectionsType[keyof sectionsType][];
+    config?: any;
+    onComplete?: () => void;
+}
+
+declare const Onboarding: React$1.FC<OnboardingProps>;
+
+declare const FocalLength: React$1.FC<FocalLengthProps>;
+
+declare const Educational: React.FC<EducationalProps>;
+
+export { Educational, type EducationalProps, FocalLength, type FocalLengthProps, GenderType, Onboarding, type OnboardingProps, PreferredLanguage, type Step };