@empreint/ui 1.1.0 → 1.2.1

package/dist/components/modal/modal.js

@@ -0,0 +1,69 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import { Slot as t } from "../slot/slot.js";
+import n from "./modal.module.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useContext as o } from "react";
+//#region src/components/modal/modal.tsx
+var s = a(null), c = ({ children: t, className: n, ...r }) => {
+	let { isOpen: a, onToggle: o, onClose: c, ref: l } = e();
+	return /* @__PURE__ */ i(s, {
+		value: {
+			isOpen: a,
+			onToggle: o,
+			onClose: c,
+			ref: l
+		},
+		children: /* @__PURE__ */ i("div", {
+			...r,
+			className: n,
+			"data-open": a,
+			children: t
+		})
+	});
+}, l = ({ children: e, className: a, ...c }) => {
+	let l = o(s);
+	return /* @__PURE__ */ i(t, {
+		...c,
+		className: r(n.trigger, a),
+		onClick: l?.onToggle,
+		children: e
+	});
+}, u = ({ children: e, className: t, ...a }) => {
+	let c = o(s);
+	return c?.isOpen ? /* @__PURE__ */ i("div", {
+		...a,
+		className: r(n.content, t),
+		ref: c?.ref,
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": a["aria-label"] ?? "Modal",
+		children: e
+	}) : null;
+}, d = ({ className: e, ...t }) => o(s)?.isOpen && /* @__PURE__ */ i("div", {
+	...t,
+	className: r(n.overlay, e)
+}), f = ({ children: e, className: a, ...c }) => {
+	let l = o(s);
+	return /* @__PURE__ */ i(t, {
+		...c,
+		className: r(n.close, a),
+		onClick: l?.onClose,
+		children: e
+	});
+}, p = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.body, t),
+	children: e
+}), m = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.header, t),
+	children: e
+}), h = ({ children: e, className: t, ...a }) => /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.footer, t),
+	children: e
+});
+//#endregion
+export { c as Modal, p as ModalBody, f as ModalClose, u as ModalContent, h as ModalFooter, m as ModalHeader, d as ModalOverlay, l as ModalTrigger };

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

@@ -0,0 +1,10 @@
+var e = {
+	content: "_content_1eoaq_1",
+	overlay: "_overlay_1eoaq_17",
+	trigger: "_trigger_1eoaq_24",
+	close: "_close_1eoaq_25",
+	header: "_header_1eoaq_29",
+	footer: "_footer_1eoaq_35"
+};
+//#endregion
+export { e as default };

package/dist/components/pagination/pagination.js

@@ -0,0 +1,77 @@
+"use client";
+import { usePagination as e } from "../../hooks/use-pagination/use-pagination.js";
+import t from "./pagination.module.js";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as i, createElement as a, useContext as o } from "react";
+//#region src/components/pagination/pagination.tsx
+var s = i(null), c = ({ children: i, className: a, page: o, totalRecords: c, maxRecordsPerPage: l, itemNeighbours: u, minItems: d, onChange: f, ...p }) => /* @__PURE__ */ r(s, {
+	value: e({
+		page: o,
+		totalRecords: c,
+		maxRecordsPerPage: l,
+		itemNeighbours: u,
+		minItems: d,
+		onChange: f
+	}),
+	children: /* @__PURE__ */ r("nav", {
+		...p,
+		className: n(t.pagination, a),
+		"aria-label": p["aria-label"] ?? "Pagination",
+		children: i
+	})
+}), l = ({ children: e, className: i, ...a }) => {
+	let c = o(s);
+	return c?.isFirst ? null : /* @__PURE__ */ r("button", {
+		...a,
+		type: "button",
+		className: n(t.item, i),
+		onClick: c?.goToFirst,
+		"aria-label": a["aria-label"] ?? "First page",
+		children: e
+	});
+}, u = ({ children: e, className: i, ...a }) => {
+	let c = o(s);
+	return c?.isFirst ? null : /* @__PURE__ */ r("button", {
+		...a,
+		type: "button",
+		className: n(t.item, i),
+		onClick: c?.goToPrevious,
+		"aria-label": a["aria-label"] ?? "Previous page",
+		children: e
+	});
+}, d = ({ className: e, ...r }) => {
+	let i = o(s);
+	return i?.items.map((o) => /* @__PURE__ */ a("button", {
+		...r,
+		type: "button",
+		"aria-current": o === i?.currentPage ? "page" : void 0,
+		"aria-label": `Page ${o}`,
+		className: n(t.item, e),
+		"data-active": o === i?.currentPage || void 0,
+		key: o,
+		onClick: () => i?.goToPage(o)
+	}, o));
+}, f = ({ children: e, className: i, ...a }) => {
+	let c = o(s);
+	return c?.isLast ? null : /* @__PURE__ */ r("button", {
+		...a,
+		type: "button",
+		className: n(t.item, i),
+		onClick: c?.goToNext,
+		"aria-label": a["aria-label"] ?? "Next page",
+		children: e
+	});
+}, p = ({ children: e, className: i, ...a }) => {
+	let c = o(s);
+	return c?.isLast ? null : /* @__PURE__ */ r("button", {
+		...a,
+		type: "button",
+		className: n(t.item, i),
+		onClick: c?.goToLast,
+		"aria-label": a["aria-label"] ?? "Last page",
+		children: e
+	});
+};
+//#endregion
+export { c as Pagination, l as PaginationFirst, d as PaginationItems, p as PaginationLast, f as PaginationNext, u as PaginationPrevious };

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

@@ -0,0 +1,6 @@
+var e = {
+	pagination: "_pagination_d7y9w_1",
+	item: "_item_d7y9w_6"
+};
+//#endregion
+export { e as default };

package/dist/components/popover/popover.js

@@ -0,0 +1,38 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import { Slot as t } from "../slot/slot.js";
+import n from "./popover.module.js";
+import r from "clsx";
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a, useContext as o } from "react";
+//#region src/components/popover/popover.tsx
+var s = a(null), c = ({ children: t, className: a, ...o }) => {
+	let { isOpen: c, onToggle: l, onClose: u, ref: d } = e();
+	return /* @__PURE__ */ i(s, {
+		value: {
+			isOpen: c,
+			onToggle: l,
+			onClose: u
+		},
+		children: /* @__PURE__ */ i("div", {
+			...o,
+			className: r(n.popover, a),
+			ref: d,
+			children: t
+		})
+	});
+}, l = ({ children: e, className: a, ...c }) => {
+	let l = o(s);
+	return /* @__PURE__ */ i(t, {
+		...c,
+		onClick: l?.onToggle,
+		className: r(n.trigger, a),
+		children: e
+	});
+}, u = ({ children: e, className: t, ...a }) => o(s)?.isOpen ? /* @__PURE__ */ i("div", {
+	...a,
+	className: r(n.content, t),
+	children: e
+}) : null;
+//#endregion
+export { c as Popover, u as PopoverContent, l as PopoverTrigger };

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

@@ -0,0 +1,7 @@
+var e = {
+	popover: "_popover_3kjiv_1",
+	trigger: "_trigger_3kjiv_6",
+	content: "_content_3kjiv_10"
+};
+//#endregion
+export { e as default };

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

@@ -0,0 +1,43 @@
+"use client";
+import e from "./radio-group.module.js";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { createContext as i, useContext as a, useId as o, useState as s } from "react";
+//#region src/components/radio-group/radio-group.tsx
+var c = i(null), l = ({ children: r, onChange: i, defaultValue: a, orientation: l = "vertical", className: u, ...d }) => {
+	let [f, p] = s(a);
+	return /* @__PURE__ */ n(c, {
+		value: {
+			value: f,
+			name: o(),
+			onChange: (e) => {
+				i?.(e), p(e);
+			}
+		},
+		children: /* @__PURE__ */ n("div", {
+			...d,
+			role: d.role ?? "radiogroup",
+			"data-orientation": l,
+			className: t(e.group, u),
+			children: r
+		})
+	});
+}, u = ({ children: i, value: o, className: s, ...l }) => {
+	let u = a(c);
+	return /* @__PURE__ */ r("label", {
+		className: t(e.item, s),
+		children: [/* @__PURE__ */ n("input", {
+			...l,
+			name: u?.name,
+			className: e.radio,
+			type: "radio",
+			checked: o === u?.value,
+			onChange: () => u?.onChange(o)
+		}), /* @__PURE__ */ n("span", {
+			className: e.label,
+			children: i
+		})]
+	});
+};
+//#endregion
+export { l as RadioGroup, u as RadioGroupItem };

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

@@ -0,0 +1,8 @@
+var e = {
+	group: "_group_1rhae_1",
+	item: "_item_1rhae_12",
+	radio: "_radio_1rhae_18",
+	label: "_label_1rhae_44"
+};
+//#endregion
+export { e as default };

package/dist/components/select/select.js

@@ -0,0 +1,75 @@
+"use client";
+import { useDisclosure as e } from "../../hooks/use-disclosure/use-disclosure.js";
+import t from "./select.module.js";
+import n from "clsx";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ChevronDown as a } from "lucide-react";
+import { createContext as o, useCallback as s, useContext as c, useEffect as l, useState as u } from "react";
+//#region src/components/select/select.tsx
+var d = o(null), f = ({ children: i, defaultValue: a, onChange: o, className: c, ...l }) => {
+	let { isOpen: f, onToggle: p, onClose: m, ref: h } = e(), [g, _] = u();
+	return /* @__PURE__ */ r(d, {
+		value: {
+			option: g,
+			defaultValue: a,
+			initDefaultValue: s((e) => _(e), []),
+			isOpen: f,
+			onToggle: p,
+			onClose: m,
+			onChange: (e) => {
+				o?.(e), _(e), m();
+			}
+		},
+		children: /* @__PURE__ */ r("div", {
+			...l,
+			className: n(t.select, c),
+			ref: h,
+			"data-open": f,
+			children: i
+		})
+	});
+}, p = ({ icon: e = a, className: o, ...s }) => {
+	let l = c(d);
+	return /* @__PURE__ */ i("button", {
+		...s,
+		type: "button",
+		className: n(t.trigger, o),
+		onClick: l?.onToggle,
+		children: [/* @__PURE__ */ r("span", { children: l?.option?.label }), /* @__PURE__ */ r(e, {
+			className: t.icon,
+			"aria-hidden": !0
+		})]
+	});
+}, m = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("ul", {
+	...a,
+	className: n(t.content, i),
+	children: e
+}), h = ({ children: e, value: i, className: a, ...o }) => {
+	let s = c(d);
+	return l(() => {
+		i === s?.defaultValue && s.initDefaultValue({
+			label: e,
+			value: i
+		});
+	}, [
+		s?.defaultValue,
+		s?.initDefaultValue,
+		i,
+		e
+	]), /* @__PURE__ */ r("li", {
+		...o,
+		className: n(t.item, a),
+		"data-selected": s?.option?.value === i,
+		children: /* @__PURE__ */ r("button", {
+			type: "button",
+			className: t.option,
+			onClick: () => s?.onChange({
+				label: e,
+				value: i
+			}),
+			children: e
+		})
+	});
+};
+//#endregion
+export { f as Select, m as SelectContent, h as SelectItem, p as SelectTrigger };

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

@@ -0,0 +1,10 @@
+var e = {
+	select: "_select_10hes_1",
+	icon: "_icon_10hes_7",
+	trigger: "_trigger_10hes_17",
+	content: "_content_10hes_26",
+	item: "_item_10hes_43",
+	option: "_option_10hes_58"
+};
+//#endregion
+export { e as default };

package/dist/components/separator/separator.js

@@ -0,0 +1,14 @@
+import e from "./separator.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/separator/separator.tsx
+var r = ({ children: r, orientation: i = "horizontal", size: a = "sm", className: o, ...s }) => /* @__PURE__ */ n("div", {
+	...s,
+	"data-orientation": i,
+	"data-size": a,
+	"data-has-label": r ? "" : void 0,
+	className: t(e.separator, o),
+	children: r
+});
+//#endregion
+export { r as Separator };

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

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

package/dist/components/sidebar/sidebar.js

@@ -0,0 +1,31 @@
+"use client";
+import { Slot as e } from "../slot/slot.js";
+import t from "./sidebar.module.js";
+import n from "clsx";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/sidebar/sidebar.tsx
+var i = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("nav", {
+	...a,
+	className: n(t.sidebar, i),
+	children: e
+}), a = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("header", {
+	...a,
+	className: n(t.header, i),
+	children: e
+}), o = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("ul", {
+	...a,
+	className: n(t.group, i),
+	children: e
+}), s = ({ children: e, className: i, ...a }) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("button", {
+	...a,
+	type: "button",
+	className: n(t.item, i),
+	children: e
+}) }), c = ({ children: i, isActive: a, className: o, ...s }) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r(e, {
+	...s,
+	className: n(t.link, o),
+	"data-active": a || void 0,
+	children: i
+}) });
+//#endregion
+export { i as Sidebar, o as SidebarGroup, a as SidebarHeader, s as SidebarItem, c as SidebarLink };

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

@@ -0,0 +1,9 @@
+var e = {
+	sidebar: "_sidebar_1mf5d_1",
+	header: "_header_1mf5d_9",
+	group: "_group_1mf5d_15",
+	link: "_link_1mf5d_23",
+	item: "_item_1mf5d_29"
+};
+//#endregion
+export { e as default };

package/dist/components/slot/slot.js

@@ -0,0 +1,39 @@
+import { Children as e, cloneElement as t, isValidElement as n } from "react";
+//#region src/components/slot/slot.tsx
+var r = ({ children: r, ref: s, ...c }) => {
+	if (!n(r)) return null;
+	let l = e.only(r), u = o(l), d = i(l.props, c);
+	return (s || u) && (d.ref = a(s, u)), t(l, d);
+};
+function i(e, t) {
+	let n = { ...e };
+	for (let r in t) {
+		let i = t[r], a = e[r];
+		s(r, i) ? n[r] = (...e) => {
+			a?.(...e), i(...e);
+		} : c(r, i) ? n[r] = [a, i].filter(Boolean).join(" ") : l(r, i) ? n[r] = {
+			...a,
+			...i
+		} : i !== void 0 && (n[r] = i);
+	}
+	return n;
+}
+function a(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n != null && (n.current = t);
+	};
+}
+function o(e) {
+	return e.props.ref ?? e.ref;
+}
+function s(e, t) {
+	return /^on[A-Z]/.test(e) && typeof t == "function";
+}
+function c(e, t) {
+	return e === "className" && typeof t == "string";
+}
+function l(e, t) {
+	return e === "style" && typeof t == "object" && !!t;
+}
+//#endregion
+export { r as Slot };

package/dist/components/table/table.js

@@ -0,0 +1,45 @@
+import e from "./table.module.js";
+import t from "clsx";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#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", {
+	...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
+});
+//#endregion
+export { i as Table, s as TableTd, a as TableTh, o as TableTr };

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

@@ -0,0 +1,10 @@
+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"
+};
+//#endregion
+export { e as default };

package/dist/components/tabs/tabs.js

@@ -0,0 +1,45 @@
+"use client";
+import e from "./tabs.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as r, useContext as i, useState as a } from "react";
+//#region src/components/tabs/tabs.tsx
+var o = r(null), s = ({ children: r, defaultValue: i, onChange: s, className: c, ...l }) => {
+	let [u, d] = a(i);
+	return /* @__PURE__ */ n(o, {
+		value: {
+			currentValue: u,
+			onChange: (e) => {
+				s?.(e), d(e);
+			}
+		},
+		children: /* @__PURE__ */ n("div", {
+			...l,
+			className: t(e.tabs, c),
+			children: r
+		})
+	});
+}, c = ({ children: r, className: i, ...a }) => /* @__PURE__ */ n("ul", {
+	...a,
+	className: t(e.items, i),
+	children: r
+}), l = ({ children: r, value: a, className: s, ...c }) => {
+	let l = i(o);
+	return /* @__PURE__ */ n("li", {
+		...c,
+		className: t(e.item, s),
+		"data-active": a === l?.currentValue || void 0,
+		children: /* @__PURE__ */ n("button", {
+			type: "button",
+			className: e.trigger,
+			onClick: () => l?.onChange(a),
+			children: r
+		})
+	});
+}, u = ({ children: r, value: a, className: s, ...c }) => a === i(o)?.currentValue ? /* @__PURE__ */ n("div", {
+	...c,
+	className: t(e.content, s),
+	children: r
+}) : null;
+//#endregion
+export { s as Tabs, u as TabsContent, l as TabsItem, c as TabsItems };

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

@@ -0,0 +1,8 @@
+var e = {
+	tabs: "_tabs_1let4_1",
+	items: "_items_1let4_7",
+	item: "_item_1let4_7",
+	trigger: "_trigger_1let4_24"
+};
+//#endregion
+export { e as default };

package/dist/components/text/text.js

@@ -0,0 +1,14 @@
+import e from "./text.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/text/text.tsx
+var r = ({ children: r, as: i = "p", size: a = "2", align: o, weight: s, className: c, ...l }) => /* @__PURE__ */ n(i, {
+	...l,
+	className: t(e.text, c),
+	"data-size": a,
+	"data-align": o,
+	"data-weight": s,
+	children: r
+});
+//#endregion
+export { r as Text };

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

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

package/dist/components/title/title.js

@@ -0,0 +1,15 @@
+import e from "./title.module.js";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/title/title.tsx
+var r = ({ children: r, as: i = "h1", size: a = "4", align: o, weight: s, className: c, ...l }) => /* @__PURE__ */ n(i, {
+	...l,
+	className: t(e.title, c),
+	"data-as": i,
+	"data-size": a,
+	"data-align": o,
+	"data-weight": s,
+	children: r
+});
+//#endregion
+export { r as Title };

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

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