@empreint/ui 1.2.3 → 1.5.0

package/dist/components/badge/badge.js

@@ -0,0 +1,12 @@
+import e from "./badge.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/badge/badge.tsx
+var r = ({ children: r, variant: i = "soft", className: a, ...o }) => /* @__PURE__ */ n("span", {
+	...o,
+	className: t(e.badge, a),
+	"data-variant": i,
+	children: r
+});
+//#endregion
+export { r as Badge };

package/dist/components/badge/badge.module.js

@@ -0,0 +1,4 @@
+//#region src/components/badge/badge.module.css
+var e = "_badge_kkq9y_1", t = { badge: e };
+//#endregion
+export { e as badge, t as default };

package/dist/components/breadcrumb/breadcrumb.module.js

@@ -1,8 +1,9 @@
-var e = {
-	breadcrumb: "_breadcrumb_y97r7_1",
-	list: "_list_y97r7_6",
-	item: "_item_y97r7_15",
-	separator: "_separator_y97r7_34"
+//#region src/components/breadcrumb/breadcrumb.module.css
+var e = "_breadcrumb_y97r7_1", t = "_list_y97r7_6", n = "_item_y97r7_15", r = "_separator_y97r7_34", i = {
+	breadcrumb: e,
+	list: t,
+	item: n,
+	separator: r
 };
 //#endregion
-export { e as default };
+export { e as breadcrumb, i as default, n as item, t as list, r as separator };

package/dist/components/button/button.module.js

@@ -1,3 +1,4 @@
-var e = { button: "_button_nfa84_1" };
+//#region src/components/button/button.module.css
+var e = "_button_nfa84_1", t = { button: e };
 //#endregion
-export { e as default };
+export { e as button, t as default };

package/dist/components/card/card.module.js

@@ -1,8 +1,9 @@
-var e = {
-	card: "_card_1oed4_1",
-	header: "_header_1oed4_11",
-	footer: "_footer_1oed4_12",
-	body: "_body_1oed4_16"
+//#region src/components/card/card.module.css
+var e = "_card_1oed4_1", t = "_header_1oed4_11", n = "_footer_1oed4_12", r = "_body_1oed4_16", i = {
+	card: e,
+	header: t,
+	footer: n,
+	body: r
 };
 //#endregion
-export { e as default };
+export { r as body, e as card, i as default, n as footer, t as header };

package/dist/components/checkbox/checkbox.module.js

@@ -1,7 +1,8 @@
-var e = {
-	checkbox: "_checkbox_dkf3o_1",
-	input: "_input_dkf3o_8",
-	label: "_label_dkf3o_39"
+//#region src/components/checkbox/checkbox.module.css
+var e = "_checkbox_dkf3o_1", t = "_input_dkf3o_8", n = "_label_dkf3o_39", r = {
+	checkbox: e,
+	input: t,
+	label: n
 };
 //#endregion
-export { e as default };
+export { e as checkbox, r as default, t as input, n as label };

package/dist/components/chip/chip.module.js

@@ -1,6 +1,7 @@
-var e = {
-	chip: "_chip_1vcyi_1",
-	close: "_close_1vcyi_28"
+//#region src/components/chip/chip.module.css
+var e = "_chip_1vcyi_1", t = "_close_1vcyi_28", n = {
+	chip: e,
+	close: t
 };
 //#endregion
-export { e as default };
+export { e as chip, t as close, n as default };

package/dist/components/collapsible/collapsible.module.js

@@ -1,9 +1,10 @@
-var e = {
-	collapsible: "_collapsible_i5j43_1",
-	icon: "_icon_i5j43_9",
-	trigger: "_trigger_i5j43_14",
-	label: "_label_i5j43_34",
-	content: "_content_i5j43_40"
+//#region src/components/collapsible/collapsible.module.css
+var e = "_collapsible_3bbjx_1", t = "_icon_3bbjx_6", n = "_trigger_3bbjx_18", r = "_label_3bbjx_34", i = "_content_3bbjx_40", a = {
+	collapsible: e,
+	icon: t,
+	trigger: n,
+	label: r,
+	content: i
 };
 //#endregion
-export { e as default };
+export { e as collapsible, i as content, a as default, t as icon, r as label, n as trigger };

package/dist/components/container/container.module.js

@@ -1,3 +1,4 @@
-var e = { container: "_container_1bqhu_1" };
+//#region src/components/container/container.module.css
+var e = "_container_1bqhu_1", t = { container: e };
 //#endregion
-export { e as default };
+export { e as container, t as default };

package/dist/components/dropdown-menu/dropdown-menu.module.js

@@ -1,8 +1,9 @@
-var e = {
+//#region src/components/dropdown-menu/dropdown-menu.module.css
+var e = "_icon_1r2a9_6", t = "_content_1r2a9_14", n = "_item_1r2a9_33", r = {
 	"dropdown-menu": "_dropdown-menu_1r2a9_1",
-	icon: "_icon_1r2a9_6",
-	content: "_content_1r2a9_14",
-	item: "_item_1r2a9_33"
+	icon: e,
+	content: t,
+	item: n
 };
 //#endregion
-export { e as default };
+export { t as content, r as default, e as icon, n as item };

package/dist/components/dropzone/dropzone.module.js

@@ -1,9 +1,10 @@
-var e = {
-	dropzone: "_dropzone_1u6zv_1",
-	label: "_label_1u6zv_7",
-	area: "_area_1u6zv_11",
-	file: "_file_1u6zv_41",
-	remove: "_remove_1u6zv_45"
+//#region src/components/dropzone/dropzone.module.css
+var e = "_dropzone_1u6zv_1", t = "_label_1u6zv_7", n = "_area_1u6zv_11", r = "_file_1u6zv_41", i = "_remove_1u6zv_45", a = {
+	dropzone: e,
+	label: t,
+	area: n,
+	file: r,
+	remove: i
 };
 //#endregion
-export { e as default };
+export { n as area, a as default, e as dropzone, r as file, t as label, i as remove };

package/dist/components/filters/filters.js

@@ -0,0 +1,29 @@
+import e from "./filters.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { Minus as r, Plus as i } from "lucide-react";
+//#region src/components/filters/filters.tsx
+var a = ({ className: r, ...i }) => /* @__PURE__ */ n("div", {
+	...i,
+	className: t(e.filters, r)
+}), o = ({ className: r, ...i }) => /* @__PURE__ */ n("div", {
+	...i,
+	className: t(e.header, r)
+}), s = ({ className: r, ...i }) => /* @__PURE__ */ n("fieldset", {
+	...i,
+	className: t(e.row, r)
+}), c = ({ className: r, children: a, "aria-label": o = "Add filter", ...s }) => /* @__PURE__ */ n("button", {
+	type: "button",
+	...s,
+	"aria-label": o,
+	className: t(e.add, r),
+	children: a ?? /* @__PURE__ */ n(i, { "aria-hidden": !0 })
+}), l = ({ className: i, children: a, "aria-label": o = "Remove filter", ...s }) => /* @__PURE__ */ n("button", {
+	type: "button",
+	...s,
+	"aria-label": o,
+	className: t(e.remove, i),
+	children: a ?? /* @__PURE__ */ n(r, { "aria-hidden": !0 })
+});
+//#endregion
+export { c as FilterAdd, o as FilterHeader, l as FilterRemove, s as FilterRow, a as Filters };

package/dist/components/filters/filters.module.js

@@ -0,0 +1,10 @@
+//#region src/components/filters/filters.module.css
+var e = "_filters_1ojmb_1", t = "_header_1ojmb_11", n = "_row_1ojmb_12", r = "_add_1ojmb_34", i = "_remove_1ojmb_35", a = {
+	filters: e,
+	header: t,
+	row: n,
+	add: r,
+	remove: i
+};
+//#endregion
+export { r as add, a as default, e as filters, t as header, i as remove, n as row };

package/dist/components/flex/flex.module.js

@@ -1,3 +1,4 @@
-var e = { flex: "_flex_1kay9_1" };
+//#region src/components/flex/flex.module.css
+var e = "_flex_1kay9_1", t = { flex: e };
 //#endregion
-export { e as default };
+export { t as default, e as flex };

package/dist/components/grid/grid.module.js

@@ -1,3 +1,4 @@
-var e = { grid: "_grid_zrtyu_1" };
+//#region src/components/grid/grid.module.css
+var e = "_grid_zrtyu_1", t = { grid: e };
 //#endregion
-export { e as default };
+export { t as default, e as grid };

package/dist/components/input/input.module.js

@@ -1,8 +1,9 @@
-var e = {
-	input: "_input_1g4d3_1",
-	label: "_label_1g4d3_6",
-	field: "_field_1g4d3_13",
-	message: "_message_1g4d3_71"
+//#region src/components/input/input.module.css
+var e = "_input_1g4d3_1", t = "_label_1g4d3_6", n = "_field_1g4d3_13", r = "_message_1g4d3_71", i = {
+	input: e,
+	label: t,
+	field: n,
+	message: r
 };
 //#endregion
-export { e as default };
+export { i as default, n as field, e as input, t as label, r as message };

package/dist/components/language-selector/language-selector.module.js

@@ -1,3 +1,4 @@
-var e = { flag: "_flag_ia12f_1" };
+//#region src/components/language-selector/language-selector.module.css
+var e = "_flag_ia12f_1", t = { flag: e };
 //#endregion
-export { e as default };
+export { t as default, e as flag };

package/dist/components/list/list.module.js

@@ -1,6 +1,7 @@
-var e = {
-	list: "_list_9hntk_1",
-	item: "_item_9hntk_9"
+//#region src/components/list/list.module.css
+var e = "_list_9hntk_1", t = "_item_9hntk_9", n = {
+	list: e,
+	item: t
 };
 //#endregion
-export { e as default };
+export { n as default, t as item, e as list };

package/dist/components/loader/loader.module.js

@@ -1,8 +1,9 @@
-var e = {
-	overlay: "_overlay_131sn_1",
-	loader: "_loader_131sn_11",
-	spinner: "_spinner_131sn_19",
-	loading: "_loading_131sn_1"
+//#region src/components/loader/loader.module.css
+var e = "_overlay_131sn_1", t = "_loader_131sn_11", n = "_spinner_131sn_19", r = "_loading_131sn_1", i = {
+	overlay: e,
+	loader: t,
+	spinner: n,
+	loading: r
 };
 //#endregion
-export { e as default };
+export { i as default, t as loader, r as loading, e as overlay, n as spinner };

package/dist/components/modal/modal.module.js

@@ -1,10 +1,11 @@
-var e = {
-	content: "_content_lkmqc_1",
-	overlay: "_overlay_lkmqc_17",
-	trigger: "_trigger_lkmqc_24",
-	close: "_close_lkmqc_25",
-	header: "_header_lkmqc_29",
-	footer: "_footer_lkmqc_35"
+//#region src/components/modal/modal.module.css
+var e = "_content_lkmqc_1", t = "_overlay_lkmqc_17", n = "_trigger_lkmqc_24", r = "_close_lkmqc_25", i = "_header_lkmqc_29", a = "_footer_lkmqc_35", o = {
+	content: e,
+	overlay: t,
+	trigger: n,
+	close: r,
+	header: i,
+	footer: a
 };
 //#endregion
-export { e as default };
+export { r as close, e as content, o as default, a as footer, i as header, t as overlay, n as trigger };

package/dist/components/pagination/pagination.module.js

@@ -1,6 +1,7 @@
-var e = {
-	pagination: "_pagination_1r9b9_1",
-	item: "_item_1r9b9_6"
+//#region src/components/pagination/pagination.module.css
+var e = "_pagination_1r9b9_1", t = "_item_1r9b9_6", n = {
+	pagination: e,
+	item: t
 };
 //#endregion
-export { e as default };
+export { n as default, t as item, e as pagination };

package/dist/components/popover/popover.module.js

@@ -1,7 +1,8 @@
-var e = {
-	popover: "_popover_1arnc_1",
-	trigger: "_trigger_1arnc_6",
-	content: "_content_1arnc_10"
+//#region src/components/popover/popover.module.css
+var e = "_popover_1arnc_1", t = "_trigger_1arnc_6", n = "_content_1arnc_10", r = {
+	popover: e,
+	trigger: t,
+	content: n
 };
 //#endregion
-export { e as default };
+export { n as content, r as default, e as popover, t as trigger };

package/dist/components/radio-group/radio-group.module.js

@@ -1,8 +1,9 @@
-var e = {
-	group: "_group_8w79p_1",
-	item: "_item_8w79p_12",
-	radio: "_radio_8w79p_18",
-	label: "_label_8w79p_49"
+//#region src/components/radio-group/radio-group.module.css
+var e = "_group_8w79p_1", t = "_item_8w79p_12", n = "_radio_8w79p_18", r = "_label_8w79p_49", i = {
+	group: e,
+	item: t,
+	radio: n,
+	label: r
 };
 //#endregion
-export { e as default };
+export { i as default, e as group, t as item, r as label, n as radio };

package/dist/components/select/select.module.js

@@ -1,10 +1,11 @@
-var e = {
-	select: "_select_vcdsz_1",
-	icon: "_icon_vcdsz_7",
-	trigger: "_trigger_vcdsz_18",
-	content: "_content_vcdsz_32",
-	item: "_item_vcdsz_49",
-	option: "_option_vcdsz_71"
+//#region src/components/select/select.module.css
+var e = "_select_vcdsz_1", t = "_icon_vcdsz_7", n = "_trigger_vcdsz_18", r = "_content_vcdsz_32", i = "_item_vcdsz_49", a = "_option_vcdsz_71", o = {
+	select: e,
+	icon: t,
+	trigger: n,
+	content: r,
+	item: i,
+	option: a
 };
 //#endregion
-export { e as default };
+export { r as content, o as default, t as icon, i as item, a as option, e as select, n as trigger };

package/dist/components/separator/separator.module.js

@@ -1,3 +1,4 @@
-var e = { separator: "_separator_17ab6_1" };
+//#region src/components/separator/separator.module.css
+var e = "_separator_17ab6_1", t = { separator: e };
 //#endregion
-export { e as default };
+export { t as default, e as separator };

package/dist/components/sidebar/sidebar.module.js

@@ -1,9 +1,10 @@
-var e = {
-	sidebar: "_sidebar_10i86_1",
-	header: "_header_10i86_9",
-	group: "_group_10i86_15",
-	link: "_link_10i86_24",
-	item: "_item_10i86_30"
+//#region src/components/sidebar/sidebar.module.css
+var e = "_sidebar_10i86_1", t = "_header_10i86_9", n = "_group_10i86_15", r = "_link_10i86_24", i = "_item_10i86_30", a = {
+	sidebar: e,
+	header: t,
+	group: n,
+	link: r,
+	item: i
 };
 //#endregion
-export { e as default };
+export { a as default, n as group, t as header, i as item, r as link, e as sidebar };

package/dist/components/table/table.js

@@ -1,45 +1,46 @@
 import e from "./table.module.js";
 import t from "clsx";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { ChevronDown as i } from "lucide-react";
 //#region src/components/table/table.tsx
-var i = ({ className: i, columns: c, records: l, uniqueKey: u, renderHeader: d = () => null, renderFooter: f = () => null, renderColumnsCell: p = (e, t) => /* @__PURE__ */ n(a, { children: e.label }, t), renderRecordsCell: m = (e, t) => /* @__PURE__ */ n(s, { children: e }, t), renderRecordsEmptyCell: h = (e) => /* @__PURE__ */ n(s, { children: "X" }, e), renderNoRecords: g = () => null, ..._ }) => {
-	let v = () => /* @__PURE__ */ n("tr", { children: c.map((e) => p(e, `column-${e.name}`)) }), y = () => {
-		let e = c.map((e) => e.name);
-		return l.map((t, r) => {
-			let i = u ? t[u] : r;
-			return /* @__PURE__ */ n(o, { children: e.map((e) => {
-				let n = t[e], r = `row-${i}-cell-${e}`;
-				return n ? m(n, r) : h(r);
-			}) }, `row-${i}`);
-		});
-	};
-	return /* @__PURE__ */ r("div", {
-		..._,
-		className: t(e.container, i),
-		children: [
-			d(),
-			l.length === 0 ? g() : /* @__PURE__ */ r("table", {
-				className: e.main,
-				children: [/* @__PURE__ */ n("thead", { children: v() }), /* @__PURE__ */ n("tbody", {
-					className: e.tbody,
-					children: y()
-				})]
-			}),
-			f()
-		]
-	});
-}, a = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("th", {
+var a = ({ className: r, layout: i = "auto", ...a }) => /* @__PURE__ */ n("div", {
+	className: e.container,
+	children: /* @__PURE__ */ n("table", {
+		...a,
+		"data-layout": i,
+		className: t(e.table, r)
+	})
+}), o = ({ className: r, ...i }) => /* @__PURE__ */ n("thead", {
+	...i,
+	className: t(e.header, r)
+}), s = ({ className: r, ...i }) => /* @__PURE__ */ n("tbody", {
+	...i,
+	className: t(e.body, r)
+}), c = ({ className: r, ...i }) => /* @__PURE__ */ n("tfoot", {
+	...i,
+	className: t(e.footer, r)
+}), l = ({ className: r, separator: i = !0, ...a }) => /* @__PURE__ */ n("tr", {
 	...a,
-	className: t(e.th, i),
-	children: r
-}), o = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("tr", {
-	...a,
-	className: t(e.tr, i),
-	children: r
-}), s = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("td", {
-	...a,
-	className: t(e.td, i),
-	children: r
+	className: t(e.row, r),
+	"data-separator": i || void 0
+}), u = ({ className: r, ...i }) => /* @__PURE__ */ n("td", {
+	...i,
+	className: t(e.cell, r)
+}), d = ({ className: r, scope: i = "col", sort: a, ...o }) => /* @__PURE__ */ n("th", {
+	...o,
+	scope: i,
+	"aria-sort": a ?? "none",
+	"data-scope": i,
+	className: t(e.cell, e.headerCell, r)
+}), f = ({ className: a, direction: o, icon: s = i, children: c, ...l }) => /* @__PURE__ */ r("button", {
+	type: "button",
+	...l,
+	className: t(e.sort, a),
+	children: [c, /* @__PURE__ */ n(s, {
+		"aria-hidden": !0,
+		className: e.sortIcon,
+		"data-direction": o
+	})]
 });
 //#endregion
-export { i as Table, s as TableTd, a as TableTh, o as TableTr };
+export { a as Table, s as TableBody, u as TableCell, c as TableFooter, o as TableHeader, d as TableHeaderCell, l as TableRow, f as TableSortTrigger };

package/dist/components/table/table.module.js

@@ -1,10 +1,12 @@
-var e = {
-	container: "_container_cds7q_1",
-	main: "_main_cds7q_6",
-	tbody: "_tbody_cds7q_12",
-	th: "_th_cds7q_19",
-	tr: "_tr_cds7q_25",
-	td: "_td_cds7q_30"
+//#region src/components/table/table.module.css
+var e = "_container_1n0li_1", t = "_table_1n0li_6", n = "_row_1n0li_19", r = "_cell_1n0li_28", i = "_headerCell_1n0li_35", a = "_sort_1n0li_43", o = "_sortIcon_1n0li_61", s = {
+	container: e,
+	table: t,
+	row: n,
+	cell: r,
+	headerCell: i,
+	sort: a,
+	sortIcon: o
 };
 //#endregion
-export { e as default };
+export { r as cell, e as container, s as default, i as headerCell, n as row, a as sort, o as sortIcon, t as table };

package/dist/components/tabs/tabs.module.js

@@ -1,8 +1,9 @@
-var e = {
-	tabs: "_tabs_719qy_1",
-	items: "_items_719qy_7",
-	item: "_item_719qy_7",
-	trigger: "_trigger_719qy_28"
+//#region src/components/tabs/tabs.module.css
+var e = "_tabs_719qy_1", t = "_items_719qy_7", n = "_item_719qy_7", r = "_trigger_719qy_28", i = {
+	tabs: e,
+	items: t,
+	item: n,
+	trigger: r
 };
 //#endregion
-export { e as default };
+export { i as default, n as item, t as items, e as tabs, r as trigger };

package/dist/components/text/text.module.js

@@ -1,3 +1,4 @@
-var e = { text: "_text_1dea8_1" };
+//#region src/components/text/text.module.css
+var e = "_text_1dea8_1", t = { text: e };
 //#endregion
-export { e as default };
+export { t as default, e as text };

package/dist/components/title/title.module.js

@@ -1,3 +1,4 @@
-var e = { title: "_title_137hk_1" };
+//#region src/components/title/title.module.css
+var e = "_title_137hk_1", t = { title: e };
 //#endregion
-export { e as default };
+export { t as default, e as title };

package/dist/components/wizard/wizard.module.js

@@ -1,9 +1,10 @@
-var e = {
-	wizard: "_wizard_1ulat_1",
-	header: "_header_1ulat_7",
-	title: "_title_1ulat_12",
-	indicator: "_indicator_1ulat_16",
-	footer: "_footer_1ulat_21"
+//#region src/components/wizard/wizard.module.css
+var e = "_wizard_1ulat_1", t = "_header_1ulat_7", n = "_title_1ulat_12", r = "_indicator_1ulat_16", i = "_footer_1ulat_21", a = {
+	wizard: e,
+	header: t,
+	title: n,
+	indicator: r,
+	footer: i
 };
 //#endregion
-export { e as default };
+export { a as default, i as footer, t as header, r as indicator, n as title, e as wizard };

package/dist/hooks/use-filters/use-filters.js

@@ -0,0 +1,23 @@
+import { useRef as e, useState as t } from "react";
+//#region src/hooks/use-filters/use-filters.ts
+var n = (n = []) => {
+	let r = e(0), i = (e = {}) => ({
+		id: `filter-${r.current++}`,
+		column: "",
+		operator: "",
+		value: "",
+		...e
+	}), [a, o] = t(() => n.map((e) => i(e)));
+	return {
+		filters: a,
+		addFilter: (e) => o((t) => [...t, i(e)]),
+		updateFilter: (e, t) => o((n) => n.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n)),
+		removeFilter: (e) => o((t) => t.filter((t) => t.id !== e)),
+		reset: () => o([])
+	};
+};
+//#endregion
+export { n as useFilters };

package/dist/hooks/use-sort/use-sort.js

@@ -0,0 +1,25 @@
+import { useState as e } from "react";
+//#region src/hooks/use-sort/use-sort.ts
+var t = (e, t) => typeof e == "number" && typeof t == "number" ? e - t : String(e).localeCompare(String(t)), n = (n = null) => {
+	let [r, i] = e(n);
+	return {
+		sort: r,
+		toggle: (e) => i((t) => t?.key === e ? t.direction === "ascending" ? {
+			key: e,
+			direction: "descending"
+		} : null : {
+			key: e,
+			direction: "ascending"
+		}),
+		sortData: (e) => {
+			if (!r) return e;
+			let { key: n, direction: i } = r;
+			return [...e].sort((e, r) => {
+				let a = t(e[n], r[n]);
+				return i === "ascending" ? a : -a;
+			});
+		}
+	};
+};
+//#endregion
+export { n as useSort };