@oniratec/onira-react-ui 0.4.0 → 1.0.0

package/dist/styles.css

@@ -0,0 +1,2 @@
+@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;500;600;700&display=swap");:root{--oniratec-font-sans:"Kumbh Sans",system-ui,sans-serif}html{font-family:var(--oniratec-font-sans)}:root{--oniratec-brand:#148103;--oniratec-fill-primary:#fefefe;--oniratec-fill-secondary:#0f172a;--oniratec-fill-disabled:#e0e0e0;--oniratec-label-primary:#0f172a;--oniratec-label-secondary:#384258;--oniratec-label-disabled:#bdbdbd;--oniratec-border-primary:#e0e0e0;--oniratec-border-secondary:#0f172a;--oniratec-border-disabled:#ececec;--oniratec-focus:#1982fc;--oniratec-error:#d13a3a;--oniratec-shadow-card-sm:0px 0.5px 12px -5px rgba(30,41,59,.2);--oniratec-shadow-card-md:0px 1px 25px -10px rgba(30,41,59,.3);--oniratec-shadow-card-lg:0px 2px 51px -19px rgba(30,41,59,.4);--oniratec-shadow-card-xl:0px 20px 25px -5px rgba(0,0,0,.1),0px 10px 10px -5px rgba(0,0,0,.04);--oniratec-font-sans:"Kumbh Sans",sans-serif}.oniratec-button,button.oniratec-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oniratec-button:focus-visible,button.oniratec-button:focus-visible{outline:2px solid transparent;outline-offset:2px;--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);--tw-ring-offset-width:2px}.oniratec-button:disabled,button.oniratec-button:disabled{pointer-events:none}.oniratec-button,button.oniratec-button{border-radius:.375rem;--oniratec-button-bg:var(--oniratec-fill-primary);--oniratec-button-bg-hover:color-mix(in srgb,var(--oniratec-button-bg) 90%,#fff);--oniratec-button-bg-disabled:var(--oniratec-fill-disabled);--oniratec-button-fg:var(--oniratec-label-primary);--oniratec-button-fg-disabled:var(--oniratec-label-disabled);--oniratec-button-border:var(--oniratec-border-primary);background-color:var(--oniratec-button-bg);color:var(--oniratec-button-fg);border:1px solid var(--oniratec-button-border)}.oniratec-button:hover:not(:disabled),button.oniratec-button:hover:not(:disabled){background-color:var(--oniratec-button-bg-hover)}.oniratec-button:focus-visible:not(:disabled),button.oniratec-button:focus-visible:not(:disabled){box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-focus) 30%,transparent)}.oniratec-button:disabled,button.oniratec-button:disabled{background-color:var(--oniratec-button-bg-disabled);color:var(--oniratec-button-fg-disabled);cursor:not-allowed;opacity:1}.oniratec-button[data-size=sm]{height:2rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem}.oniratec-button[data-size=md]{height:2.25rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem}.oniratec-button[data-size=lg]{height:2.5rem;padding-left:1.25rem;padding-right:1.25rem;font-size:1rem;line-height:1.5rem}.oniratec-button[data-size=icon]{height:2.25rem;width:2.25rem;padding:0}.oniratec-button__spinner{height:1rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.oniratec-button__spinner{animation:spin 1s linear infinite}.oniratec-button[data-variant=primary]{--oniratec-button-bg:var(--oniratec-brand);--oniratec-button-fg:var(--oniratec-fill-primary)}.oniratec-button[data-variant=secondary]{--oniratec-button-bg:var(--oniratec-fill-secondary);--oniratec-button-fg:var(--oniratec-fill-primary)}.oniratec-button[data-variant=destructive]{--oniratec-button-bg:var(--oniratec-error);--oniratec-button-fg:#fff}.oniratec-button[data-variant=ghost]{--oniratec-button-bg:transparent;--oniratec-button-fg:var(--oniratec-brand);--oniratec-button-bg-hover:color-mix(in srgb,#000 6%,transparent);border-color:transparent}.oniratec-button[data-variant=ghost]:active:not(:disabled){background-color:color-mix(in srgb,#000 10%,transparent)}.oniratec-button[data-variant=link]{height:auto;padding:0;text-decoration-line:underline;text-underline-offset:4px;--oniratec-button-bg:transparent;--oniratec-button-fg:var(--oniratec-brand);border-color:transparent}@media (prefers-reduced-motion:reduce){.oniratec-button{transition:none}}.oniratec-input{display:block;width:100%;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oniratec-input:focus-visible{outline:2px solid transparent;outline-offset:2px}.oniratec-input:disabled{pointer-events:none}.oniratec-input{height:2.5rem;padding:0 .875rem;border-radius:.375rem;--oniratec-input-bg:var(--oniratec-fill-primary);--oniratec-input-bg-disabled:var(--oniratec-fill-disabled);--oniratec-input-fg:var(--oniratec-label-primary);--oniratec-input-fg-disabled:var(--oniratec-label-disabled);--oniratec-input-border:var(--oniratec-border-primary);--oniratec-input-border-focus:var(--oniratec-brand);background-color:var(--oniratec-input-bg);color:var(--oniratec-input-fg);border:1px solid var(--oniratec-input-border)}.oniratec-input::-moz-placeholder{color:var(--oniratec-label-secondary)}.oniratec-input::placeholder{color:var(--oniratec-label-secondary)}.oniratec-input:hover:not(:disabled):not(:focus-visible){border-color:color-mix(in srgb,var(--oniratec-input-border) 80%,var(--oniratec-brand))}.oniratec-input:focus-visible:not(:disabled){border-color:var(--oniratec-input-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-input-border-focus) 30%,transparent)}.oniratec-input:disabled{background-color:var(--oniratec-input-bg-disabled);color:var(--oniratec-input-fg-disabled);cursor:not-allowed;opacity:1}.oniratec-input[data-size=sm]{height:2rem;padding:0 .75rem;font-size:.75rem}.oniratec-input[data-size=md]{height:2.5rem;padding:0 .875rem;font-size:.875rem}.oniratec-input[data-size=lg]{height:2.75rem;padding:0 1rem;font-size:1rem}.oniratec-input[data-invalid=true]{--oniratec-input-border:var(--oniratec-error);--oniratec-input-border-focus:var(--oniratec-error)}.oniratec-input[data-invalid=true]:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-error) 30%,transparent)}@media (prefers-reduced-motion:reduce){.oniratec-input{transition:none}}.oniratec-toggle{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:.5rem}.oniratec-toggle:disabled{pointer-events:none}.oniratec-toggle{--oniratec-toggle-track-bg:var(--oniratec-fill-secondary);--oniratec-toggle-track-bg-checked:var(--oniratec-brand);--oniratec-toggle-track-bg-disabled:var(--oniratec-fill-disabled);--oniratec-toggle-thumb-bg:#fff;--oniratec-toggle-focus:var(--oniratec-focus)}.oniratec-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.oniratec-toggle__track{position:relative;display:inline-flex;flex-shrink:0;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:9999px;background-color:var(--oniratec-toggle-track-bg)}.oniratec-toggle__thumb{position:absolute;border-radius:9999px;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--oniratec-toggle-thumb-bg)}.oniratec-toggle[data-size=sm] .oniratec-toggle__track{height:1.25rem;width:2.25rem}.oniratec-toggle[data-size=sm] .oniratec-toggle__thumb{left:.125rem;height:1rem;width:1rem;transform:translateX(0)}.oniratec-toggle[data-size=md] .oniratec-toggle__track{height:1.5rem;width:2.75rem}.oniratec-toggle[data-size=md] .oniratec-toggle__thumb{left:.125rem;height:1.25rem;width:1.25rem;transform:translateX(0)}.oniratec-toggle__input:checked+.oniratec-toggle__track{background-color:var(--oniratec-toggle-track-bg-checked)}.oniratec-toggle[data-size=sm] .oniratec-toggle__input:checked+.oniratec-toggle__track .oniratec-toggle__thumb{transform:translateX(1rem)}.oniratec-toggle[data-size=md] .oniratec-toggle__input:checked+.oniratec-toggle__track .oniratec-toggle__thumb{transform:translateX(1.25rem)}.oniratec-toggle__input:focus-visible+.oniratec-toggle__track{box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-toggle-focus) 30%,transparent)}.oniratec-toggle__input:disabled+.oniratec-toggle__track{background-color:var(--oniratec-toggle-track-bg-disabled);opacity:1;cursor:not-allowed}.oniratec-dropdown{--oniratec-dropdown-bg:var(--oniratec-fill-primary);--oniratec-dropdown-border:var(--oniratec-border-primary);--oniratec-dropdown-fg:var(--oniratec-label-primary);--oniratec-dropdown-muted:var(--oniratec-label-secondary);--oniratec-dropdown-hover:color-mix(in srgb,var(--oniratec-brand) 10%,transparent);z-index:50;min-width:12rem;padding:.25rem;border-radius:.75rem;border:1px solid var(--oniratec-dropdown-border);background-color:var(--oniratec-dropdown-bg);box-shadow:0 10px 30px rgba(0,0,0,.12);animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.oniratec-dropdown[data-state=open]{animation-name:oniratec-fade-in-scale}.oniratec-dropdown[data-state=closed]{animation-name:oniratec-fade-out-scale}.oniratec-dropdown__item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.6rem;font-size:.875rem;font-weight:500;color:var(--oniratec-dropdown-fg);background-color:color-mix(in srgb,var(--oniratec-brand) 4%,transparent);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition:background-color .12s ease,box-shadow .12s ease}.oniratec-dropdown__item:focus-visible:not([data-disabled]),.oniratec-dropdown__item:hover:not([data-disabled]){background-color:color-mix(in srgb,var(--oniratec-brand) 10%,transparent)}.oniratec-dropdown__item[data-disabled]{opacity:.4;pointer-events:none}.oniratec-dropdown__icon{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--oniratec-dropdown-muted);flex-shrink:0}.oniratec-dropdown__icon svg{width:.875rem;height:.875rem}.oniratec-dropdown__item:focus-visible .oniratec-dropdown__icon,.oniratec-dropdown__item:hover .oniratec-dropdown__icon{color:var(--oniratec-dropdown-fg)}.oniratec-dropdown__item--icon-end{flex-direction:row-reverse}.oniratec-dropdown__indicator{position:absolute;left:.75rem;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--oniratec-brand)}.oniratec-dropdown__label{padding:.5rem .75rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--oniratec-dropdown-muted);border-bottom:1px solid var(--oniratec-dropdown-border)}.oniratec-dropdown__separator{margin:.25rem 0;height:1px;background-color:var(--oniratec-dropdown-border)}.oniratec-dropdown__shortcut{margin-left:auto;font-size:.75rem;letter-spacing:.1em;color:var(--oniratec-dropdown-muted)}.oniratec-dropdown__chevron{margin-left:auto;width:1rem;height:1rem;opacity:.5}@media (prefers-reduced-motion:reduce){.oniratec-dropdown{animation:none}}.oniratec-select{border:1px solid var(--oniratec-border-primary);padding:.25rem;box-shadow:var(--oniratec-shadow-card-md)}.oniratec-select,.oniratec-select__trigger{background:var(--oniratec-fill-primary);border-radius:.75rem}.oniratec-select__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;padding:0 .75rem;border:1px solid var(--oniratec-border-primary);color:var(--oniratec-label-primary);font-size:.875rem;cursor:pointer}.oniratec-select__trigger:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-focus) 30%,transparent)}.oniratec-select__trigger--error,.oniratec-select__trigger[aria-invalid=true]{border-color:var(--oniratec-error)}.oniratec-select__chevron{width:1rem;height:1rem;opacity:.5}.oniratec-select__item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;cursor:pointer}.oniratec-select__item:hover,.oniratec-select__item[data-state=checked]{background:color-mix(in srgb,var(--oniratec-brand) 10%,transparent)}.oniratec-select__indicator{color:var(--oniratec-brand)}.oniratec-tooltip{--tooltip-tint:var(--oniratec-brand);--tooltip-bg:color-mix(in srgb,var(--tooltip-tint) 14%,#fff);--tooltip-mesh:color-mix(in srgb,var(--tooltip-tint) 6%,transparent);--tooltip-border:color-mix(in srgb,var(--tooltip-tint) 35%,var(--oniratec-border-primary));position:relative;max-width:260px;padding:.55rem .75rem;font-size:.75rem;line-height:1.4;font-weight:500;color:var(--oniratec-label-primary);background-color:var(--tooltip-bg);border-radius:.75rem;border:1px solid var(--tooltip-border);background-image:radial-gradient(circle at top left,var(--tooltip-mesh),transparent 60%);box-shadow:0 8px 20px rgba(15,23,42,.18),0 2px 6px rgba(15,23,42,.12),inset 0 1px 0 hsla(0,0%,100%,.6);animation-duration:.12s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.oniratec-tooltip[data-state=delayed-open]{animation-name:oniratec-tooltip-in}.oniratec-tooltip[data-state=closed]{animation-name:oniratec-tooltip-out}.oniratec-tooltip__arrow{fill:var(--tooltip-bg);stroke:var(--tooltip-border);stroke-width:1px;filter:drop-shadow(0 2px 2px rgba(15,23,42,.15))}.oniratec-tooltip[data-tone=neutral]{--tooltip-tint:var(--oniratec-label-secondary)}.oniratec-tooltip[data-tone=dark]{--tooltip-tint:var(--oniratec-fill-secondary);color:#fff}.oniratec-field{display:flex;flex-direction:column;gap:.25rem}.oniratec-field__label{font-size:.75rem;font-weight:600;color:var(--oniratec-label-secondary)}.oniratec-field__required{margin-left:.25rem;color:var(--oniratec-error)}.oniratec-field__message{font-size:.75rem;color:var(--oniratec-error)}.oniratec-form-demo{display:flex;flex-direction:column;gap:1rem;max-width:420px}.oniratec-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}*,: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}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.right-3{right:.75rem}.top-1\/2{top:50%}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[60vh\]{height:60vh}.h-auto{height:auto}.w-1\/2{width:50%}.w-2{width:.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.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 pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(241 245 249/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/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))}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring-1{--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)}.ring-gray-100{--tw-ring-opacity:1;--tw-ring-color:rgb(243 244 246/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.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,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-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-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes oniratec-fade-in-scale{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oniratec-fade-out-scale{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes oniratec-tooltip-in{0%{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oniratec-tooltip-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(4px) scale(.96)}}.oniratec-focus-ring{box-shadow:0 0 0 2px color-mix(in srgb,var(--oniratec-focus) 30%,transparent)}.placeholder\:text-slate-400::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.placeholder\:text-slate-400::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:shadow-md:hover{--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);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-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.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\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme:dark){.dark\:bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}}

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "@oniratec/onira-react-ui",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "main": "dist/index.umd.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "style": "dist/styles.css",
   "files": [
     "dist"
   ],
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
-    "storybook": "storybook dev -p 6006",
+    "build:css": "tailwindcss -c tailwind.config.cjs -i ./src/tailwind.css -o ./dist/styles.css --minify",
+    "build": "tsc -p tsconfig.build.json && vite build && npm run build:css",
+    "prepublishOnly": "npm run build",
+    "storybook": "npm run build:css && storybook dev -p 6006",
     "build-storybook": "storybook build",
     "commit": "cz",
     "prepare": "husky",
@@ -20,7 +26,9 @@
     "lint:fix": "eslint . --fix",
     "typecheck": "tsc --noEmit",
     "test": "vitest",
-    "test:ci": "vitest run --environment node --passWithNoTests"
+    "test:ci": "vitest run --environment node --passWithNoTests",
+    "format": "prettier . --write",
+    "format:check": "prettier . --check"
   },
   "peerDependencies": {
     "react": "^18",
@@ -31,15 +39,13 @@
   },
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-select": "^2.2.6",
     "@radix-ui/react-tooltip": "^1.2.8",
     "boring-avatars": "^2.0.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lottie-react": "^2.4.1",
     "lucide-react": "^0.562.0",
-    "next": "^16.1.1",
-    "react": "^18",
-    "react-dom": "^18",
     "react-hook-form": "^7.70.0",
     "tailwind-merge": "^3.4.0"
   },
@@ -61,6 +67,7 @@
     "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser-playwright": "^4.0.16",
     "@vitest/coverage-v8": "^4.0.16",
+    "autoprefixer": "^10.4.23",
     "commitizen": "^4.3.1",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^9.39.2",
@@ -73,8 +80,13 @@
     "eslint-plugin-unused-imports": "^4.3.0",
     "globals": "^16.5.0",
     "husky": "^9.1.7",
+    "next": "^16.1.1",
     "playwright": "^1.57.0",
+    "postcss": "^8.5.6",
+    "prettier": "^3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "storybook": "^10.1.11",
+    "tailwindcss": "^3.4.17",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",