@vincisys/eyeson 0.1.3 → 0.2.0

package/dist/lib/field-styles.d.ts

@@ -0,0 +1,19 @@
+/** Shared Tailwind classes for the field chrome (label, floating label, popup, list) reused across Input, Select, and Combobox. */
+export declare const FIELD_ROOT = "box-border inline-flex w-[214px] flex-col gap-1.5 data-fluid:w-full";
+export declare const FIELD_LABEL_ROW = "flex items-center justify-between gap-3";
+export declare const FIELD_LABEL_TEXT = "inline-flex items-baseline gap-1 text-sm text-eds-neutral-main";
+export declare const FIELD_REQUIRED = "text-eds-red-main";
+export declare const FIELD_SUPPORT_LINK = "text-sm whitespace-nowrap text-eds-blue-main underline underline-offset-[0.15em] aria-disabled:pointer-events-none aria-disabled:opacity-60";
+export declare const FIELD_SUPPORTING_TEXT = "text-xs text-eds-neutral-elements data-[state=invalid]:text-eds-red-main";
+export declare const POPUP = "box-border min-w-(--anchor-width) max-h-[280px] overflow-visible rounded-eds-xs border border-eds-outline-border bg-white py-1 shadow-[0_4px_6px_-1px_rgb(0_0_0_/_0.07),0_2px_4px_-2px_rgb(0_0_0_/_0.06)]";
+export declare const LIST = "box-border max-h-60 overflow-y-auto overscroll-contain p-0.5 outline-none";
+export declare const LIST_ITEM = "box-border flex w-full cursor-pointer items-center gap-2 rounded-md px-2.5 py-2 text-left text-sm text-eds-neutral-main data-highlighted:bg-eds-neutral-elements/10 data-disabled:cursor-not-allowed data-disabled:opacity-50";
+export declare const LIST_ITEM_INDICATOR = "inline-flex size-4 shrink-0 items-center justify-center text-eds-blue-main";
+export declare const POSITIONER = "z-50 outline-none";
+/**
+ * Static floating label sitting on the control's border line, with a background
+ * mask cut into the border behind it. `left` is the size-dependent `left-*`
+ * utility matching the control's padding-inline-start.
+ */
+export declare function floatingLabel(left: string): string;
+//# sourceMappingURL=field-styles.d.ts.map

package/dist/lib/field-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-styles.d.ts","sourceRoot":"","sources":["../../src/lib/field-styles.ts"],"names":[],"mappings":"AAAA,mIAAmI;AAEnI,eAAO,MAAM,UAAU,wEAC+C,CAAC;AAEvE,eAAO,MAAM,eAAe,4CAA4C,CAAC;AAEzE,eAAO,MAAM,gBAAgB,mEACoC,CAAC;AAElE,eAAO,MAAM,cAAc,sBAAsB,CAAC;AAElD,eAAO,MAAM,kBAAkB,gJAC+G,CAAC;AAE/I,eAAO,MAAM,qBAAqB,6EACyC,CAAC;AAE5E,eAAO,MAAM,KAAK,8MAC0L,CAAC;AAE7M,eAAO,MAAM,IAAI,8EAC2D,CAAC;AAE7E,eAAO,MAAM,SAAS,kOAC0M,CAAC;AAEjO,eAAO,MAAM,mBAAmB,+EAC6C,CAAC;AAE9E,eAAO,MAAM,UAAU,sBAAsB,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,UAEzC"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAE7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/styles/eyes-binding.css

@@ -0,0 +1,71 @@
+@import './theme-eyes.css';
+@import '@fontsource-variable/inter';
+
+@font-face {
+	font-family: 'GT Walsheim Pro';
+	src: url('/fonts/GTWalsheimPro-Thin.ttf') format('truetype');
+	font-weight: 100;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'GT Walsheim Pro';
+	src: url('/fonts/GTWalsheimPro-Light.ttf') format('truetype');
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'GT Walsheim Pro';
+	src: url('/fonts/GTWalsheimPro-Regular.ttf') format('truetype');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'GT Walsheim Pro';
+	src: url('/fonts/GTWalsheimPro-Medium.ttf') format('truetype');
+	font-weight: 500;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'GT Walsheim Pro';
+	src: url('/fonts/GTWalsheimPro-Bold.ttf') format('truetype');
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap;
+}
+
+@layer base {
+	html {
+		font-family: var(--font-sans);
+	}
+
+	:root {
+		--eds-color-blue-background: var(--color-eds-blue-background);
+		--eds-color-blue-dark: var(--color-eds-blue-dark);
+		--eds-color-blue-main: var(--color-eds-blue-main);
+		--eds-color-blue-middle: var(--color-eds-blue-middle);
+		--eds-color-green-background: var(--color-eds-green-background);
+		--eds-color-green-dark: var(--color-eds-green-dark);
+		--eds-color-green-main: var(--color-eds-green-main);
+		--eds-color-green-middle: var(--color-eds-green-middle);
+		--eds-color-neutral-background: var(--color-eds-neutral-background);
+		--eds-color-neutral-disabled: var(--color-eds-neutral-disabled);
+		--eds-color-neutral-elements: var(--color-eds-neutral-elements);
+		--eds-color-neutral-main: var(--color-eds-neutral-main);
+		--eds-color-orange-background: var(--color-eds-orange-background);
+		--eds-color-orange-dark: var(--color-eds-orange-dark);
+		--eds-color-orange-main: var(--color-eds-orange-main);
+		--eds-color-orange-middle: var(--color-eds-orange-middle);
+		--eds-color-red-background: var(--color-eds-red-background);
+		--eds-color-red-dark: var(--color-eds-red-dark);
+		--eds-color-red-main: var(--color-eds-red-main);
+		--eds-color-red-middle: var(--color-eds-red-middle);
+	}
+}

package/dist/styles/eyes-standalone.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
+@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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;--tw-content:"";--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Inter Variable", "GT Walsheim Pro", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-eds-lil:6px;--radius-eds-xs:8px;--radius-eds-sm:12px;--radius-eds-md:16px;--color-eds-blue-background:#9ec1d4;--color-eds-blue-dark:#013652;--color-eds-blue-main:#0074ae;--color-eds-blue-middle:#4f90b2;--color-eds-green-background:#c3e5b1;--color-eds-green-dark:#21480d;--color-eds-green-main:#60cb27;--color-eds-green-middle:#8cc96b;--color-eds-neutral-background:#f5f5f5;--color-eds-neutral-disabled:#b5b5b5;--color-eds-neutral-elements:#6d6863;--color-eds-neutral-main:#181818;--color-eds-orange-background:#ffd4b5;--color-eds-orange-dark:#7f4418;--color-eds-orange-main:#f58220;--color-eds-orange-middle:#fab07a;--color-eds-red-background:#ffb7ae;--color-eds-red-dark:#7f241c;--color-eds-red-main:#f5432c;--color-eds-red-middle:#ff7f6e;--color-eds-outline-border:#e4e4e7;--color-eds-outline-focus-ring:#a1a1aa73;--animate-eds-spin:eds-spin .7s linear infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-sans)}:root{--eds-color-blue-background:var(--color-eds-blue-background);--eds-color-blue-dark:var(--color-eds-blue-dark);--eds-color-blue-main:var(--color-eds-blue-main);--eds-color-blue-middle:var(--color-eds-blue-middle);--eds-color-green-background:var(--color-eds-green-background);--eds-color-green-dark:var(--color-eds-green-dark);--eds-color-green-main:var(--color-eds-green-main);--eds-color-green-middle:var(--color-eds-green-middle);--eds-color-neutral-background:var(--color-eds-neutral-background);--eds-color-neutral-disabled:var(--color-eds-neutral-disabled);--eds-color-neutral-elements:var(--color-eds-neutral-elements);--eds-color-neutral-main:var(--color-eds-neutral-main);--eds-color-orange-background:var(--color-eds-orange-background);--eds-color-orange-dark:var(--color-eds-orange-dark);--eds-color-orange-main:var(--color-eds-orange-main);--eds-color-orange-middle:var(--color-eds-orange-middle);--eds-color-red-background:var(--color-eds-red-background);--eds-color-red-dark:var(--color-eds-red-dark);--eds-color-red-main:var(--color-eds-red-main);--eds-color-red-middle:var(--color-eds-red-middle)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-\(--active-tab-top\){top:var(--active-tab-top)}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.isolate{isolation:isolate}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-50{z-index:50}.z-\[60\]{z-index:60}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-\[18px\]{width:18px;height:18px}.size-full{width:100%;height:100%}.h-\(--active-tab-height\){height:var(--active-tab-height)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-5{height:calc(var(--spacing) * 5)}.h-6\.5{height:calc(var(--spacing) * 6.5)}.h-7\.5{height:calc(var(--spacing) * 7.5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[280px\]{max-height:280px}.max-h-\[calc\(100vh-4rem\)\]{max-height:calc(100vh - 4rem)}.min-h-0{min-height:0}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-12{min-height:calc(var(--spacing) * 12)}.w-\(--active-tab-width\){width:var(--active-tab-width)}.w-10{width:calc(var(--spacing) * 10)}.w-40{width:calc(var(--spacing) * 40)}.w-\[2px\]{width:2px}.w-\[10px\]{width:10px}.w-\[214px\]{width:214px}.w-\[284px\]{width:284px}.w-full{width:100%}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-sm{max-width:var(--container-sm)}.min-w-\(--anchor-width\){min-width:var(--anchor-width)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\(--active-tab-left\){--tw-translate-x:var(--active-tab-left);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-eds-spin{animation:var(--animate-eds-spin)}.cursor-col-resize{cursor:col-resize}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-px-\(--scroll-fade-width\){scroll-padding-inline:var(--scroll-fade-width)}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[9px\]{gap:9px}.self-center{align-self:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[4px\]{border-radius:4px}.rounded-eds-lil{border-radius:var(--radius-eds-lil)}.rounded-eds-md{border-radius:var(--radius-eds-md)}.rounded-eds-sm{border-radius:var(--radius-eds-sm)}.rounded-eds-xs{border-radius:var(--radius-eds-xs)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l-full{border-top-left-radius:3.40282e38px;border-bottom-left-radius:3.40282e38px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_42\%\,var\(--color-eds-outline-border\)\)\]{border-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_42\%\,var\(--color-eds-outline-border\)\)\]{border-color:color-mix(in srgb,var(--eds-btn-accent) 42%,var(--color-eds-outline-border))}}.border-eds-neutral-disabled{border-color:var(--color-eds-neutral-disabled)}.border-eds-neutral-elements{border-color:var(--color-eds-neutral-elements)}.border-eds-outline-border{border-color:var(--color-eds-outline-border)}.bg-\(--eds-calendar-dot\){background-color:var(--eds-calendar-dot)}.bg-\[var\(--eds-btn-accent\)\]{background-color:var(--eds-btn-accent)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-eds-blue-background\/20{background-color:#9ec1d433}@supports (color:color-mix(in lab, red, red)){.bg-eds-blue-background\/20{background-color:color-mix(in oklab, var(--color-eds-blue-background) 20%, transparent)}}.bg-eds-blue-main{background-color:var(--color-eds-blue-main)}.bg-eds-blue-main\/10{background-color:#0074ae1a}@supports (color:color-mix(in lab, red, red)){.bg-eds-blue-main\/10{background-color:color-mix(in oklab, var(--color-eds-blue-main) 10%, transparent)}}.bg-eds-neutral-background{background-color:var(--color-eds-neutral-background)}.bg-eds-neutral-disabled{background-color:var(--color-eds-neutral-disabled)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\[mask-image\:linear-gradient\(to_right\,transparent\,black_var\(--scroll-fade-width\)\,black_calc\(100\%-var\(--scroll-fade-width\)\)\,transparent\)\]{-webkit-mask-image:linear-gradient(to right,transparent,black var(--scroll-fade-width),black calc(100% - var(--scroll-fade-width)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black var(--scroll-fade-width),black calc(100% - var(--scroll-fade-width)),transparent);mask-image:linear-gradient(to right,transparent,black var(--scroll-fade-width),black calc(100% - var(--scroll-fade-width)),transparent)}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--eds-btn-accent\)\]{color:var(--eds-btn-accent)}.text-\[var\(--eds-btn-solid-fg\,\#fff\)\]{color:var(--eds-btn-solid-fg,#fff)}.text-eds-blue-main{color:var(--color-eds-blue-main)}.text-eds-green-dark{color:var(--color-eds-green-dark)}.text-eds-neutral-elements{color:var(--color-eds-neutral-elements)}.text-eds-neutral-elements\/50{color:#6d686380}@supports (color:color-mix(in lab, red, red)){.text-eds-neutral-elements\/50{color:color-mix(in oklab, var(--color-eds-neutral-elements) 50%, transparent)}}.text-eds-neutral-main{color:var(--color-eds-neutral-main)}.text-eds-red-main{color:var(--color-eds-red-main)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.underline{text-decoration-line:underline}.decoration-\[var\(--eds-btn-accent\)\]{-webkit-text-decoration-color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent)}.underline-offset-\[0\.15em\]{text-underline-offset:.15em}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow-\[0_4px_6px_-1px_rgb\(0_0_0_\/_0\.07\)\,0_2px_4px_-2px_rgb\(0_0_0_\/_0\.06\)\]{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#00000012), 0 2px 4px -2px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--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)}.ring-eds-blue-main{--tw-ring-color:var(--color-eds-blue-main)}.ring-eds-outline-border{--tw-ring-color:var(--color-eds-outline-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[--scroll-fade-width\:3rem\]{--scroll-fade-width:3rem}.ring-inset{--tw-ring-inset:inset}.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-blue-main\)_45\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:#7db2cd}@supports (color:color-mix(in lab, red, red)){.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-blue-main\)_45\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:color-mix(in srgb,var(--color-eds-blue-main) 45%,var(--color-eds-outline-border))}}.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-green-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:#9bd67d}@supports (color:color-mix(in lab, red, red)){.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-green-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:color-mix(in srgb,var(--color-eds-green-main) 55%,var(--color-eds-outline-border))}}.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-red-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:#ed8b80}@supports (color:color-mix(in lab, red, red)){.not-focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-red-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-within){border-color:color-mix(in srgb,var(--color-eds-red-main) 55%,var(--color-eds-outline-border))}}.not-focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-green-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-visible){border-color:#9bd67d}@supports (color:color-mix(in lab, red, red)){.not-focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-green-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-visible){border-color:color-mix(in srgb,var(--color-eds-green-main) 55%,var(--color-eds-outline-border))}}.not-focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-red-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-visible){border-color:#ed8b80}@supports (color:color-mix(in lab, red, red)){.not-focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-red-main\)_55\%\,var\(--color-eds-outline-border\)\)\]:not(:focus-visible){border-color:color-mix(in srgb,var(--color-eds-red-main) 55%,var(--color-eds-outline-border))}}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-data-\[compact\]\/header\:bg-eds-neutral-background:is(:where(.group\/header)[data-compact] *){background-color:var(--color-eds-neutral-background)}.placeholder\:text-eds-neutral-elements::placeholder{color:var(--color-eds-neutral-elements)}.placeholder\:opacity-100::placeholder{opacity:1}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-3:before{content:var(--tw-content);inset:calc(var(--spacing) * -3)}.before\:inset-x-0:before{content:var(--tw-content);inset-inline:0}.before\:inset-y-0:before{content:var(--tw-content);inset-block:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:-right-6:before{content:var(--tw-content);right:calc(var(--spacing) * -6)}.before\:-left-6:before{content:var(--tw-content);left:calc(var(--spacing) * -6)}.before\:-z-10:before{content:var(--tw-content);z-index:calc(10 * -1)}.before\:h-0\.5:before{content:var(--tw-content);height:calc(var(--spacing) * .5)}.before\:w-6:before{content:var(--tw-content);width:calc(var(--spacing) * 6)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:bg-white:before{content:var(--tw-content);background-color:var(--color-white)}.before\:bg-gradient-to-l:before{content:var(--tw-content);--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:bg-gradient-to-r:before{content:var(--tw-content);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.before\:to-white:before{content:var(--tw-content);--tw-gradient-to:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.group-data-disabled\:before\:bg-eds-neutral-background:is(:where(.group)[data-disabled] *):before{content:var(--tw-content);background-color:var(--color-eds-neutral-background)}.group-data-\[compact\]\/header\:before\:to-eds-neutral-background:is(:where(.group\/header)[data-compact] *):before{content:var(--tw-content);--tw-gradient-to:var(--color-eds-neutral-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.read-only\:not-disabled\:cursor-pointer:read-only:not(:disabled){cursor:pointer}.focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-neutral-elements\)_35\%\,var\(--color-eds-outline-border\)\)\]:focus-within{border-color:#bab9b9}@supports (color:color-mix(in lab, red, red)){.focus-within\:border-\[color-mix\(in_srgb\,var\(--color-eds-neutral-elements\)_35\%\,var\(--color-eds-outline-border\)\)\]:focus-within{border-color:color-mix(in srgb,var(--color-eds-neutral-elements) 35%,var(--color-eds-outline-border))}}.focus-within\:shadow-\[0_0_0_3px_var\(--color-eds-outline-focus-ring\)\]:focus-within{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-eds-outline-focus-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.hover\:border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_58\%\,var\(--color-eds-outline-border\)\)\]:hover{border-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_58\%\,var\(--color-eds-outline-border\)\)\]:hover{border-color:color-mix(in srgb,var(--eds-btn-accent) 58%,var(--color-eds-outline-border))}}.hover\:bg-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_10\%\,transparent\)\]:hover{background-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_10\%\,transparent\)\]:hover{background-color:color-mix(in srgb,var(--eds-btn-accent) 10%,transparent)}}.hover\:bg-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{background-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{background-color:color-mix(in srgb,var(--eds-btn-accent) 78%,black)}}.hover\:bg-eds-neutral-background:hover{background-color:var(--color-eds-neutral-background)}.hover\:bg-eds-neutral-elements\/10:hover{background-color:#6d68631a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-eds-neutral-elements\/10:hover{background-color:color-mix(in oklab, var(--color-eds-neutral-elements) 10%, transparent)}}.hover\:text-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{color:color-mix(in srgb,var(--eds-btn-accent) 78%,black)}}.hover\:text-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_88\%\,black\)\]:hover{color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_88\%\,black\)\]:hover{color:color-mix(in srgb,var(--eds-btn-accent) 88%,black)}}.hover\:text-eds-neutral-main:hover{color:var(--color-eds-neutral-main)}.hover\:decoration-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{-webkit-text-decoration-color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.hover\:decoration-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_78\%\,black\)\]:hover{-webkit-text-decoration-color:color-mix(in srgb,var(--eds-btn-accent) 78%,black);-webkit-text-decoration-color:color-mix(in srgb,var(--eds-btn-accent) 78%,black);text-decoration-color:color-mix(in srgb,var(--eds-btn-accent) 78%,black)}}.hover\:not-data-disabled\:bg-eds-neutral-elements\/8:hover:not([data-disabled]){background-color:#6d686314}@supports (color:color-mix(in lab, red, red)){.hover\:not-data-disabled\:bg-eds-neutral-elements\/8:hover:not([data-disabled]){background-color:color-mix(in oklab, var(--color-eds-neutral-elements) 8%, transparent)}}.hover\:not-data-disabled\:text-eds-neutral-main:hover:not([data-disabled]){color:var(--color-eds-neutral-main)}}.focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-neutral-elements\)_35\%\,var\(--color-eds-outline-border\)\)\]:focus-visible{border-color:#bab9b9}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-\[color-mix\(in_srgb\,var\(--color-eds-neutral-elements\)_35\%\,var\(--color-eds-outline-border\)\)\]:focus-visible{border-color:color-mix(in srgb,var(--color-eds-neutral-elements) 35%,var(--color-eds-outline-border))}}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eds-btn-accent\)_38\%\,transparent\)\]:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--eds-btn-accent))}@supports (color:color-mix(in lab, red, red)){.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eds-btn-accent\)_38\%\,transparent\)\]:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,color-mix(in srgb,var(--eds-btn-accent) 38%,transparent))}}.focus-visible\:shadow-\[0_0_0_3px_color-mix\(in_srgb\,var\(--eds-btn-accent\)_38\%\,transparent\)\]:focus-visible{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\:shadow-\[0_0_0_3px_var\(--color-eds-outline-focus-ring\)\]:focus-visible{--tw-shadow:0 0 0 3px var(--tw-shadow-color,var(--color-eds-outline-focus-ring));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-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-eds-blue-main:focus-visible{--tw-ring-color:var(--color-eds-blue-main)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--eds-btn-accent\)\]:focus-visible{outline-color:var(--eds-btn-accent)}.focus-visible\:outline-eds-blue-main:focus-visible{outline-color:var(--color-eds-blue-main)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.active\:cursor-grabbing:active{cursor:grabbing}.active\:brightness-95:active{--tw-brightness:brightness(95%);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,)}.active\:brightness-\[0\.92\]:active{--tw-brightness:brightness(.92);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,)}.active\:brightness-\[0\.98\]:active{--tw-brightness:brightness(.98);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,)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.has-\[\[data-slot\=card-action\]\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-60[aria-disabled=true]{opacity:.6}.aria-selected\:font-medium[aria-selected=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.aria-selected\:text-eds-neutral-main[aria-selected=true]{color:var(--color-eds-neutral-main)}@media (hover:hover){.aria-selected\:hover\:bg-eds-neutral-elements\/10[aria-selected=true]:hover{background-color:#6d68631a}@supports (color:color-mix(in lab, red, red)){.aria-selected\:hover\:bg-eds-neutral-elements\/10[aria-selected=true]:hover{background-color:color-mix(in oklab, var(--color-eds-neutral-elements) 10%, transparent)}}}.data-checked\:border-eds-blue-main[data-checked]{border-color:var(--color-eds-blue-main)}.data-checked\:bg-eds-blue-main[data-checked]{background-color:var(--color-eds-blue-main)}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-disabled\:border-eds-neutral-disabled[data-disabled]{border-color:var(--color-eds-neutral-disabled)}.data-disabled\:border-eds-outline-border[data-disabled]{border-color:var(--color-eds-outline-border)}.data-disabled\:bg-eds-neutral-background[data-disabled]{background-color:var(--color-eds-neutral-background)}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-disabled\:opacity-70[data-disabled]{opacity:.7}.data-disabled\:not-data-loading\:cursor-not-allowed[data-disabled]:not([data-loading]){cursor:not-allowed}.data-disabled\:not-data-loading\:border-eds-outline-border[data-disabled]:not([data-loading]){border-color:var(--color-eds-outline-border)}.data-disabled\:not-data-loading\:bg-eds-neutral-disabled[data-disabled]:not([data-loading]){background-color:var(--color-eds-neutral-disabled)}.data-disabled\:not-data-loading\:bg-transparent[data-disabled]:not([data-loading]){background-color:#0000}.data-disabled\:not-data-loading\:text-eds-neutral-disabled[data-disabled]:not([data-loading]){color:var(--color-eds-neutral-disabled)}.data-disabled\:not-data-loading\:text-white[data-disabled]:not([data-loading]){color:var(--color-white)}.data-disabled\:not-data-loading\:decoration-eds-neutral-disabled[data-disabled]:not([data-loading]){-webkit-text-decoration-color:var(--color-eds-neutral-disabled);-webkit-text-decoration-color:var(--color-eds-neutral-disabled);text-decoration-color:var(--color-eds-neutral-disabled)}.data-disabled\:not-data-loading\:opacity-50[data-disabled]:not([data-loading]){opacity:.5}.data-fluid\:w-full[data-fluid]{width:100%}.data-highlighted\:bg-eds-neutral-elements\/10[data-highlighted]{background-color:#6d68631a}@supports (color:color-mix(in lab, red, red)){.data-highlighted\:bg-eds-neutral-elements\/10[data-highlighted]{background-color:color-mix(in oklab, var(--color-eds-neutral-elements) 10%, transparent)}}.data-indeterminate\:border-eds-blue-main[data-indeterminate]{border-color:var(--color-eds-blue-main)}.data-indeterminate\:bg-eds-blue-main[data-indeterminate]{background-color:var(--color-eds-blue-main)}.data-loading\:data-disabled\:cursor-wait[data-loading][data-disabled]{cursor:wait}.data-loading\:data-disabled\:border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_42\%\,var\(--color-eds-outline-border\)\)\][data-loading][data-disabled]{border-color:var(--eds-btn-accent)}@supports (color:color-mix(in lab, red, red)){.data-loading\:data-disabled\:border-\[color-mix\(in_srgb\,var\(--eds-btn-accent\)_42\%\,var\(--color-eds-outline-border\)\)\][data-loading][data-disabled]{border-color:color-mix(in srgb,var(--eds-btn-accent) 42%,var(--color-eds-outline-border))}}.data-loading\:data-disabled\:bg-\[var\(--eds-btn-accent\)\][data-loading][data-disabled]{background-color:var(--eds-btn-accent)}.data-loading\:data-disabled\:bg-transparent[data-loading][data-disabled]{background-color:#0000}.data-loading\:data-disabled\:text-\[var\(--eds-btn-accent\)\][data-loading][data-disabled]{color:var(--eds-btn-accent)}.data-loading\:data-disabled\:text-\[var\(--eds-btn-solid-fg\,\#fff\)\][data-loading][data-disabled]{color:var(--eds-btn-solid-fg,#fff)}.data-loading\:data-disabled\:decoration-\[var\(--eds-btn-accent\)\][data-loading][data-disabled]{-webkit-text-decoration-color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent)}.data-loading\:data-disabled\:opacity-100[data-loading][data-disabled]{opacity:1}.data-unchecked\:invisible[data-unchecked]{visibility:hidden}.data-\[ending-style\]\:scale-95[data-ending-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[rendered\=false\]\:scale-90[data-rendered=false]{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[rendered\=false\]\:opacity-0[data-rendered=false]{opacity:0}.data-\[starting-style\]\:scale-95[data-starting-style]{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=invalid\]\:text-eds-red-main[data-state=invalid]{color:var(--color-eds-red-main)}@media (min-width:40rem){.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:w-96{width:calc(var(--spacing) * 96)}.sm\:w-\[32rem\]{width:32rem}.sm\:w-\[48rem\]{width:48rem}}.\[\&_\.eds-btn-icon-wrap\]\:size-7 .eds-btn-icon-wrap{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.\[\&_\.eds-btn-icon-wrap\]\:size-\[1\.125rem\] .eds-btn-icon-wrap{width:1.125rem;height:1.125rem}.\[\&_\.eds-btn-icon-wrap\]\:size-\[1\.375rem\] .eds-btn-icon-wrap{width:1.375rem;height:1.375rem}.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_td\]\:border-eds-neutral-disabled td{border-color:var(--color-eds-neutral-disabled)}.\[\&_td\]\:p-3 td{padding:calc(var(--spacing) * 3)}.\[\&_th\]\:sticky th{position:sticky}.\[\&_th\]\:top-0 th{top:0}.\[\&_th\]\:z-1 th{z-index:1}.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_th\]\:border-eds-neutral-disabled th{border-color:var(--color-eds-neutral-disabled)}.\[\&_th\]\:bg-eds-neutral-background th{background-color:var(--color-eds-neutral-background)}.\[\&_th\]\:bg-white th{background-color:var(--color-white)}.\[\&_th\]\:p-3 th{padding:calc(var(--spacing) * 3)}.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing) * 2)}.\[\&_th\]\:text-base th{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_tr\:last-child_td\]\:border-b-0 tr:last-child td{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}}@keyframes eds-spin{to{transform:rotate(360deg)}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-cyrillic-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-cyrillic-wght-normal.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-greek-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-greek-wght-normal.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-vietnamese-wght-normal.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./files/inter-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:GT Walsheim Pro;src:url(/fonts/GTWalsheimPro-Thin.ttf)format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:GT Walsheim Pro;src:url(/fonts/GTWalsheimPro-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:GT Walsheim Pro;src:url(/fonts/GTWalsheimPro-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GT Walsheim Pro;src:url(/fonts/GTWalsheimPro-Medium.ttf)format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GT Walsheim Pro;src:url(/fonts/GTWalsheimPro-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

package/dist/styles/eyes.css

@@ -0,0 +1 @@
+@import './eyes-binding.css';

package/dist/styles/theme-eyes.css

@@ -0,0 +1,48 @@
+@theme {
+	--font-sans:
+		'Inter Variable', 'GT Walsheim Pro', ui-sans-serif, system-ui,
+		sans-serif;
+
+	--radius-eds-lil: 6px;
+	--radius-eds-xs: 8px;
+	--radius-eds-sm: 12px;
+	--radius-eds-md: 16px;
+	--radius-eds-lg: 20px;
+	--radius-eds-xl: 24px;
+
+	--color-eds-blue-background: #9ec1d4;
+	--color-eds-blue-dark: #013652;
+	--color-eds-blue-main: #0074ae;
+	--color-eds-blue-middle: #4f90b2;
+
+	--color-eds-green-background: #c3e5b1;
+	--color-eds-green-dark: #21480d;
+	--color-eds-green-main: #60cb27;
+	--color-eds-green-middle: #8cc96b;
+
+	--color-eds-neutral-background: #f5f5f5;
+	--color-eds-neutral-disabled: #b5b5b5;
+	--color-eds-neutral-elements: #6d6863;
+	--color-eds-neutral-main: #181818;
+
+	--color-eds-orange-background: #ffd4b5;
+	--color-eds-orange-dark: #7f4418;
+	--color-eds-orange-main: #f58220;
+	--color-eds-orange-middle: #fab07a;
+
+	--color-eds-red-background: #ffb7ae;
+	--color-eds-red-dark: #7f241c;
+	--color-eds-red-main: #f5432c;
+	--color-eds-red-middle: #ff7f6e;
+
+	--color-eds-outline-border: hsl(240 5.9% 90%);
+	--color-eds-outline-focus-ring: hsl(240 5% 64.9% / 0.45);
+
+	--animate-eds-spin: eds-spin 0.7s linear infinite;
+}
+
+@keyframes eds-spin {
+	to {
+		transform: rotate(360deg);
+	}
+}

package/dist/utils/resolve-variant.d.ts

@@ -0,0 +1,2 @@
+export declare function resolveVariant<T extends Record<string, unknown>>(variants: T, key: string, fallback: keyof T & string): T[keyof T];
+//# sourceMappingURL=resolve-variant.d.ts.map

package/dist/utils/resolve-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolve-variant.d.ts","sourceRoot":"","sources":["../../src/utils/resolve-variant.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/D,QAAQ,EAAE,CAAC,EACX,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,CAAC,GAAG,MAAM,GACxB,CAAC,CAAC,MAAM,CAAC,CAAC,CAaZ"}

package/package.json

@@ -1,88 +1,73 @@
 {
-	"name": "@vincisys/eyeson",
-	"private": false,
-	"version": "0.1.3",
-	"type": "module",
-	"files": [
-		"dist",
-		"styles.css"
-	],
-	"exports": {
-		"./Button": {
-			"types": "./dist/Button.d.ts",
-			"import": "./dist/Button.js",
-			"default": "./dist/Button.js"
-		},
-		"./Input": {
-			"types": "./dist/Input.d.ts",
-			"import": "./dist/Input.js",
-			"default": "./dist/Input.js"
-		},
-		"./Combobox": {
-			"types": "./dist/Combobox.d.ts",
-			"import": "./dist/Combobox.js",
-			"default": "./dist/Combobox.js"
-		},
-		"./styles.css": "./styles.css"
-	},
-	"sideEffects": [
-		"**/*.css"
-	],
-	"scripts": {
-		"dev": "vite",
-		"build": "rm -rf dist && vite build && tsc -p tsconfig.dts.json && node scripts/merge-styles.mjs",
-		"build:js": "vite build",
-		"build:types": "tsc -p tsconfig.dts.json",
-		"typecheck": "tsc -b",
-		"lint": "eslint .",
-		"preview": "vite preview",
-		"storybook": "storybook dev -p 6006",
-		"build-storybook": "storybook build",
-		"prepublishOnly": "npm run build"
-	},
-	"dependencies": {
-		"@fontsource-variable/geist": "^5.2.8",
-		"@tanstack/react-table": "^8.21.3",
-		"brazilian-values": "^0.13.1",
-		"class-variance-authority": "^0.7.1"
-	},
-	"peerDependencies": {
-		"@base-ui/react": "^1.3.0",
-		"clsx": "^2.1.1",
-		"lucide-react": ">=0.400.0",
-		"react": ">=18",
-		"react-dom": ">=18"
-	},
-	"devDependencies": {
-		"@base-ui/react": "^1.3.0",
-		"@chromatic-com/storybook": "^5.1.1",
-		"@eslint/js": "^9.39.4",
-		"@storybook/addon-a11y": "^10.3.4",
-		"@storybook/addon-docs": "^10.3.4",
-		"@storybook/addon-onboarding": "^10.3.4",
-		"@storybook/addon-vitest": "^10.3.4",
-		"@storybook/react-vite": "^10.3.4",
-		"@types/node": "^24.12.2",
-		"@types/react": "^19.2.14",
-		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^6.0.1",
-		"@vitest/browser-playwright": "^4.1.3",
-		"@vitest/coverage-v8": "^4.1.3",
-		"clsx": "^2.1.1",
-		"eslint": "^9.39.4",
-		"eslint-plugin-react-hooks": "^7.0.1",
-		"eslint-plugin-react-refresh": "^0.5.2",
-		"eslint-plugin-storybook": "^10.3.4",
-		"globals": "^17.4.0",
-		"lucide-react": "^1.7.0",
-		"playwright": "^1.59.1",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4",
-		"shadcn": "^4.1.2",
-		"storybook": "^10.3.4",
-		"typescript": "~6.0.2",
-		"typescript-eslint": "^8.58.0",
-		"vite": "^8.0.4",
-		"vitest": "^4.1.3"
-	}
-}
+  "name": "@vincisys/eyeson",
+  "private": false,
+  "version": "0.2.0",
+  "type": "module",
+  "files": [
+    "dist",
+    "styles.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/eyes.css",
+    "./styles/tailwind": "./dist/styles/eyes.css",
+    "./styles.css": "./dist/styles/eyes-standalone.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "dependencies": {
+    "@fontsource-variable/geist": "^5.2.8",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "brazilian-values": "^0.13.1",
+    "class-variance-authority": "^0.7.1",
+    "date-fns": "^4.4.0"
+  },
+  "peerDependencies": {
+    "@base-ui/react": "^1.3.0",
+    "clsx": "^2.1.1",
+    "lucide-react": ">=0.400.0",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@base-ui/react": "^1.3.0",
+    "@tailwindcss/cli": "^4.1.17",
+    "@tailwindcss/vite": "^4.1.17",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.12.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
+    "@vitest/ui": "^4.1.0",
+    "clsx": "^2.1.1",
+    "happy-dom": "^20.8.8",
+    "lucide-react": "^1.7.0",
+    "playwright": "^1.57.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tailwindcss": "^4.1.17",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.4",
+    "vitest": "^4.1.0",
+    "vitest-browser-react": "^2.0.5"
+  },
+  "scripts": {
+    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\" && vite build && tsc -p tsconfig.dts.json && node scripts/css-build.mjs",
+    "typecheck": "tsc -b",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:ui": "vitest --ui",
+    "test:browser": "vitest --config=vitest.browser.config.ts",
+    "test:exports": "vitest run tests/imports",
+    "test:coverage": "vitest run --coverage"
+  }
+}

package/styles.css

@@ -1 +1 @@
-@import './dist/styles.css';
+@import './dist/styles/eyes-standalone.css';

package/README.md

@@ -1,27 +0,0 @@
-# eyeson-design-system
-
-Componentes React + estilos (Tailwind) para o design system da Eyeson.
-
-## Instalação
-
-```bash
-npm i eyeson-design-system
-```
-
-## Uso (CSS)
-
-Importe o CSS do design system uma vez no seu app:
-
-```ts
-import 'eyeson-design-system/styles.css'
-```
-
-### Dark mode
-
-Se seu app usa `dark` class-based (Tailwind), aplique `.dark` no `html`/`body` (ou no seu root) e os tokens vão acompanhar.
-
-## Uso (componentes)
-
-```ts
-import { Button } from 'eyeson-design-system'
-```

package/dist/Button.d.ts

@@ -1,5 +0,0 @@
-export { default } from './components/Button/Button';
-export { COLORS } from './constants/colors';
-export type { ButtonProps, ButtonColor, ButtonIconPosition, ButtonSize, ButtonVariant, } from './components/Button/Button';
-export type { EdsSemanticColor } from './constants/colors';
-//# sourceMappingURL=Button.d.ts.map

package/dist/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/Button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EACX,WAAW,EACX,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,aAAa,GACb,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Button.js

@@ -1,120 +0,0 @@
-import { Button as e } from "@base-ui/react/button";
-import t from "clsx";
-import { Loader2 as n } from "lucide-react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-var o = {
-	Button: "_Button_nx0ay_1",
-	"color-blue-background": "_color-blue-background_nx0ay_20",
-	"color-blue-dark": "_color-blue-dark_nx0ay_25",
-	"color-blue-main": "_color-blue-main_nx0ay_29",
-	"color-blue-middle": "_color-blue-middle_nx0ay_33",
-	"color-green-background": "_color-green-background_nx0ay_37",
-	"color-green-dark": "_color-green-dark_nx0ay_42",
-	"color-green-main": "_color-green-main_nx0ay_46",
-	"color-green-middle": "_color-green-middle_nx0ay_51",
-	"color-neutral-background": "_color-neutral-background_nx0ay_56",
-	"color-neutral-disabled": "_color-neutral-disabled_nx0ay_61",
-	"color-neutral-elements": "_color-neutral-elements_nx0ay_66",
-	"color-neutral-main": "_color-neutral-main_nx0ay_70",
-	"color-orange-background": "_color-orange-background_nx0ay_74",
-	"color-orange-dark": "_color-orange-dark_nx0ay_79",
-	"color-orange-main": "_color-orange-main_nx0ay_83",
-	"color-orange-middle": "_color-orange-middle_nx0ay_87",
-	"color-red-background": "_color-red-background_nx0ay_92",
-	"color-red-dark": "_color-red-dark_nx0ay_97",
-	"color-red-main": "_color-red-main_nx0ay_102",
-	"color-red-middle": "_color-red-middle_nx0ay_106",
-	sizeSm: "_sizeSm_nx0ay_111",
-	IconWrap: "_IconWrap_nx0ay_120",
-	sizeMd: "_sizeMd_nx0ay_125",
-	sizeLg: "_sizeLg_nx0ay_139",
-	block: "_block_nx0ay_153",
-	variantSolid: "_variantSolid_nx0ay_157",
-	variantOutline: "_variantOutline_nx0ay_190",
-	variantGhost: "_variantGhost_nx0ay_248",
-	variantLink: "_variantLink_nx0ay_279",
-	Icon: "_Icon_nx0ay_120",
-	Spinner: "_Spinner_nx0ay_348",
-	"button-spin": "_button-spin_nx0ay_1"
-}, s = {
-	solid: o.variantSolid,
-	outline: o.variantOutline,
-	ghost: o.variantGhost,
-	link: o.variantLink
-}, c = {
-	sm: o.sizeSm,
-	md: o.sizeMd,
-	lg: o.sizeLg
-}, l = {
-	"blue-background": o["color-blue-background"],
-	"blue-dark": o["color-blue-dark"],
-	"blue-main": o["color-blue-main"],
-	"blue-middle": o["color-blue-middle"],
-	"green-background": o["color-green-background"],
-	"green-dark": o["color-green-dark"],
-	"green-main": o["color-green-main"],
-	"green-middle": o["color-green-middle"],
-	"neutral-background": o["color-neutral-background"],
-	"neutral-disabled": o["color-neutral-disabled"],
-	"neutral-elements": o["color-neutral-elements"],
-	"neutral-main": o["color-neutral-main"],
-	"orange-background": o["color-orange-background"],
-	"orange-dark": o["color-orange-dark"],
-	"orange-main": o["color-orange-main"],
-	"orange-middle": o["color-orange-middle"],
-	"red-background": o["color-red-background"],
-	"red-dark": o["color-red-dark"],
-	"red-main": o["color-red-main"],
-	"red-middle": o["color-red-middle"]
-}, u = {
-	sm: 18,
-	md: 22,
-	lg: 28
-};
-function d({ text: d = "Button", className: f, icon: p, iconPosition: m = "start", variant: h = "solid", color: g = "blue-main", size: _ = "md", fluid: v = !1, isLoading: y = !1, disabled: b, ...x }) {
-	let S = u[_], C = !!(b || y), w = y || p ? /* @__PURE__ */ i("span", {
-		className: o.IconWrap,
-		"aria-hidden": !0,
-		children: y ? /* @__PURE__ */ i(n, {
-			className: t(o.Icon, o.Spinner),
-			size: S
-		}) : p && /* @__PURE__ */ i(p, {
-			className: o.Icon,
-			size: S
-		})
-	}) : null;
-	return /* @__PURE__ */ i(e, {
-		className: t(o.Button, l[g], c[_], s[h], v && o.block, f),
-		disabled: C,
-		"data-loading": y || void 0,
-		"aria-busy": y || void 0,
-		...x,
-		children: m === "end" ? /* @__PURE__ */ a(r, { children: [d, w] }) : /* @__PURE__ */ a(r, { children: [w, d] })
-	});
-}
-//#endregion
-//#region src/constants/colors.ts
-var f = [
-	"blue-background",
-	"blue-dark",
-	"blue-main",
-	"blue-middle",
-	"green-background",
-	"green-dark",
-	"green-main",
-	"green-middle",
-	"neutral-background",
-	"neutral-disabled",
-	"neutral-elements",
-	"neutral-main",
-	"orange-background",
-	"orange-dark",
-	"orange-main",
-	"orange-middle",
-	"red-background",
-	"red-dark",
-	"red-main",
-	"red-middle"
-];
-//#endregion
-export { f as COLORS, d as default };

package/dist/Combobox.d.ts

@@ -1,3 +0,0 @@
-export { default } from './components/ComboBox/Combobox';
-export type { ComboboxProps, ComboboxOption, ComboboxState, } from './components/ComboBox/Combobox';
-//# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EACX,aAAa,EACb,cAAc,EACd,aAAa,GACb,MAAM,gCAAgC,CAAC"}