@vincisys/eyeson 0.1.0

package/README.md

@@ -0,0 +1,27 @@
+# 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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,120 @@
+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_s1y2z_1",
+	"color-blue-background": "_color-blue-background_s1y2z_20",
+	"color-blue-dark": "_color-blue-dark_s1y2z_25",
+	"color-blue-main": "_color-blue-main_s1y2z_29",
+	"color-blue-middle": "_color-blue-middle_s1y2z_33",
+	"color-green-background": "_color-green-background_s1y2z_37",
+	"color-green-dark": "_color-green-dark_s1y2z_42",
+	"color-green-main": "_color-green-main_s1y2z_46",
+	"color-green-middle": "_color-green-middle_s1y2z_51",
+	"color-neutral-background": "_color-neutral-background_s1y2z_56",
+	"color-neutral-disabled": "_color-neutral-disabled_s1y2z_61",
+	"color-neutral-elements": "_color-neutral-elements_s1y2z_66",
+	"color-neutral-main": "_color-neutral-main_s1y2z_70",
+	"color-orange-background": "_color-orange-background_s1y2z_74",
+	"color-orange-dark": "_color-orange-dark_s1y2z_79",
+	"color-orange-main": "_color-orange-main_s1y2z_83",
+	"color-orange-middle": "_color-orange-middle_s1y2z_87",
+	"color-red-background": "_color-red-background_s1y2z_92",
+	"color-red-dark": "_color-red-dark_s1y2z_97",
+	"color-red-main": "_color-red-main_s1y2z_102",
+	"color-red-middle": "_color-red-middle_s1y2z_106",
+	sizeSm: "_sizeSm_s1y2z_111",
+	IconWrap: "_IconWrap_s1y2z_120",
+	sizeMd: "_sizeMd_s1y2z_125",
+	sizeLg: "_sizeLg_s1y2z_139",
+	block: "_block_s1y2z_153",
+	variantSolid: "_variantSolid_s1y2z_157",
+	variantOutline: "_variantOutline_s1y2z_190",
+	variantGhost: "_variantGhost_s1y2z_248",
+	variantLink: "_variantLink_s1y2z_279",
+	Icon: "_Icon_s1y2z_120",
+	Spinner: "_Spinner_s1y2z_348",
+	"button-spin": "_button-spin_s1y2z_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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/Combobox.js

@@ -0,0 +1,128 @@
+import e from "clsx";
+import { Check as t, ChevronDown as n, X as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useId as o } from "react";
+import { Combobox as s } from "@base-ui/react/combobox";
+var c = {
+	Root: "_Root_mce06_1",
+	LabelRow: "_LabelRow_mce06_13",
+	LabelText: "_LabelText_mce06_20",
+	Required: "_Required_mce06_29",
+	InputGroup: "_InputGroup_mce06_33",
+	Input: "_Input_mce06_33",
+	Actions: "_Actions_mce06_106",
+	IconButton: "_IconButton_mce06_113",
+	Icon: "_Icon_mce06_113",
+	Positioner: "_Positioner_mce06_152",
+	Popup: "_Popup_mce06_157",
+	Empty: "_Empty_mce06_170",
+	List: "_List_mce06_177",
+	Item: "_Item_mce06_186",
+	ItemIndicator: "_ItemIndicator_mce06_217",
+	ItemText: "_ItemText_mce06_227",
+	SupportingText: "_SupportingText_mce06_233"
+}, l = s.Root;
+function u({ label: u = "Label", items: d, placeholder: f = "Selecione uma opção", disabled: p = !1, required: m = !1, fluid: h = !1, state: g = "default", supportingText: _ = "", errorMessage: v = "Selecione uma opção válida", emptyMessage: y = "Nenhum resultado.", readOnly: b = !0, id: x, name: S, value: C, defaultValue: w, onValueChange: T, getItemLabel: E, getItemValue: D, renderItem: O, className: k, inputProps: A }) {
+	let j = o(), M = x ?? j, N = g === "invalid", P = N || !!_, F = (e) => E ? E(e) : e.label ?? "", I = (e) => D ? D(e) : e.value ?? F(e), L = (e) => {
+		T?.(e);
+	}, R = E ? (e) => E(e) : void 0, z = D ? (e) => D(e) : void 0;
+	return /* @__PURE__ */ a("div", {
+		className: e(c.Root, k),
+		"data-fluid": h || void 0,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: c.LabelRow,
+				children: /* @__PURE__ */ a("label", {
+					className: c.LabelText,
+					htmlFor: M,
+					children: [/* @__PURE__ */ i("span", { children: u }), m && /* @__PURE__ */ i("span", {
+						className: c.Required,
+						children: "*"
+					})]
+				})
+			}),
+			/* @__PURE__ */ a(l, {
+				items: d,
+				name: S,
+				disabled: p,
+				required: m,
+				onValueChange: T ? L : void 0,
+				...C === void 0 ? w === void 0 ? {} : { defaultValue: w } : { value: C },
+				itemToStringLabel: R,
+				itemToStringValue: z,
+				children: [/* @__PURE__ */ a(s.InputGroup, {
+					className: c.InputGroup,
+					"data-state": g,
+					"data-disabled": p || void 0,
+					children: [/* @__PURE__ */ i(s.Input, {
+						...A,
+						id: M,
+						className: c.Input,
+						placeholder: f,
+						disabled: p,
+						readOnly: b,
+						required: m,
+						"aria-invalid": N || void 0,
+						"aria-describedby": P ? `${M}-desc` : void 0
+					}), /* @__PURE__ */ a("div", {
+						className: c.Actions,
+						children: [/* @__PURE__ */ i(s.Clear, {
+							className: c.IconButton,
+							"aria-label": "Limpar seleção",
+							"data-disabled": p || void 0,
+							children: /* @__PURE__ */ i(r, {
+								className: c.Icon,
+								strokeWidth: 2,
+								"aria-hidden": !0
+							})
+						}), /* @__PURE__ */ i(s.Trigger, {
+							className: c.IconButton,
+							"aria-label": "Abrir lista",
+							"data-disabled": p || void 0,
+							children: /* @__PURE__ */ i(n, {
+								className: c.Icon,
+								strokeWidth: 2,
+								"aria-hidden": !0
+							})
+						})]
+					})]
+				}), /* @__PURE__ */ i(s.Portal, { children: /* @__PURE__ */ i(s.Positioner, {
+					className: c.Positioner,
+					sideOffset: 4,
+					children: /* @__PURE__ */ a(s.Popup, {
+						className: c.Popup,
+						children: [/* @__PURE__ */ i(s.Empty, { children: /* @__PURE__ */ i("div", {
+							className: c.Empty,
+							children: y
+						}) }), /* @__PURE__ */ i(s.List, {
+							className: c.List,
+							children: (e) => /* @__PURE__ */ a(s.Item, {
+								value: e,
+								className: c.Item,
+								children: [/* @__PURE__ */ i(s.ItemIndicator, {
+									className: c.ItemIndicator,
+									children: /* @__PURE__ */ i(t, {
+										size: 14,
+										strokeWidth: 2.5,
+										"aria-hidden": !0
+									})
+								}), O ? O(e) : /* @__PURE__ */ i("span", {
+									className: c.ItemText,
+									children: F(e)
+								})]
+							}, I(e))
+						})]
+					})
+				}) })]
+			}),
+			P && /* @__PURE__ */ i("div", {
+				id: `${M}-desc`,
+				className: c.SupportingText,
+				"data-state": N ? "invalid" : void 0,
+				children: N ? v : _
+			})
+		]
+	});
+}
+//#endregion
+export { u as default };

package/dist/Input.d.ts

@@ -0,0 +1,3 @@
+export { default } from './components/Input/Input';
+export type { InputProps } from './components/Input/Input';
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/Input.js

@@ -0,0 +1,153 @@
+import e from "clsx";
+import { Info as t, Loader2 as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Input as a } from "@base-ui/react/input";
+import { useId as o, useState as s } from "react";
+//#region node_modules/brazilian-values/dist/brazilian-values.mjs
+var c = /\D/g, l = function(e) {
+	return e.replace(c, "");
+}, ee = function(e) {
+	return l(e).replace(/(\d{5})(\d{1,3})/, "$1-$2");
+}, u = function(e) {
+	return l(e).replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1/$2").replace(/(\d{4})(\d{1,2})$/, "$1-$2");
+}, d = function(e) {
+	return l(e).replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d)/, "$1.$2").replace(/(\d{3})(\d{1,2})$/, "$1-$2");
+}, f = function(e) {
+	return (e.match(/\d/g)?.length ?? 0) <= 11;
+}, p = function(e) {
+	return f(e) ? d(e) : u(e);
+}, te = function(e) {
+	return l(e).replace(/(\d{1,2})/, "($1").replace(/(\(\d{2})(\d{1,4})/, "$1) $2").replace(/( \d{4})(\d{1,4})/, "$1-$2").replace(/( \d{4})(?:-)(\d{1})(\d{4})/, "$1$2-$3");
+}, m = {
+	Root: "_Root_twox3_1",
+	LabelRow: "_LabelRow_twox3_13",
+	LabelLeft: "_LabelLeft_twox3_20",
+	LabelText: "_LabelText_twox3_27",
+	Required: "_Required_twox3_36",
+	SupportLink: "_SupportLink_twox3_40",
+	TooltipButton: "_TooltipButton_twox3_54",
+	Control: "_Control_twox3_71",
+	Adornment: "_Adornment_twox3_83",
+	SpinnerWrap: "_SpinnerWrap_twox3_90",
+	Spinner: "_Spinner_twox3_90",
+	"input-spin": "_input-spin_twox3_1",
+	Input: "_Input_twox3_132",
+	FloatingLabel: "_FloatingLabel_twox3_152",
+	SupportingText: "_SupportingText_twox3_188"
+};
+//#endregion
+//#region src/components/Input/Input.tsx
+function h({ className: c, label: l = "Label", texto: f, disabled: h = !1, state: g = "default", inputType: _ = "text", required: v = !1, placeholder: y = "Digite algo...", errorMessage: b = "Campo obrigatório", fluid: x = !1, format: S, tooltip: C = null, linkText: w = null, linkUrl: T = null, supportLink: ne = null, supportLinkUrl: re = null, supportingText: E = "", lazy: D = !1, floatingLabel: O = !1, disableAutocomplete: k = !1, isLoading: A = !1, loadingIconPosition: j = "end", defaultValue: M, value: N, id: P, name: F, onBlur: I, onFocus: L, onKeyDown: R, onClick: z, onChange: B, ...V }) {
+	let H = o(), U = P ?? H, [W, G] = s(() => M?.toString() ?? ""), K = N !== void 0, q = (K ? N : W)?.toString() ?? "", J = ne ?? w, Y = re ?? T, ie = (e) => {
+		switch (S) {
+			case "cep": return ee(e);
+			case "cpf": return d(e);
+			case "cnpj": return u(e);
+			case "cpfOrCnpj": return p(e);
+			case "phone": return te(e);
+			default: return e;
+		}
+	}, X = (e, t) => {
+		let n = ie(e);
+		K || G(n), B?.(n, t);
+	}, Z = g === "invalid", Q = h || A, $ = A ? /* @__PURE__ */ r("span", {
+		className: e(m.Adornment, m.SpinnerWrap),
+		"data-position": j,
+		"aria-hidden": !0,
+		children: /* @__PURE__ */ r(n, {
+			className: m.Spinner,
+			size: 16
+		})
+	}) : null;
+	return /* @__PURE__ */ i("div", {
+		className: e(m.Root, c),
+		"data-fluid": x || void 0,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: m.LabelRow,
+				children: [/* @__PURE__ */ i("div", {
+					className: m.LabelLeft,
+					children: [/* @__PURE__ */ i("label", {
+						className: m.LabelText,
+						htmlFor: U,
+						children: [/* @__PURE__ */ r("span", { children: l }), v && /* @__PURE__ */ r("span", {
+							className: m.Required,
+							children: "*"
+						})]
+					}), C && /* @__PURE__ */ r("button", {
+						type: "button",
+						className: m.TooltipButton,
+						"aria-label": C,
+						title: C,
+						disabled: Q,
+						children: /* @__PURE__ */ r(t, {
+							size: 16,
+							"aria-hidden": !0
+						})
+					})]
+				}), J && Y && /* @__PURE__ */ r("a", {
+					className: m.SupportLink,
+					href: Y,
+					"aria-disabled": Q || void 0,
+					tabIndex: Q ? -1 : 0,
+					onClick: (e) => {
+						Q && e.preventDefault();
+					},
+					children: J
+				})]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: m.Control,
+				"data-disabled": Q || void 0,
+				"data-state": g,
+				"data-floating": O || void 0,
+				"data-has-value": q ? !0 : void 0,
+				children: [
+					O && /* @__PURE__ */ r("span", {
+						className: m.FloatingLabel,
+						children: l
+					}),
+					j === "start" && $,
+					/* @__PURE__ */ r(a, {
+						...V,
+						id: U,
+						name: F,
+						className: m.Input,
+						disabled: Q,
+						type: _,
+						required: v,
+						placeholder: y,
+						autoComplete: k ? "off" : V.autoComplete,
+						"aria-invalid": Z || void 0,
+						"aria-describedby": Z ? `${U}-desc` : void 0,
+						"aria-busy": A || void 0,
+						value: K ? N : void 0,
+						defaultValue: K ? void 0 : M,
+						onClick: z,
+						onKeyDown: R,
+						onFocus: L,
+						onBlur: (e) => {
+							I?.(e), D && X(e.currentTarget.value, e);
+						},
+						onChange: (e) => {
+							D || X(e.currentTarget.value, e);
+						}
+					}),
+					j === "end" && $
+				]
+			}),
+			f && /* @__PURE__ */ r("div", {
+				className: m.SupportingText,
+				children: f
+			}),
+			(Z || E) && /* @__PURE__ */ r("div", {
+				id: `${U}-desc`,
+				className: m.SupportingText,
+				"data-state": Z ? "invalid" : g,
+				children: Z ? b : E
+			})
+		]
+	});
+}
+//#endregion
+export { h as default };

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,21 @@
+import { Button as BaseUiButton } from '@base-ui/react/button';
+import { type LucideIcon } from 'lucide-react';
+import type { ComponentProps } from 'react';
+import type { EdsSemanticColor } from '@/constants/colors';
+export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonIconPosition = 'start' | 'end';
+export type ButtonColor = EdsSemanticColor;
+export type ButtonProps = Omit<ComponentProps<typeof BaseUiButton>, 'className' | 'children'> & {
+    className?: string;
+    text?: string;
+    variant?: ButtonVariant;
+    color?: ButtonColor;
+    size?: ButtonSize;
+    fluid?: boolean;
+    icon?: LucideIcon;
+    iconPosition?: ButtonIconPosition;
+    isLoading?: boolean;
+};
+export default function Button({ text, className, icon: IconComponent, iconPosition, variant, color, size, fluid, isLoading, disabled, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAW,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAG3D,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC;AA4C3C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC7B,cAAc,CAAC,OAAO,YAAY,CAAC,EACnC,WAAW,GAAG,UAAU,CACxB,GAAG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC9B,IAAe,EACf,SAAS,EACT,IAAI,EAAE,aAAa,EACnB,YAAsB,EACtB,OAAiB,EACjB,KAAmB,EACnB,IAAW,EACX,KAAa,EACb,SAAiB,EACjB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,WAAW,2CAgDb"}

package/dist/components/ComboBox/Combobox.d.ts

@@ -0,0 +1,52 @@
+import { type ComponentProps, type ReactNode } from 'react';
+export type ComboboxState = 'default' | 'valid' | 'invalid';
+export type ComboboxOption = {
+    label: string;
+    value: string;
+};
+export type ComboboxProps<T = ComboboxOption> = {
+    /** Texto do label acima do campo. */
+    label?: string;
+    /** Lista de itens disponíveis para seleção. */
+    items: readonly T[];
+    /** Texto exibido quando nenhum item está selecionado. */
+    placeholder?: string;
+    /** Desativa o campo, impedindo interação. */
+    disabled?: boolean;
+    /** Indica que o campo é obrigatório, exibindo asterisco. */
+    required?: boolean;
+    /** Faz o campo ocupar 100% da largura do container. */
+    fluid?: boolean;
+    /** Estado visual do campo. */
+    state?: ComboboxState;
+    /** Texto auxiliar exibido abaixo do campo no estado padrão. */
+    supportingText?: string;
+    /** Mensagem exibida abaixo do campo no estado inválido. */
+    errorMessage?: string;
+    /** Mensagem exibida quando nenhum item corresponde à busca. */
+    emptyMessage?: string;
+    /** Impede que o usuário digite no campo; a seleção ocorre apenas pela lista. */
+    readOnly?: boolean;
+    /** `id` nativo do input. Gerado automaticamente se omitido. */
+    id?: string;
+    /** `name` nativo do input, útil para submissão de formulários. */
+    name?: string;
+    /** Item atualmente selecionado (modo controlado). */
+    value?: T | null;
+    /** Item selecionado na montagem (modo não-controlado). */
+    defaultValue?: T | null;
+    /** Callback chamado quando o item selecionado muda. */
+    onValueChange?: (value: T | null) => void;
+    /** Retorna o texto exibido no input para um dado item. */
+    getItemLabel?: (item: T) => string;
+    /** Retorna o valor único que identifica um item. */
+    getItemValue?: (item: T) => string;
+    /** Renderização customizada de cada item na lista. */
+    renderItem?: (item: T) => ReactNode;
+    /** Classe CSS extra aplicada ao elemento raiz. */
+    className?: string;
+    /** Props extras repassadas ao `<input>` nativo. */
+    inputProps?: Omit<ComponentProps<'input'>, 'className' | 'disabled' | 'id' | 'name' | 'placeholder' | 'readOnly' | 'required'>;
+};
+export default function Combobox<T = ComboboxOption>({ label, items, placeholder, disabled, required, fluid, state, supportingText, errorMessage, emptyMessage, readOnly, id, name, value, defaultValue, onValueChange, getItemLabel, getItemValue, renderItem, className, inputProps, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/ComboBox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/Combobox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,cAAc,IAAI;IAC/C,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACxB,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACnC,sDAAsD;IACtD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,UAAU,CAAC,EAAE,IAAI,CAChB,cAAc,CAAC,OAAO,CAAC,EACrB,WAAW,GACX,UAAU,GACV,IAAI,GACJ,MAAM,GACN,aAAa,GACb,UAAU,GACV,UAAU,CACZ,CAAC;CACF,CAAC;AAeF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,GAAG,cAAc,EAAE,EACpD,KAAe,EACf,KAAK,EACL,WAAmC,EACnC,QAAgB,EAChB,QAAgB,EAChB,KAAa,EACb,KAAiB,EACjB,cAAmB,EACnB,YAA2C,EAC3C,YAAkC,EAClC,QAAe,EACf,EAAE,EACF,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,SAAS,EACT,UAAU,GACV,EAAE,aAAa,CAAC,CAAC,CAAC,2CAmKlB"}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,30 @@
+import { type ChangeEvent, type ComponentProps } from 'react';
+export type InputState = 'default' | 'valid' | 'loading' | 'invalid';
+export type InputFormat = 'cep' | 'cpf' | 'cnpj' | 'cpfOrCnpj' | 'phone';
+export type InputProps = Omit<ComponentProps<'input'>, 'className' | 'type' | 'required' | 'onChange'> & {
+    className?: string;
+    label?: string;
+    texto?: string;
+    disabled?: boolean;
+    state?: InputState;
+    inputType?: 'text' | 'email';
+    required?: boolean;
+    placeholder?: string;
+    errorMessage?: string;
+    fluid?: boolean;
+    format?: InputFormat;
+    tooltip?: string | null;
+    linkText?: string | null;
+    linkUrl?: string | null;
+    supportLink?: string | null;
+    supportLinkUrl?: string | null;
+    supportingText?: string;
+    lazy?: boolean;
+    floatingLabel?: boolean;
+    disableAutocomplete?: boolean;
+    isLoading?: boolean;
+    loadingIconPosition?: 'start' | 'end';
+    onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
+};
+export default function Input({ className, label, texto, disabled, state, inputType, required, placeholder, errorMessage, fluid, format, tooltip, linkText, linkUrl, supportLink, supportLinkUrl, supportingText, lazy, floatingLabel, disableAutocomplete, isLoading, loadingIconPosition, defaultValue, value, id, name, onBlur, onFocus, onKeyDown, onClick, onChange, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Input.d.ts.map

package/dist/components/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmB,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAU/E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;AAEzE,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,CAAC,EACvB,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAC9C,GAAG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC7B,SAAS,EACT,KAAe,EACf,KAAK,EACL,QAAgB,EAChB,KAAiB,EACjB,SAAkB,EAClB,QAAgB,EAChB,WAA8B,EAC9B,YAAkC,EAClC,KAAa,EACb,MAAM,EACN,OAAc,EACd,QAAe,EACf,OAAc,EACd,WAAkB,EAClB,cAAqB,EACrB,cAAmB,EACnB,IAAY,EACZ,aAAqB,EACrB,mBAA2B,EAC3B,SAAiB,EACjB,mBAA2B,EAC3B,YAAY,EACZ,KAAK,EACL,EAAE,EACF,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,UAAU,2CAgKZ"}

package/dist/constants/colors.d.ts

@@ -0,0 +1,3 @@
+export declare const COLORS: readonly ["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"];
+export type EdsSemanticColor = (typeof COLORS)[number];
+//# sourceMappingURL=colors.d.ts.map

package/dist/constants/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/constants/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,iVAqBT,CAAC;AAGX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC"}

package/dist/styles.css

@@ -0,0 +1,90 @@
+@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;
+}
+
+html {
+	font-family: 'GT Walsheim Pro', system-ui, sans-serif;
+}
+
+:root {
+	--eds-border-radius-button: 4px;
+	--eds-border-radius-lil: 6px;
+	--eds-border-radius-extra-small: 8px;
+	--eds-border-radius-small: 12px;
+	--eds-border-radius-medium: 16px;
+	--eds-border-radius-large: 20px;
+	--eds-border-radius-extra-large: 24px;
+	--eds-border-radius-circle: 50%;
+
+	--eds-color-blue-background: #9ec1d4;
+	--eds-color-blue-dark: #013652;
+	--eds-color-blue-main: #0074ae;
+	--eds-color-blue-middle: #4f90b2;
+
+	--eds-color-green-background: #c3e5b1;
+	--eds-color-green-dark: #21480d;
+	--eds-color-green-main: #60cb27;
+	--eds-color-green-middle: #8cc96b;
+
+	--eds-color-neutral-background: #f5f5f5;
+	--eds-color-neutral-disabled: #b5b5b5;
+	--eds-color-neutral-elements: #6d6863;
+	--eds-color-neutral-main: #181818;
+
+	--eds-color-orange-background: #ffd4b5;
+	--eds-color-orange-dark: #7f4418;
+	--eds-color-orange-main: #f58220;
+	--eds-color-orange-middle: #fab07a;
+
+	--eds-color-red-background: #ffb7ae;
+	--eds-color-red-dark: #ffb7ae;
+	--eds-color-red-main: #f5432c;
+	--eds-color-red-middle: #ff7f6e;
+
+	--eds-color-grey-disabled: var(--eds-color-neutral-disabled);
+
+	--eds-color-outline-border: hsl(240 5.9% 90%);
+	--eds-color-outline-text: hsl(240 10% 3.9%);
+	--eds-color-outline-hover-bg: hsl(240 4.8% 95.9%);
+	--eds-color-outline-hover-text: hsl(240 10% 3.9%);
+	--eds-color-outline-focus-ring: hsl(240 5% 64.9% / 0.45);
+}
+
+._Button_s1y2z_1{--eds-btn-accent:var(--eds-color-blue-main);box-sizing:border-box;color:inherit;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#0000;border:0 solid #0000;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:700;display:inline-flex}._color-blue-background_s1y2z_20{--eds-btn-accent:var(--eds-color-blue-background);--eds-btn-solid-fg:#181818}._color-blue-dark_s1y2z_25{--eds-btn-accent:var(--eds-color-blue-dark)}._color-blue-main_s1y2z_29{--eds-btn-accent:var(--eds-color-blue-main)}._color-blue-middle_s1y2z_33{--eds-btn-accent:var(--eds-color-blue-middle)}._color-green-background_s1y2z_37{--eds-btn-accent:var(--eds-color-green-background);--eds-btn-solid-fg:#181818}._color-green-dark_s1y2z_42{--eds-btn-accent:var(--eds-color-green-dark)}._color-green-main_s1y2z_46{--eds-btn-accent:var(--eds-color-green-main);--eds-btn-solid-fg:#181818}._color-green-middle_s1y2z_51{--eds-btn-accent:var(--eds-color-green-middle);--eds-btn-solid-fg:#181818}._color-neutral-background_s1y2z_56{--eds-btn-accent:var(--eds-color-neutral-background);--eds-btn-solid-fg:#181818}._color-neutral-disabled_s1y2z_61{--eds-btn-accent:var(--eds-color-neutral-disabled);--eds-btn-solid-fg:#181818}._color-neutral-elements_s1y2z_66{--eds-btn-accent:var(--eds-color-neutral-elements)}._color-neutral-main_s1y2z_70{--eds-btn-accent:var(--eds-color-neutral-main)}._color-orange-background_s1y2z_74{--eds-btn-accent:var(--eds-color-orange-background);--eds-btn-solid-fg:#181818}._color-orange-dark_s1y2z_79{--eds-btn-accent:var(--eds-color-orange-dark)}._color-orange-main_s1y2z_83{--eds-btn-accent:var(--eds-color-orange-main)}._color-orange-middle_s1y2z_87{--eds-btn-accent:var(--eds-color-orange-middle);--eds-btn-solid-fg:#181818}._color-red-background_s1y2z_92{--eds-btn-accent:var(--eds-color-red-background);--eds-btn-solid-fg:#181818}._color-red-dark_s1y2z_97{--eds-btn-accent:var(--eds-color-red-dark);--eds-btn-solid-fg:#181818}._color-red-main_s1y2z_102{--eds-btn-accent:var(--eds-color-red-main)}._color-red-middle_s1y2z_106{--eds-btn-accent:var(--eds-color-red-middle);--eds-btn-solid-fg:#181818}._sizeSm_s1y2z_111{border-radius:var(--eds-border-radius-lil,6px);gap:.375rem;min-height:32px;padding:0 1rem;font-size:.875rem;line-height:1.25rem}._sizeSm_s1y2z_111 ._IconWrap_s1y2z_120{width:1.125rem;height:1.125rem}._sizeMd_s1y2z_125{border-radius:var(--eds-border-radius-extra-small,8px);gap:.5rem;min-height:40px;padding:0 1.5rem;font-size:1rem;line-height:1.5rem}._sizeMd_s1y2z_125 ._IconWrap_s1y2z_120{width:1.375rem;height:1.375rem}._sizeLg_s1y2z_139{border-radius:var(--eds-border-radius-extra-small,8px);gap:.875rem;min-height:48px;padding:0 2rem;font-size:1.25rem;line-height:1.75rem}._sizeLg_s1y2z_139 ._IconWrap_s1y2z_120{width:1.75rem;height:1.75rem}._block_s1y2z_153{width:100%}._variantSolid_s1y2z_157{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff)}@media (hover:hover){._variantSolid_s1y2z_157:hover:not([data-disabled]){background-color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantSolid_s1y2z_157:active:not([data-disabled]){filter:brightness(.92)}._variantSolid_s1y2z_157:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantSolid_s1y2z_157[data-disabled]:not([data-loading]){background-color:var(--eds-color-neutral-disabled);color:#181818;cursor:not-allowed}._variantSolid_s1y2z_157[data-loading][data-disabled]{background-color:var(--eds-btn-accent);color:var(--eds-btn-solid-fg,#fff);cursor:wait;filter:none}._variantOutline_s1y2z_190{border-width:1px;border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantOutline_s1y2z_190:hover:not([data-disabled]){border-color:color-mix(in srgb, var(--eds-btn-accent) 58%, var(--eds-color-outline-border));background-color:color-mix(in srgb, var(--eds-btn-accent) 10%, transparent);color:color-mix(in srgb, var(--eds-btn-accent) 88%, black)}}._variantOutline_s1y2z_190:active:not([data-disabled]){filter:brightness(.98)}._variantOutline_s1y2z_190:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--eds-btn-accent) 38%, transparent);outline:none}._variantOutline_s1y2z_190[data-disabled]:not([data-loading]){border-color:var(--eds-color-outline-border);color:var(--eds-color-grey-disabled);cursor:not-allowed;opacity:.5;background-color:#0000}._variantOutline_s1y2z_190[data-loading][data-disabled]{border-color:color-mix(in srgb, var(--eds-btn-accent) 42%, var(--eds-color-outline-border));color:var(--eds-btn-accent);cursor:wait;filter:none;opacity:1;background-color:#0000}._variantGhost_s1y2z_248{color:var(--eds-btn-accent);background-color:#0000}@media (hover:hover){._variantGhost_s1y2z_248:hover:not([data-disabled]){color:color-mix(in srgb, var(--eds-btn-accent) 78%, black)}}._variantGhost_s1y2z_248:active:not([data-disabled]){filter:brightness(.95)}._variantGhost_s1y2z_248:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantGhost_s1y2z_248[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantGhost_s1y2z_248[data-loading][data-disabled]{color:var(--eds-btn-accent);cursor:wait;filter:none}._variantLink_s1y2z_279{min-height:unset;color:var(--eds-btn-accent);text-decoration:underline;-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);text-underline-offset:.15em;background:0 0;padding:.125rem 0}._sizeSm_s1y2z_111._variantLink_s1y2z_279{gap:.375rem;font-size:.875rem;line-height:1.25rem}._sizeMd_s1y2z_125._variantLink_s1y2z_279{gap:.5rem;font-size:1rem;line-height:1.5rem}._sizeLg_s1y2z_139._variantLink_s1y2z_279{gap:.5rem;font-size:1.25rem;line-height:1.75rem}@media (hover:hover){._variantLink_s1y2z_279:hover:not([data-disabled]){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)}}._variantLink_s1y2z_279:focus-visible{outline:2px solid var(--eds-btn-accent);outline-offset:2px}._variantLink_s1y2z_279[data-disabled]:not([data-loading]){color:var(--eds-color-grey-disabled);-webkit-text-decoration-color:var(--eds-color-grey-disabled);text-decoration-color:var(--eds-color-grey-disabled);cursor:not-allowed}._variantLink_s1y2z_279[data-loading][data-disabled]{color:var(--eds-btn-accent);-webkit-text-decoration-color:var(--eds-btn-accent);text-decoration-color:var(--eds-btn-accent);cursor:wait}._IconWrap_s1y2z_120{flex-shrink:0;justify-content:center;align-items:center;display:flex}._Icon_s1y2z_120{width:100%;height:100%;display:block}._Spinner_s1y2z_348{animation:.7s linear infinite _button-spin_s1y2z_1}@keyframes _button-spin_s1y2z_1{to{transform:rotate(360deg)}}._Root_mce06_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_mce06_1[data-fluid]{width:100%}._LabelRow_mce06_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelText_mce06_20{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._Required_mce06_29{color:var(--eds-color-red-main)}._InputGroup_mce06_33{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;gap:.25rem;width:100%;height:36px;padding:0 .5rem 0 .75rem;display:inline-flex;position:relative}._InputGroup_mce06_33[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._InputGroup_mce06_33:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._InputGroup_mce06_33[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_mce06_33{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_mce06_33::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._Input_mce06_33:disabled{cursor:not-allowed}._Input_mce06_33[readonly]:not(:disabled){cursor:pointer}._Actions_mce06_106{flex-shrink:0;align-items:center;gap:.125rem;display:inline-flex}._IconButton_mce06_113{all:unset;box-sizing:border-box;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._IconButton_mce06_113:hover:not([data-disabled]){color:var(--eds-color-neutral-main);background:color-mix(in srgb, var(--eds-color-neutral-elements) 8%, transparent)}._IconButton_mce06_113:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._IconButton_mce06_113[data-disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}._Icon_mce06_113{flex-shrink:0;width:16px;height:16px}._Positioner_mce06_152{z-index:50;outline:0}._Popup_mce06_157{box-sizing:border-box;min-width:var(--anchor-width);border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;max-height:280px;padding:.25rem 0;overflow:visible;box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000f}._Empty_mce06_170{color:var(--eds-color-neutral-elements);padding:.625rem .75rem;font-size:.875rem;line-height:1.25rem}._List_mce06_177{box-sizing:border-box;overscroll-behavior:contain;outline:0;max-height:240px;padding:.125rem;overflow-y:auto}._Item_mce06_186{box-sizing:border-box;width:100%;font:inherit;color:var(--eds-color-neutral-main);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.875rem;line-height:1.25rem;display:flex}._Item_mce06_186[data-highlighted]{background:color-mix(in srgb, var(--eds-color-neutral-elements) 10%, transparent)}._Item_mce06_186[data-disabled]{opacity:.5;cursor:not-allowed}._ItemIndicator_mce06_217{width:1rem;height:1rem;color:var(--eds-color-blue-main);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._ItemText_mce06_227{flex:1;min-width:0;display:block}._SupportingText_mce06_233{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_mce06_233[data-state=invalid]{color:var(--eds-color-red-main)}._Root_twox3_1{box-sizing:border-box;flex-direction:column;gap:.375rem;width:214px;display:inline-flex}._Root_twox3_1[data-fluid]{width:100%}._LabelRow_twox3_13{justify-content:space-between;align-items:center;gap:.75rem;display:flex}._LabelLeft_twox3_20{align-items:center;gap:.5rem;min-width:0;display:inline-flex}._LabelText_twox3_27{color:var(--eds-color-neutral-main);align-items:baseline;gap:.25rem;font-size:.875rem;line-height:1.25rem;display:inline-flex}._Required_twox3_36{color:var(--eds-color-red-main)}._SupportLink_twox3_40{color:var(--eds-color-blue-main);text-underline-offset:.15em;white-space:nowrap;font-size:.875rem;line-height:1.25rem;text-decoration:underline}._SupportLink_twox3_40[aria-disabled=true]{opacity:.6;pointer-events:none}._TooltipButton_twox3_54{all:unset;width:28px;height:28px;color:var(--eds-color-neutral-elements);cursor:help;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}._TooltipButton_twox3_54:focus-visible{outline:2px solid var(--eds-color-blue-main);outline-offset:2px}._Control_twox3_71{border:1px solid var(--eds-color-outline-border);border-radius:var(--eds-border-radius-extra-small,8px);background-color:#fff;align-items:center;width:100%;height:36px;padding:0 .75rem;display:inline-flex;position:relative}._Adornment_twox3_83{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}._SpinnerWrap_twox3_90{color:var(--eds-color-blue-main)}._Spinner_twox3_90{animation:.7s linear infinite _input-spin_twox3_1}@keyframes _input-spin_twox3_1{to{transform:rotate(360deg)}}._Control_twox3_71[data-state=invalid]{border-color:color-mix(in srgb, var(--eds-color-red-main) 55%, var(--eds-color-outline-border))}._Control_twox3_71[data-state=valid]{border-color:color-mix(in srgb, var(--eds-color-green-main) 55%, var(--eds-color-outline-border))}._Control_twox3_71[data-state=loading]{border-color:color-mix(in srgb, var(--eds-color-blue-main) 45%, var(--eds-color-outline-border))}._Control_twox3_71:focus-within{border-color:color-mix(in srgb, var(--eds-color-neutral-elements) 35%, var(--eds-color-outline-border));box-shadow:0 0 0 3px var(--eds-color-outline-focus-ring)}._Control_twox3_71[data-disabled]{background-color:var(--eds-color-neutral-background);border-color:var(--eds-color-outline-border);opacity:.7;cursor:not-allowed}._Input_twox3_132{box-sizing:border-box;min-width:0;font:inherit;color:var(--eds-color-neutral-main);background:0 0;border:0;outline:0;flex:1;margin:0;padding:0;font-size:1rem;line-height:1.5rem}._Input_twox3_132::placeholder{color:var(--eds-color-neutral-elements);opacity:1}._FloatingLabel_twox3_152{color:var(--eds-color-neutral-elements);pointer-events:none;background:0 0;padding:0 .125rem;font-size:1rem;line-height:1.5rem;transition:transform .16s,font-size .16s,top .16s,color .16s;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}._Control_twox3_71[data-floating=true]{padding-top:.75rem}._Control_twox3_71[data-floating=true] ._Input_twox3_132::placeholder{opacity:0}._Control_twox3_71[data-floating=true][data-has-value] ._FloatingLabel_twox3_152,._Control_twox3_71[data-floating=true]:focus-within ._FloatingLabel_twox3_152{color:var(--eds-color-neutral-elements);background:#fff;font-size:.75rem;line-height:1rem;top:.35rem;transform:translateY(0)}._SupportingText_twox3_188{color:var(--eds-color-neutral-elements);font-size:.75rem;line-height:1rem}._SupportingText_twox3_188[data-state=invalid]{color:var(--eds-color-red-main)}
+/*$vite$:1*/

package/package.json

@@ -0,0 +1,88 @@
+{
+	"name": "@vincisys/eyeson",
+	"private": false,
+	"version": "0.1.0",
+	"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"
+	}
+}

package/styles.css

@@ -0,0 +1 @@
+@import './dist/styles.css';