@vincentgraul/react-components 1.0.90 → 1.1.0

package/dist/react-components30.js

@@ -0,0 +1,8 @@
+var e = {
+	container: "_container_1s2f0_1",
+	input: "_input_1s2f0_10",
+	"icon-small": "_icon-small_1s2f0_30",
+	"icon-large": "_icon-large_1s2f0_34"
+};
+//#endregion
+export { e as default };

package/dist/react-components31.js

@@ -0,0 +1,31 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components30.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/checkbox/checkbox.tsx
+var a = ({ className: a, label: o, labelFontWeight: s = 400, labelColor: c, borderColor: l, checkColor: u, checkBackgroundColor: d, iconSize: f, size: p = 2, ...m }) => {
+	let h = {
+		"--checkbox-size": e(p),
+		"--checkbox-color-check": u,
+		"--checkbox-background-color-checked": d
+	};
+	return /* @__PURE__ */ i("label", {
+		className: n(t.container, a),
+		style: {
+			fontWeight: s,
+			...h
+		},
+		children: [/* @__PURE__ */ r("input", {
+			className: n(t.input, f && t[`icon-${f}`]),
+			type: "checkbox",
+			style: { borderColor: l },
+			...m
+		}), /* @__PURE__ */ r("span", {
+			className: t.label,
+			style: { color: c },
+			children: o
+		})]
+	});
+};
+//#endregion
+export { a as Checkbox };

package/dist/react-components32.js

@@ -0,0 +1,6 @@
+var e = {
+	list: "_list_1oo9c_1",
+	item: "_item_1oo9c_8"
+};
+//#endregion
+export { e as default };

package/dist/react-components33.js

@@ -0,0 +1,23 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components32.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/list/list.tsx
+var a = ({ className: a, icon: o, text: s, textFontSize: c = 1, textColor: l, textFontWeight: u = 400, gap: d = .3 }) => /* @__PURE__ */ i("li", {
+	className: n(t.item, a),
+	style: { gap: e(d) },
+	children: [o, /* @__PURE__ */ r("span", {
+		style: {
+			fontSize: e(c),
+			color: l,
+			fontWeight: u
+		},
+		children: s
+	})]
+}), o = ({ className: i, children: a, gap: o = .5 }) => /* @__PURE__ */ r("ul", {
+	className: n(t.list, i),
+	style: { gap: e(o) },
+	children: a
+});
+//#endregion
+export { o as List, a as ListItem };

package/dist/react-components34.js

@@ -0,0 +1,3 @@
+var e = { container: "_container_1r41o_1" };
+//#endregion
+export { e as default };

package/dist/react-components35.js

@@ -0,0 +1,19 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components34.js";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/text/text.tsx
+var i = ({ className: i, children: a, fontSize: o = 1, as: s = "p", fontWeight: c = 400, lineHeight: l = 1.5, textAlign: u = "start", fontStyle: d = "normal", color: f }) => /* @__PURE__ */ r(s, {
+	className: n(t.container, i),
+	style: {
+		fontSize: e(o),
+		fontWeight: c,
+		lineHeight: l,
+		textAlign: u,
+		fontStyle: d,
+		color: f
+	},
+	children: a
+});
+//#endregion
+export { i as Text };

package/dist/react-components36.js

@@ -0,0 +1,7 @@
+var e = {
+	container: "_container_4pfoo_1",
+	radio: "_radio_4pfoo_7",
+	label: "_label_4pfoo_23"
+};
+//#endregion
+export { e as default };

package/dist/react-components37.js

@@ -0,0 +1,31 @@
+import { toRem as e } from "./react-components2.js";
+import t from "./react-components36.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/radio/radio.tsx
+var a = ({ label: a, labelFontWeight: o = 400, labelColor: s, size: c = 1.5, borderStyle: l = "solid", borderColor: u, checkedBorderColor: d = "rgb(50, 115, 255)", checkedBackgroundColor: f = "rgb(50, 115, 255)", checkedLabelColor: p, className: m, ...h }) => {
+	let g = {
+		"--size": e(c),
+		"--label-color": s,
+		"--border-color": u,
+		"--checked-border-color": d,
+		"--checked-background-color": f,
+		"--checked-label-color": p
+	};
+	return /* @__PURE__ */ i("label", {
+		className: n(t.container, m),
+		style: { ...g },
+		children: [/* @__PURE__ */ r("input", {
+			className: t.radio,
+			type: "radio",
+			style: { borderStyle: l },
+			...h
+		}), /* @__PURE__ */ r("span", {
+			className: t.label,
+			style: { fontWeight: o },
+			children: a
+		})]
+	});
+};
+//#endregion
+export { a as Radio };

package/dist/react-components38.js

@@ -0,0 +1,13 @@
+import { UAParser as e } from "ua-parser-js";
+//#region src/hooks/use-match-device/use-match-device.ts
+var t = (t) => {
+	let n = new e(t).getDevice();
+	return {
+		isMobile: n.is("mobile"),
+		isTablet: n.is("tablet"),
+		isMobileOrTablet: n.is("mobile") || n.is("tablet"),
+		isDesktop: !n.type
+	};
+};
+//#endregion
+export { t as useMatchDevice };

package/dist/react-components39.js

@@ -0,0 +1,53 @@
+import { useMatchDevice as e } from "./react-components38.js";
+import { useCallback as t, useEffect as n, useState as r } from "react";
+//#region src/hooks/use-match-resolution/use-match-resolution.ts
+var i = {
+	desktop: "(min-width: 1281px)",
+	laptop: "(min-width: 1025px) and (max-width: 1280px)",
+	laptopOrUpper: "(min-width: 1025px)",
+	laptopOrLower: "(max-width: 1280px)",
+	tablet: "(min-width: 768px) and (max-width: 1024px)",
+	tabletOrUpper: "(min-width: 768px)",
+	tabletOrLower: "(max-width: 1024px)",
+	largeMobile: "(min-width: 481px) and (max-width: 767px)",
+	largeMobileOrUpper: "(min-width: 481px)",
+	largeMobileOrLower: "(max-width: 767px)",
+	mobile: "(min-width: 320px) and (max-width: 480px)",
+	portrait: "(orientation: portrait)",
+	landscape: "(orientation: landscape)"
+}, a = (a, o = i) => {
+	let s = typeof window < "u", { isDesktop: c, isMobile: l } = e(a), u = t((e) => s && window.matchMedia(e).matches, [s]), d = t(() => ({
+		isDesktop: s ? u(o.desktop) : c,
+		isLaptop: s ? u(o.laptop) : c,
+		isLaptopOrUpper: s ? u(o.laptopOrUpper) : c,
+		isLaptopOrLower: s ? u(o.laptopOrLower) : !1,
+		isTablet: s ? u(o.tablet) : l,
+		isTabletOrUpper: s ? u(o.tabletOrUpper) : !1,
+		isTabletOrLower: s ? u(o.tabletOrLower) : l,
+		isLargeMobile: s ? u(o.largeMobile) : l,
+		isLargeMobileOrUpper: s ? u(o.largeMobileOrUpper) : !1,
+		isLargeMobileOrLower: s ? u(o.largeMobileOrLower) : l,
+		isMobile: s ? u(o.mobile) : l,
+		isPortrait: s ? u(o.portrait) : !1,
+		isLandscape: s ? u(o.landscape) : !1
+	}), [
+		o,
+		s,
+		c,
+		l,
+		u
+	]), [f, p] = r(d());
+	return n(() => {
+		if (!s) return;
+		let e = () => p(d());
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [s, d]), {
+		resolution: f,
+		breakpoints: o,
+		match: u
+	};
+};
+//#endregion
+export { i as defaultBreakpoints, a as useMatchResolution };

package/dist/react-components4.js

@@ -0,0 +1,42 @@
+import { toPx as e, toRem as t } from "./react-components2.js";
+import n from "./react-components3.js";
+import { useBreadcrumb as r } from "./react-components44.js";
+import i from "clsx";
+import { ChevronRight as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/breadcrumb/breadcrumb.tsx
+var c = ({ config: c, onClick: l, icon: u, iconWidth: d = 50, iconMargin: f = 1, color: p, fontSize: m = 2, className: h }) => {
+	let g = r(c);
+	return /* @__PURE__ */ o("nav", {
+		"aria-label": "breadcrumb",
+		className: i(n.container, h),
+		children: /* @__PURE__ */ o("ol", {
+			className: n["list-item"],
+			children: g.map((r, i) => /* @__PURE__ */ s("li", {
+				className: n.item,
+				children: [/* @__PURE__ */ o("button", {
+					type: "button",
+					className: n.link,
+					onClick: () => l(r),
+					style: {
+						color: p,
+						fontSize: t(m)
+					},
+					children: r.label
+				}), i < g.length - 1 && /* @__PURE__ */ o("span", {
+					"aria-hidden": !0,
+					children: u ?? /* @__PURE__ */ o(a, {
+						className: n.icon,
+						style: {
+							width: e(d),
+							marginLeft: t(f),
+							marginRight: t(f)
+						}
+					})
+				})]
+			}, r.url))
+		})
+	});
+};
+//#endregion
+export { c as Breadcrumb };

package/dist/react-components40.js

@@ -0,0 +1,20 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-outside-alerter/use-outside-alerter.tsx
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = (e) => {
+			e.target && n.current && i(!n.current.contains(e.target));
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [n]), {
+		hasClickedOutside: r,
+		onReset: () => {
+			i(!1);
+		}
+	};
+};
+//#endregion
+export { n as useOutsideAlerter };

package/dist/react-components41.js

@@ -0,0 +1,43 @@
+import { useCallback as e, useEffect as t, useState as n } from "react";
+//#region src/hooks/use-pagination/use-pagination.ts
+var r = (r) => {
+	let { totalRecords: i, itemNeighbours: a = 2, minItems: o = 5, maxRecordsPerPage: s = 10 } = r, [c, l] = n(r.page), [u, d] = n(0), [f, p] = n([]), m = e(() => {
+		let e = [], t = Math.max(1, Math.min(c - a, u + 1 - o)), n = Math.min(u, Math.max(o, c + a));
+		for (let r = t; r <= n; r++) e.push(r);
+		return e;
+	}, [
+		c,
+		u,
+		a,
+		o
+	]);
+	t(() => {
+		d(Math.ceil(i / s));
+	}, [i, s]), t(() => {
+		p(m());
+	}, [m]);
+	let h = (e) => {
+		l(Math.max(1, Math.min(e, u)));
+	};
+	return {
+		page: c,
+		total: u,
+		items: f,
+		maxRecordsPerPage: s,
+		goToPage: h,
+		goToFirst: () => {
+			h(1);
+		},
+		goToLeft: () => {
+			h(c - 1);
+		},
+		goToRight: () => {
+			h(c + 1);
+		},
+		goToLast: () => {
+			h(u);
+		}
+	};
+};
+//#endregion
+export { r as usePagination };

package/dist/react-components42.js

@@ -0,0 +1,6 @@
+//#region src/hooks/use-scroll-to/use-scroll-to.tsx
+var e = (e) => typeof window < "u" ? { scrollToTop: () => {
+	e?.current && window.scrollTo(0, e.current.offsetTop);
+} } : { scrollToTop: () => null };
+//#endregion
+export { e as useScrollTo };

package/dist/react-components43.js

@@ -0,0 +1,13 @@
+import { useEffect as e, useState as t } from "react";
+//#region src/hooks/use-visible/use-visible.ts
+var n = (n) => {
+	let [r, i] = t(!1);
+	return e(() => {
+		let e = new IntersectionObserver(([e]) => i(e.isIntersecting));
+		return n?.current && e.observe(n.current), () => {
+			n?.current && e.unobserve(n.current);
+		};
+	}, [n]), r;
+};
+//#endregion
+export { n as useVisible };

package/dist/react-components44.js

@@ -0,0 +1,13 @@
+//#region src/hooks/use-breadcrumb/use-breadcrumb.ts
+var e = ({ url: e = new URL(location.href), mapping: t }) => {
+	let n = e.pathname.split("/").slice(1), r = "";
+	return n.map((e) => {
+		let n = t?.find(({ path: t }) => e === t)?.label ?? e, i = `${r}/${e}`;
+		return r = i, {
+			label: n,
+			url: i
+		};
+	});
+};
+//#endregion
+export { e as useBreadcrumb };

package/dist/react-components6.js

@@ -0,0 +1,3 @@
+var e = { flag: "_flag_1xpw6_1" };
+//#endregion
+export { e as default };

package/dist/react-components7.js

@@ -0,0 +1,23 @@
+import { toPx as e } from "./react-components2.js";
+/* empty css                  */
+import t from "./react-components6.js";
+import { Select as n } from "./react-components17.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/country-selector/country-selector.tsx
+var a = ({ value: a, languages: o, onChange: s, flagWidth: c = 25, className: l, ...u }) => /* @__PURE__ */ i(n, {
+	className: l,
+	selectedValue: a,
+	options: o.map((n) => ({
+		value: n,
+		label: /* @__PURE__ */ i("span", {
+			className: r(t.flag, `fi fi-${n}`),
+			style: { width: e(c) }
+		})
+	})),
+	onChange: s,
+	width: "fit-content",
+	...u
+});
+//#endregion
+export { a as CountrySelector };

package/dist/react-components8.js

@@ -0,0 +1,11 @@
+//#region src/components/input/input.module.css
+var e = "_container_11wna_1", t = "_input_11wna_5", n = "_fieldset_11wna_23", r = "_legend_11wna_54", i = {
+	container: e,
+	"input-container": "_input-container_11wna_5",
+	input: t,
+	fieldset: n,
+	legend: r,
+	"message-container": "_message-container_11wna_58"
+};
+//#endregion
+export { i as default };

package/dist/react-components9.js

@@ -0,0 +1,63 @@
+import { isNumber as e, toPercentage as t, toPx as n, toRem as r } from "./react-components2.js";
+import i from "./react-components8.js";
+import a from "clsx";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useState as c } from "react";
+//#region src/components/input/input.tsx
+var l = ({ className: l, label: u, message: d, colors: f = {
+	success: "green",
+	error: "red",
+	warning: "orange",
+	focus: "blue"
+}, status: p, width: m = 100, height: h = "auto", borderWidth: g = 1, borderWidthFocus: _ = 2, labelFontWeight: v = 400, labelFontSize: y = 1, messageFontWeight: b = 400, messageFontSize: x = 1, onFocus: S, onBlur: C, ...w }) => {
+	let [T, E] = c(!1), D = {
+		"--success-color": f.success,
+		"--warning-color": f.warning,
+		"--error-color": f.error,
+		"--focus-color": f.focus
+	}, O = (e) => {
+		S && S(e), E(!0);
+	}, k = (e) => {
+		C && C(e), E(!1);
+	};
+	return /* @__PURE__ */ s("div", {
+		className: a(i.container, l),
+		style: {
+			width: e(m) ? t(m) : m,
+			height: e(h) ? r(h) : h,
+			...D
+		},
+		children: [/* @__PURE__ */ s("div", {
+			className: i["input-container"],
+			children: [/* @__PURE__ */ o("input", {
+				className: a(i.input, p),
+				...w,
+				onFocus: O,
+				onBlur: k
+			}), /* @__PURE__ */ o("fieldset", {
+				className: a(i.fieldset, p),
+				style: { borderWidth: n(T ? _ : g) },
+				children: /* @__PURE__ */ o("legend", {
+					className: i.legend,
+					style: {
+						fontWeight: v,
+						fontSize: r(y)
+					},
+					children: u
+				})
+			})]
+		}), d && /* @__PURE__ */ o("div", {
+			className: a(i["message-container"], p),
+			children: /* @__PURE__ */ o("span", {
+				className: i.message,
+				style: {
+					fontWeight: b,
+					fontSize: r(x)
+				},
+				children: d
+			})
+		})]
+	});
+};
+//#endregion
+export { l as Input };

package/dist/src/components/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { BreadcrumbItem, useBreadcrumbProps } from '../..';
+export type BreadcrumbProps = {
+    config: useBreadcrumbProps;
+    onClick: (element: BreadcrumbItem) => void;
+    color?: string;
+    fontSize?: number;
+    icon?: ReactNode;
+    iconWidth?: number;
+    iconMargin?: number;
+    className?: string;
+};
+export declare const Breadcrumb: ({ config, onClick, icon, iconWidth, iconMargin, color, fontSize, className, }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{button → src/components/button}/button.d.ts

@@ -1,14 +1,15 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
+import { FontWeight, Position, Size } from '../../types';
 export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     children: ReactNode;
     color?: string;
-    width?: number;
-    height?: number;
+    width?: Size;
+    height?: Size;
     backgroundColor?: string;
     borderColor?: string;
-    alignSelf?: "start" | "center" | "end";
+    alignSelf?: Position;
     fontSize?: number;
-    fontWeight?: 400 | 500 | 600 | 700 | 800 | 900;
+    fontWeight?: FontWeight;
     borderRadius?: number;
     borderWidth?: number;
     padding?: string;

package/dist/src/components/card/card.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { BorderStyle, FontWeight, Position, Size, Text } from '../../types';
+export type CardProps = {
+    children: ReactNode;
+    title?: string;
+    titleAs?: Text;
+    titleFontSize?: number;
+    titleFontWeight?: FontWeight;
+    titleColor?: string;
+    titleTextAlign?: Position;
+    titleGap?: number;
+    backgroundColor?: string;
+    borderRadius?: number;
+    borderWidth?: number;
+    borderStyle?: BorderStyle;
+    borderColor?: string;
+    padding?: string;
+    width?: Size;
+    height?: Size;
+    className?: string;
+};
+export declare const Card: ({ className, children, title, titleAs: Title, titleFontSize, titleFontWeight, titleColor, titleTextAlign, titleGap, backgroundColor, borderRadius, borderWidth, borderStyle, borderColor, width, height, padding, }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{checkbox → src/components/checkbox}/checkbox.d.ts

@@ -1,15 +1,14 @@
 import { InputHTMLAttributes } from 'react';
+import { FontWeight } from '../../types';
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
     label: string;
-    labelWeight?: 400 | 500 | 600 | 700 | 800 | 900;
+    labelFontWeight?: FontWeight;
     labelColor?: string;
-    borderWidth?: number;
     borderColor?: string;
     checkColor?: string;
     checkBackgroundColor?: string;
     iconSize?: "small" | "medium" | "large";
     size?: number;
-    gap?: number;
     className?: string;
 };
-export declare const Checkbox: ({ className, label, labelWeight, labelColor, borderWidth, borderColor, checkColor, checkBackgroundColor, iconSize, size, gap, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ className, label, labelFontWeight, labelColor, borderColor, checkColor, checkBackgroundColor, iconSize, size, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/country-selector/country-selector.d.ts

@@ -0,0 +1,10 @@
+import { SelectProps } from '..';
+import { CountrySelectorOption } from './country-selector.types';
+export type CountrySelectorProps = {
+    languages: string[];
+    value?: string;
+    flagWidth?: number;
+    onChange?: (option: CountrySelectorOption) => void;
+    className?: string;
+};
+export declare const CountrySelector: ({ value, languages, onChange, flagWidth, className, ...rest }: CountrySelectorProps & Omit<SelectProps, "options">) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/drop-zone/drop-zone.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { BorderStyle, FontWeight, Size } from '../../types';
+export type DropZoneProps = {
+    onFileChanged: (file: File | undefined) => void;
+    label?: string;
+    labelFontSize?: number;
+    labelFontWeight?: FontWeight;
+    labelGap?: number;
+    previewIcon?: ReactNode;
+    previewIconSize?: number;
+    removeIcon?: ReactNode;
+    removeIconSize?: number;
+    text?: string;
+    textFontSize?: number;
+    textFontWeight?: FontWeight;
+    width?: Size;
+    height?: Size;
+    gap?: number;
+    padding?: string;
+    borderWidth?: number;
+    borderColor?: string;
+    borderStyle?: BorderStyle;
+    removeAriaLabel?: string;
+    className?: string;
+};
+export declare const DropZone: ({ onFileChanged, label, labelFontSize, labelFontWeight, labelGap, previewIcon, previewIconSize, removeIcon, removeIconSize, text, textFontSize, textFontWeight, width, height, gap, padding, borderWidth, borderColor, borderStyle, removeAriaLabel, className, }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{flex → src/components/flex}/flex.d.ts

@@ -1,15 +1,16 @@
 import { ReactNode } from 'react';
+import { Size } from '../../types';
 export type FlexProps = {
     children: ReactNode;
-    direction?: "row" | "column";
+    flexDirection?: "row" | "column";
     justifyContent?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly" | "stretch";
     alignItems?: "start" | "center" | "end" | "stretch";
     alignSelf?: "start" | "center" | "end" | "stretch";
     wrap?: "nowrap" | "wrap" | "wrap-reverse";
-    width?: number;
-    height?: number;
+    width?: Size;
+    height?: Size;
     padding?: string;
     gap?: number;
     className?: string;
 };
-export declare const Flex: ({ className, children, direction, justifyContent, alignItems, alignSelf, wrap, width, height, padding, gap, }: FlexProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Flex: ({ className, children, flexDirection, justifyContent, alignItems, alignSelf, wrap, width, height, padding, gap, }: FlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{index.d.ts → src/components/index.d.ts}

@@ -2,17 +2,10 @@ export * from './breadcrumb';
 export * from './country-selector';
 export * from './input';
 export * from './loader';
-export * from './use-match-device';
-export * from './use-match-resolution';
 export * from './modal';
-export * from './mount-react-hook';
 export * from './pagination';
-export * from './use-outside-alerter';
-export * from './use-pagination';
-export * from './use-scroll-to';
 export * from './select';
 export * from './table';
-export * from './use-visible';
 export * from './wizard';
 export * from './flex';
 export * from './button';
@@ -21,3 +14,4 @@ export * from './card';
 export * from './checkbox';
 export * from './list';
 export * from './text';
+export * from './radio';

package/dist/src/components/input/input.d.ts

@@ -0,0 +1,20 @@
+import { InputHTMLAttributes } from 'react';
+import { FontWeight, Size } from '../../types';
+import { InputColors, InputStatus, InputType } from './input.types';
+export type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+    label: string;
+    type: InputType;
+    colors?: InputColors;
+    status?: InputStatus;
+    message?: string;
+    width?: Size;
+    height?: Size;
+    borderWidth?: number;
+    borderWidthFocus?: number;
+    labelFontWeight?: FontWeight;
+    labelFontSize?: number;
+    messageFontWeight?: FontWeight;
+    messageFontSize?: number;
+    className?: string;
+};
+export declare const Input: ({ className, label, message, colors, status, width, height, borderWidth, borderWidthFocus, labelFontWeight, labelFontSize, messageFontWeight, messageFontSize, onFocus, onBlur, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{list → src/components/list}/list.d.ts

@@ -1,14 +1,15 @@
 import { ReactNode } from 'react';
+import { FontWeight } from '../../types';
 export type ListItemProps = {
     icon: ReactNode;
     text: string;
-    textSize?: number;
+    textFontSize?: number;
     textColor?: string;
-    textWeight?: 400 | 500 | 600 | 700 | 800 | 900;
+    textFontWeight?: FontWeight;
     gap?: number;
     className?: string;
 };
-export declare const ListItem: ({ className, icon, text, textSize, textColor, textWeight, gap, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ className, icon, text, textFontSize, textColor, textFontWeight, gap, }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
 export type ListProps = {
     children: ReactNode;
     gap?: number;