@agentero/design-system 0.3.0 → 0.4.0

package/src/alert/alert.js

@@ -0,0 +1,311 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { Button as t } from "../button/button.js";
+import { IconCheckCircle as n, IconClose as r, IconErrorOutline as i, IconInfoOutline as a, IconStar as o, IconWarning as s } from "./icons.js";
+import { Children as c, createContext as l, isValidElement as u, use as d, useId as f } from "react";
+import { tv as p } from "tailwind-variants";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/alert/alert.tsx
+var g = p({
+	slots: {
+		root: [
+			"flex items-start rounded-md",
+			"[&_[data-slot=alert-title]]:-mt-px",
+			"[&_a]:text-current [&_a]:fill-current [&_a]:underline [&_a:hover]:no-underline"
+		],
+		title: "font-semibold",
+		paragraph: "",
+		content: "flex flex-col h-full self-start",
+		icon: "[&_path]:fill-current"
+	},
+	variants: {
+		color: {
+			neutral: {},
+			success: {},
+			danger: {},
+			warning: {},
+			info: {},
+			creative: {},
+			dynamic: {},
+			playful: {}
+		},
+		size: {
+			sm: {
+				root: "px-4 py-3 gap-2",
+				title: "text-sm",
+				paragraph: "text-xs",
+				content: "gap-1",
+				icon: "size-5"
+			},
+			md: {
+				root: "px-8 py-6 gap-4",
+				title: "text-lg",
+				paragraph: "text-sm",
+				content: "gap-2",
+				icon: "size-6"
+			}
+		},
+		ghost: {
+			true: { root: "bg-transparent p-0" },
+			false: {}
+		}
+	},
+	compoundVariants: [
+		{
+			ghost: !1,
+			color: "neutral",
+			class: {
+				root: "bg-bg-alert-primary-neutral text-text-alert-primary-neutral",
+				icon: "text-icon-alert-primary-neutral"
+			}
+		},
+		{
+			ghost: !1,
+			color: "success",
+			class: {
+				root: "bg-bg-alert-primary-success text-text-alert-primary-success",
+				icon: "text-icon-alert-primary-success"
+			}
+		},
+		{
+			ghost: !1,
+			color: "danger",
+			class: {
+				root: "bg-bg-alert-primary-danger text-text-alert-primary-danger",
+				icon: "text-icon-alert-primary-danger"
+			}
+		},
+		{
+			ghost: !1,
+			color: "warning",
+			class: {
+				root: "bg-bg-alert-primary-warning text-text-alert-primary-warning",
+				icon: "text-icon-alert-primary-warning"
+			}
+		},
+		{
+			ghost: !1,
+			color: "info",
+			class: {
+				root: "bg-bg-alert-primary-info text-text-alert-primary-info",
+				icon: "text-icon-alert-primary-info"
+			}
+		},
+		{
+			ghost: !1,
+			color: "creative",
+			class: {
+				root: "bg-bg-alert-primary-creative text-text-alert-primary-creative",
+				icon: "text-icon-alert-primary-creative"
+			}
+		},
+		{
+			ghost: !1,
+			color: "dynamic",
+			class: {
+				root: "bg-bg-alert-primary-dynamic text-text-alert-primary-dynamic",
+				icon: "text-icon-alert-primary-dynamic"
+			}
+		},
+		{
+			ghost: !1,
+			color: "playful",
+			class: {
+				root: "bg-bg-alert-primary-playful text-text-alert-primary-playful",
+				icon: "text-icon-alert-primary-playful"
+			}
+		},
+		{
+			ghost: !0,
+			color: "neutral",
+			class: {
+				root: "text-text-alert-ghost-neutral",
+				icon: "text-icon-alert-ghost-neutral"
+			}
+		},
+		{
+			ghost: !0,
+			color: "success",
+			class: {
+				root: "text-text-alert-ghost-success",
+				icon: "text-icon-alert-ghost-success"
+			}
+		},
+		{
+			ghost: !0,
+			color: "danger",
+			class: {
+				root: "text-text-alert-ghost-danger",
+				icon: "text-icon-alert-ghost-danger"
+			}
+		},
+		{
+			ghost: !0,
+			color: "warning",
+			class: {
+				root: "text-text-alert-ghost-warning",
+				icon: "text-icon-alert-ghost-warning"
+			}
+		},
+		{
+			ghost: !0,
+			color: "info",
+			class: {
+				root: "text-text-alert-ghost-info",
+				icon: "text-icon-alert-ghost-info"
+			}
+		},
+		{
+			ghost: !0,
+			color: "creative",
+			class: {
+				root: "text-text-alert-ghost-creative",
+				icon: "text-icon-alert-ghost-creative"
+			}
+		},
+		{
+			ghost: !0,
+			color: "dynamic",
+			class: {
+				root: "text-text-alert-ghost-dynamic",
+				icon: "text-icon-alert-ghost-dynamic"
+			}
+		},
+		{
+			ghost: !0,
+			color: "playful",
+			class: {
+				root: "text-text-alert-ghost-playful",
+				icon: "text-icon-alert-ghost-playful"
+			}
+		},
+		{
+			size: "sm",
+			class: { root: "[&:not(:has([data-slot=alert-title]))_[data-slot=alert-paragraph]:first-of-type]:mt-0.5" }
+		},
+		{
+			size: "md",
+			class: { root: "[&:not(:has([data-slot=alert-title]))_[data-slot=alert-paragraph]:first-of-type]:mt-px" }
+		}
+	],
+	defaultVariants: {
+		color: "neutral",
+		size: "sm",
+		ghost: !1
+	}
+}), _ = l(null), v = () => {
+	let e = d(_);
+	if (!e) throw Error("useAlert must be used within an Alert");
+	return e;
+}, y = {
+	neutral: a,
+	success: n,
+	danger: i,
+	warning: s,
+	info: a,
+	creative: o,
+	dynamic: a,
+	playful: a
+}, b = ({ className: t, children: n, ...r }) => {
+	let { slotsStyles: i, titleId: a } = v();
+	return /* @__PURE__ */ m("h3", {
+		id: a,
+		"data-slot": "alert-title",
+		...r,
+		className: e(i.title(), t),
+		children: n
+	});
+}, x = ({ className: t, children: n, ...r }) => {
+	let { slotsStyles: i } = v();
+	return /* @__PURE__ */ m("p", {
+		"data-slot": "alert-paragraph",
+		...r,
+		className: e(i.paragraph(), t),
+		children: n
+	});
+}, S = ({ html: t, className: n, ...r }) => {
+	let { slotsStyles: i } = v();
+	return /* @__PURE__ */ m("div", {
+		"data-slot": "alert-paragraph",
+		...r,
+		className: e(i.paragraph(), n),
+		dangerouslySetInnerHTML: { __html: t }
+	});
+}, C = ({ className: t, children: n, ...r }) => {
+	let { slotsStyles: i } = v();
+	return /* @__PURE__ */ m("div", {
+		"data-slot": "alert-content",
+		...r,
+		className: e(i.content(), t),
+		children: n
+	});
+}, w = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m("div", {
+	"data-slot": "alert-actions",
+	...r,
+	className: e("ml-auto flex flex-col items-center justify-center gap-2", t),
+	children: n
+}), T = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m("div", {
+	...r,
+	className: e("[&_svg]:h-16! [&_svg]:w-16!", t),
+	children: n
+}), E = ({ className: n, ...r }) => /* @__PURE__ */ m(t, {
+	variant: "link",
+	className: e("text-current", n),
+	...r
+}), D = (e, t) => c.toArray(e).some((e) => {
+	if (!u(e)) return !1;
+	if (e.type === t) return !0;
+	let n = e.props.children;
+	return n ? D(n, t) : !1;
+}), O = ({ children: n, onDismiss: i, hasIcon: a = !0, icon: o, color: s = "neutral", size: c = "sm", ghost: l = !1, className: u, ...d }) => {
+	let p = g({
+		color: s,
+		size: c,
+		ghost: l
+	}), v = f(), C = `${v}-title`, w = `${v}-desc`, T = D(n, b), E = D(n, x) || D(n, S), O = o ?? y[s], k = o ? !0 : a;
+	return /* @__PURE__ */ m(_, {
+		value: {
+			size: c,
+			slotsStyles: p,
+			titleId: C,
+			descId: w
+		},
+		children: /* @__PURE__ */ h("div", {
+			role: "alert",
+			"aria-labelledby": T ? C : void 0,
+			"aria-describedby": E ? w : void 0,
+			"data-slot": "alert-root",
+			...d,
+			className: e(p.root(), u),
+			children: [
+				i && /* @__PURE__ */ m("div", {
+					className: e("order-last ml-auto self-center", {
+						"pl-2.5": c === "sm",
+						"pl-0.5": c === "md"
+					}),
+					children: /* @__PURE__ */ m(t, {
+						variant: "ghost",
+						size: c,
+						iconOnly: !0,
+						"aria-label": "Dismiss",
+						className: "text-current",
+						onClick: i,
+						children: /* @__PURE__ */ m(r, { className: "[&_path]:fill-current" })
+					})
+				}),
+				k && /* @__PURE__ */ m(O, {
+					className: p.icon(),
+					"data-slot": "alert-icon"
+				}),
+				/* @__PURE__ */ m("div", {
+					id: w,
+					className: "flex w-full items-center gap-10",
+					children: n
+				})
+			]
+		})
+	});
+};
+O.Title = b, O.Paragraph = x, O.ParagraphHtml = S, O.Content = C, O.Actions = w, O.Button = E, O.Pictograms = T;
+//#endregion
+export { O as Alert };

package/src/alert/icons.d.ts

@@ -0,0 +1,39 @@
+import { SVGProps } from 'react';
+/**
+ * Filled check-circle icon used for success-color alerts. Inherits color
+ * from the surrounding text via `currentColor` when paired with Tailwind's
+ * `fill-current` utility on the `<path>`.
+ *
+ * @summary 24px check-circle icon for success alerts
+ */
+export declare const IconCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Close (X) icon used for the Alert dismiss button.
+ *
+ * @summary 24px close icon for dismissing alerts
+ */
+export declare const IconClose: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Outlined error icon used for danger-color alerts.
+ *
+ * @summary 24px error-outline icon for danger alerts
+ */
+export declare const IconErrorOutline: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Outlined info icon used for neutral, info, dynamic, and playful alerts.
+ *
+ * @summary 24px info-outline icon for neutral and info alerts
+ */
+export declare const IconInfoOutline: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Filled star icon used for creative-color alerts.
+ *
+ * @summary 24px star icon for creative alerts
+ */
+export declare const IconStar: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Outlined warning triangle icon used for warning-color alerts.
+ *
+ * @summary 24px warning icon for warning alerts
+ */
+export declare const IconWarning: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/src/alert/icons.js

@@ -0,0 +1,53 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/alert/icons.tsx
+var t = (t) => /* @__PURE__ */ e("svg", {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M10.5808 14.1462L8.25765 11.8231C8.1192 11.6846 7.94517 11.6138 7.73555 11.6106C7.52593 11.6074 7.34869 11.6782 7.20382 11.8231C7.05896 11.968 6.98653 12.1436 6.98653 12.35C6.98653 12.5564 7.05896 12.732 7.20382 12.8769L9.94805 15.6211C10.1288 15.8019 10.3397 15.8923 10.5808 15.8923C10.8218 15.8923 11.0327 15.8019 11.2134 15.6211L16.7769 10.0577C16.9153 9.91923 16.9862 9.7452 16.9894 9.53558C16.9926 9.32596 16.9218 9.14872 16.7769 9.00386C16.632 8.85899 16.4564 8.78656 16.25 8.78656C16.0436 8.78656 15.8679 8.85899 15.7231 9.00386L10.5808 14.1462ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5766 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45271 3.248 8.29658C3.74667 7.14043 4.42342 6.13475 5.27825 5.27953C6.1331 4.4243 7.13834 3.74724 8.29398 3.24836C9.44959 2.74947 10.6844 2.50003 11.9983 2.50003C13.3122 2.50003 14.5473 2.74936 15.7034 3.24803C16.8596 3.7467 17.8652 4.42345 18.7205 5.27828C19.5757 6.13313 20.2527 7.13837 20.7516 8.29401C21.2505 9.44962 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8653 18.7217 18.7205C17.8669 19.5757 16.8616 20.2528 15.706 20.7517C14.5504 21.2505 13.3156 21.5 12.0016 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.87501 17.675 6.32501C16.125 4.77501 14.2333 4.00001 12 4.00001C9.76664 4.00001 7.87498 4.77501 6.32498 6.32501C4.77498 7.87501 3.99998 9.76667 3.99998 12C3.99998 14.2333 4.77498 16.125 6.32498 17.675C7.87498 19.225 9.76664 20 12 20Z" })
+}), n = (t) => /* @__PURE__ */ e("svg", {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M12 13.0538L6.92689 18.1269C6.78844 18.2654 6.6144 18.3362 6.40479 18.3394C6.19519 18.3426 6.01795 18.2718 5.87309 18.1269C5.7282 17.982 5.65576 17.8064 5.65576 17.6C5.65576 17.3936 5.7282 17.218 5.87309 17.0731L10.9462 12L5.87309 6.92689C5.73462 6.78844 5.66379 6.6144 5.66059 6.40479C5.65737 6.19519 5.7282 6.01795 5.87309 5.87309C6.01795 5.7282 6.19359 5.65576 6.39999 5.65576C6.60639 5.65576 6.78202 5.7282 6.92689 5.87309L12 10.9462L17.0731 5.87309C17.2115 5.73462 17.3856 5.66379 17.5952 5.66059C17.8048 5.65737 17.982 5.7282 18.1269 5.87309C18.2718 6.01795 18.3442 6.19359 18.3442 6.39999C18.3442 6.60639 18.2718 6.78202 18.1269 6.92689L13.0538 12L18.1269 17.0731C18.2654 17.2115 18.3362 17.3856 18.3394 17.5952C18.3426 17.8048 18.2718 17.982 18.1269 18.1269C17.982 18.2718 17.8064 18.3442 17.6 18.3442C17.3936 18.3442 17.218 18.2718 17.0731 18.1269L12 13.0538Z" })
+}), r = (t) => /* @__PURE__ */ e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" })
+}), i = (t) => /* @__PURE__ */ e("svg", {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5346 16.5344C12.6782 16.3906 12.75 16.2125 12.75 16V11.75C12.75 11.5375 12.6781 11.3594 12.5343 11.2156C12.3904 11.0719 12.2122 11 11.9997 11C11.7871 11 11.609 11.0719 11.4654 11.2156C11.3218 11.3594 11.25 11.5375 11.25 11.75V16C11.25 16.2125 11.3219 16.3906 11.4657 16.5344C11.6095 16.6781 11.7877 16.75 12.0003 16.75ZM12 9.28848C12.2288 9.28848 12.4207 9.21108 12.5755 9.05628C12.7303 8.90148 12.8077 8.70966 12.8077 8.48081C12.8077 8.25197 12.7303 8.06015 12.5755 7.90533C12.4207 7.75053 12.2288 7.67313 12 7.67313C11.7711 7.67313 11.5793 7.75053 11.4245 7.90533C11.2697 8.06015 11.1923 8.25197 11.1923 8.48081C11.1923 8.70966 11.2697 8.90148 11.4245 9.05628C11.5793 9.21108 11.7711 9.28848 12 9.28848ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5766 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45271 3.248 8.29658C3.74667 7.14043 4.42342 6.13475 5.27825 5.27953C6.1331 4.4243 7.13834 3.74724 8.29398 3.24836C9.44959 2.74947 10.6844 2.50003 11.9983 2.50003C13.3122 2.50003 14.5473 2.74936 15.7034 3.24803C16.8596 3.7467 17.8652 4.42345 18.7205 5.27828C19.5757 6.13313 20.2527 7.13837 20.7516 8.29401C21.2505 9.44962 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8653 18.7217 18.7205C17.8669 19.5757 16.8616 20.2528 15.706 20.7517C14.5504 21.2505 13.3156 21.5 12.0016 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.87501 17.675 6.32501C16.125 4.77501 14.2333 4.00001 12 4.00001C9.76664 4.00001 7.87498 4.77501 6.32498 6.32501C4.77498 7.87501 3.99998 9.76667 3.99998 12C3.99998 14.2333 4.77498 16.125 6.32498 17.675C7.87498 19.225 9.76664 20 12 20Z" })
+}), a = (t) => /* @__PURE__ */ e("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M12 14.7769L14.6211 16.7615C14.8019 16.8884 14.9843 16.8926 15.1682 16.774C15.3522 16.6554 15.4089 16.4891 15.3384 16.275L14.3461 12.9923L16.9065 11.1716C17.0944 11.0316 17.1515 10.8571 17.0778 10.6481C17.0041 10.4391 16.8573 10.3346 16.6374 10.3346H13.5038L12.4365 6.88658C12.36 6.67246 12.2146 6.5654 12.0003 6.5654C11.786 6.5654 11.6404 6.67246 11.5635 6.88658L10.4961 10.3346H7.36255C7.14265 10.3346 6.99584 10.4391 6.92212 10.6481C6.84841 10.8571 6.90551 11.0316 7.09343 11.1716L9.65383 12.9923L8.66153 16.275C8.59101 16.4891 8.64774 16.6554 8.83173 16.774C9.01569 16.8926 9.19806 16.8884 9.37883 16.7615L12 14.7769ZM12.0016 21.5C10.6877 21.5 9.45268 21.2506 8.29655 20.752C7.1404 20.2533 6.13472 19.5766 5.2795 18.7217C4.42427 17.8669 3.74721 16.8616 3.24833 15.706C2.74944 14.5504 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45271 3.248 8.29658C3.74667 7.14043 4.42342 6.13474 5.27825 5.27953C6.1331 4.42429 7.13834 3.74723 8.29398 3.24835C9.44959 2.74947 10.6844 2.50002 11.9983 2.50002C13.3122 2.50002 14.5473 2.74936 15.7034 3.24803C16.8596 3.74669 17.8652 4.42344 18.7205 5.27828C19.5757 6.13313 20.2527 7.13837 20.7516 8.294C21.2505 9.44962 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2506 14.5473 20.752 15.7034C20.2533 16.8596 19.5765 17.8653 18.7217 18.7205C17.8669 19.5757 16.8616 20.2528 15.706 20.7517C14.5504 21.2505 13.3156 21.5 12.0016 21.5ZM12 20C14.2166 20 16.1041 19.2208 17.6625 17.6625C19.2208 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1041 4.77917 14.2166 4 12 4C9.78331 4 7.89581 4.77917 6.33748 6.3375C4.77914 7.89583 3.99998 9.78333 3.99998 12C3.99998 14.2167 4.77914 16.1042 6.33748 17.6625C7.89581 19.2208 9.78331 20 12 20Z" })
+}), o = (t) => /* @__PURE__ */ e("svg", {
+	width: "24",
+	height: "24",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...t,
+	children: /* @__PURE__ */ e("path", { d: "M3.42555 20.4999C3.25605 20.4999 3.10382 20.4585 2.96887 20.3756C2.83392 20.2928 2.72897 20.1836 2.654 20.048C2.57602 19.9134 2.53312 19.7676 2.52532 19.6105C2.51752 19.4535 2.5599 19.2979 2.65245 19.1439L11.2132 4.35609C11.3057 4.20206 11.4216 4.08819 11.5607 4.01447C11.6998 3.94074 11.8462 3.90387 12.0001 3.90387C12.1539 3.90387 12.3004 3.94074 12.4395 4.01447C12.5786 4.08819 12.6944 4.20206 12.787 4.35609L21.3477 19.1439C21.4403 19.2979 21.4827 19.4535 21.4749 19.6105C21.4671 19.7676 21.4242 19.9134 21.3462 20.048C21.2712 20.1836 21.1663 20.2928 21.0313 20.3756C20.8964 20.4585 20.7441 20.4999 20.5746 20.4999H3.42555ZM4.4501 19H19.5501L12.0001 5.99997L4.4501 19ZM12.0001 17.8076C12.2289 17.8076 12.4208 17.7302 12.5756 17.5754C12.7304 17.4206 12.8078 17.2288 12.8078 17C12.8078 16.7711 12.7304 16.5793 12.5756 16.4245C12.4208 16.2697 12.2289 16.1923 12.0001 16.1923C11.7712 16.1923 11.5794 16.2697 11.4246 16.4245C11.2698 16.5793 11.1924 16.7711 11.1924 17C11.1924 17.2288 11.2698 17.4206 11.4246 17.5754C11.5794 17.7302 11.7712 17.8076 12.0001 17.8076ZM12.0004 15.1923C12.213 15.1923 12.3911 15.1204 12.5347 14.9767C12.6783 14.8329 12.7501 14.6548 12.7501 14.4423V10.9423C12.7501 10.7298 12.6782 10.5517 12.5344 10.4079C12.3906 10.2642 12.2124 10.1923 11.9998 10.1923C11.7872 10.1923 11.6091 10.2642 11.4655 10.4079C11.3219 10.5517 11.2501 10.7298 11.2501 10.9423V14.4423C11.2501 14.6548 11.322 14.8329 11.4658 14.9767C11.6096 15.1204 11.7878 15.1923 12.0004 15.1923Z" })
+});
+//#endregion
+export { t as IconCheckCircle, n as IconClose, r as IconErrorOutline, i as IconInfoOutline, a as IconStar, o as IconWarning };

package/src/alert/index.d.ts

@@ -0,0 +1 @@
+export { Alert } from './alert';

package/src/alert/index.js

@@ -0,0 +1,2 @@
+import { Alert as e } from "./alert.js";
+export { e as Alert };

package/src/avatar/avatar.js

@@ -1,11 +1,11 @@
 "use client";
 import { cn as e } from "../../lib/utils.js";
 import { createContext as t, use as n } from "react";
-import * as r from "@radix-ui/react-avatar";
-import { tv as i } from "tailwind-variants";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { tv as r } from "tailwind-variants";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-avatar";
 //#region src/avatar/avatar.tsx
-var s = i({
+var s = r({
 	slots: {
 		root: [
 			"flex items-center justify-center align-middle",
@@ -82,49 +82,49 @@ var s = i({
 	let e = n(c);
 	if (!e) throw Error("useAvatar must be used within an AvatarProvider");
 	return e;
-}, u = ({ size: t, variant: n, ...i }) => {
-	let o = s({
+}, u = ({ size: t, variant: n, ...r }) => {
+	let a = s({
 		size: t,
 		variant: n
 	});
-	return /* @__PURE__ */ a(c, {
+	return /* @__PURE__ */ i(c, {
 		value: {
 			size: t,
 			variant: n,
-			slotsStyles: o
+			slotsStyles: a
 		},
-		children: /* @__PURE__ */ a(r.Root, {
-			...i,
-			className: e(o.root(), i.className)
+		children: /* @__PURE__ */ i(o.Root, {
+			...r,
+			className: e(a.root(), r.className)
 		})
 	});
 }, d = (t) => {
 	let { slotsStyles: n } = l();
-	return /* @__PURE__ */ a(r.Image, {
+	return /* @__PURE__ */ i(o.Image, {
 		...t,
 		className: e(n.image(), t.className)
 	});
 }, f = (t) => {
 	let { slotsStyles: n } = l();
-	return /* @__PURE__ */ a(r.Fallback, {
+	return /* @__PURE__ */ i(o.Fallback, {
 		...t,
 		className: e(n.fallback(), t.className)
 	});
-}, p = ({ alt: e, src: t, fallback: n, colorize: r, size: i, variant: s, ref: c, ...l }) => {
+}, p = ({ alt: e, src: t, fallback: n, colorize: r, size: o, variant: s, ref: c, ...l }) => {
 	let p = r ? g(r) : void 0;
-	return /* @__PURE__ */ o(u, {
+	return /* @__PURE__ */ a(u, {
 		...l,
 		ref: c,
-		size: i,
+		size: o,
 		variant: s,
 		style: {
 			...p,
 			...l.style
 		},
-		children: [/* @__PURE__ */ a(d, {
+		children: [/* @__PURE__ */ i(d, {
 			alt: e,
 			src: t
-		}), /* @__PURE__ */ a(f, { children: n })]
+		}), /* @__PURE__ */ i(f, { children: n })]
 	});
 }, m = [
 	{

package/src/button/button.js

@@ -2,8 +2,8 @@
 import { cn as e } from "../../lib/utils.js";
 import { Children as t, isValidElement as n } from "react";
 import { tv as r } from "tailwind-variants";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Slot as o, Slottable as s } from "@radix-ui/react-slot";
+import { Slot as i, Slottable as a } from "@radix-ui/react-slot";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/button/button.tsx
 var c = r({
 	base: [
@@ -242,7 +242,7 @@ var c = r({
 		size: "sm",
 		align: "center"
 	}
-}), l = () => /* @__PURE__ */ i("span", {
+}), l = () => /* @__PURE__ */ o("span", {
 	"aria-label": "loading",
 	role: "status",
 	className: e("absolute inset-0 grid place-items-center", "rounded-[inherit] bg-inherit", "before:content-[\"\"] before:block before:size-[1em]", "before:border-2 before:border-solid before:rounded-full", "before:border-current before:border-t-transparent", "before:animate-spin before:[animation-duration:0.5s]")
@@ -258,17 +258,17 @@ var c = r({
 		rounded: h,
 		align: g,
 		fitContent: _
-	}), x), E = u ? o : "button", D = u ? {
+	}), x), E = u ? i : "button", D = u ? {
 		"aria-disabled": w || void 0,
 		"data-disabled": w || void 0
 	} : { disabled: w };
-	return /* @__PURE__ */ a(E, {
+	return /* @__PURE__ */ s(E, {
 		"data-slot": "button",
 		...D,
 		...S,
 		className: T,
 		ref: b,
-		children: [m && /* @__PURE__ */ i(l, {}), u ? /* @__PURE__ */ i(s, { children: r }) : r]
+		children: [m && /* @__PURE__ */ o(l, {}), u ? /* @__PURE__ */ o(a, { children: r }) : r]
 	});
 };
 //#endregion