@kpv2004/quark-ui 0.1.2 → 0.1.3

package/dist/index.js

@@ -1 +1,841 @@
-import{forwardRef as V}from"react";var s={};import{jsx as w,jsxs as $}from"react/jsx-runtime";var X={sm:s.sizeSm,md:s.sizeMd,lg:s.sizeLg},G={primary:s.variantPrimary,secondary:s.variantSecondary,outline:s.variantOutline,ghost:s.variantGhost,danger:s.variantDanger},S=V(({variant:e="primary",size:r="md",isLoading:a=!1,leftIcon:t,rightIcon:o,fullWidth:n=!1,disabled:i,className:u,children:f,type:m="button",...q},v)=>{let N=[s.button,X[r],G[e],n?s.fullWidth:"",a?s.loading:"",u??""].filter(Boolean).join(" ");return $("button",{ref:v,type:m,className:N,disabled:i||a,"aria-busy":a||void 0,"aria-disabled":i||a||void 0,...q,children:[a&&w("span",{className:s.spinnerWrapper,"aria-hidden":"true",children:w("span",{className:s.spinner})}),t&&w("span",{className:s.iconLeft,children:t}),f,o&&w("span",{className:s.iconRight,children:o})]})});S.displayName="Button";var g={};import{jsx as K}from"react/jsx-runtime";var J={default:g.variantDefault,outlined:g.variantOutlined,elevated:g.variantElevated,glass:g.variantGlass},U={none:g.paddingNone,sm:g.paddingSm,md:g.paddingMd,lg:g.paddingLg},C=({variant:e="default",padding:r="md",hoverable:a=!1,className:t,children:o,...n})=>{let i=[g.card,J[e],U[r],a?g.hoverable:"",t??""].filter(Boolean).join(" ");return K("div",{className:i,...n,children:o})};C.displayName="Card";import{forwardRef as Z,useId as _}from"react";var l={};import{jsx as h,jsxs as E}from"react/jsx-runtime";var rr={sm:l.sizeSm,md:l.sizeMd,lg:l.sizeLg},P=Z(({label:e,error:r,helperText:a,leftIcon:t,rightIcon:o,size:n="md",variant:i="default",className:u,id:f,"aria-describedby":m,...q},v)=>{let N=_(),y=f??N,A=r?`${y}-error`:void 0,D=a&&!r?`${y}-helper`:void 0,W=m??A??D??void 0,O=[l.input,rr[n],i==="filled"?l.variantFilled:"",t?l.hasLeftIcon:"",o?l.hasRightIcon:"",r?l.inputError:"",u??""].filter(Boolean).join(" ");return E("div",{className:l.wrapper,children:[e&&h("label",{htmlFor:y,className:l.label,children:e}),E("div",{className:l.inputContainer,children:[t&&h("span",{className:l.leftIcon,"aria-hidden":"true",children:t}),h("input",{ref:v,id:y,className:O,"aria-invalid":r?!0:void 0,"aria-describedby":W,...q}),o&&h("span",{className:l.rightIcon,"aria-hidden":"true",children:o})]}),r&&h("p",{id:A,className:l.errorText,role:"alert",children:r}),a&&!r&&h("p",{id:D,className:l.helperText,children:a})]})});P.displayName="Input";import{useId as er}from"react";var p={};import{jsx as z,jsxs as tr}from"react/jsx-runtime";var or={sm:p.sizeSm,md:p.sizeMd,lg:p.sizeLg},R=({checked:e=!1,onChange:r,size:a="md",label:t,disabled:o=!1,className:n})=>{let i=er(),u=[p.wrapper,or[a],o?p.disabled:"",n??""].filter(Boolean).join(" "),f=[p.track,e?p.trackChecked:""].filter(Boolean).join(" "),m=[p.thumb,e?p.thumbChecked:""].filter(Boolean).join(" "),q=v=>{o||r?.(v.target.checked)};return tr("label",{className:u,children:[z("input",{id:i,type:"checkbox",role:"switch",className:p.input,checked:e,disabled:o,onChange:q,"aria-checked":e}),z("span",{className:f,"aria-hidden":"true",children:z("span",{className:m})}),t&&z("span",{className:p.label,children:t})]})};R.displayName="Toggle";var d={};import{jsx as lr,jsxs as cr}from"react/jsx-runtime";var ir={sm:d.sizeSm,md:d.sizeMd,lg:d.sizeLg},sr={default:d.variantDefault,primary:d.variantPrimary,success:d.variantSuccess,warning:d.variantWarning,danger:d.variantDanger,info:d.variantInfo},B=({variant:e="default",size:r="md",dot:a=!1,outline:t=!1,className:o,children:n,...i})=>{let u=[d.badge,ir[r],sr[e],t?d.outline:"",o??""].filter(Boolean).join(" ");return cr("span",{className:u,...i,children:[a&&lr("span",{className:`${d.dot} ${d.dotPulse}`,"aria-hidden":"true"}),n]})};B.displayName="Badge";var k={};import{FiInfo as pr,FiCheckCircle as gr,FiAlertTriangle as kr,FiXCircle as ur}from"react-icons/fi";import{jsx as b,jsxs as F}from"react/jsx-runtime";var br={info:k.variantInfo,success:k.variantSuccess,warning:k.variantWarning,danger:k.variantDanger},fr={info:b(pr,{}),success:b(gr,{}),warning:b(kr,{}),danger:b(ur,{})},I=({variant:e="info",title:r,onClose:a,className:t,children:o,...n})=>{let i=[k.alert,br[e],t??""].filter(Boolean).join(" ");return F("div",{className:i,role:"alert",...n,children:[b("span",{className:k.icon,"aria-hidden":"true",children:fr[e]}),F("div",{className:k.content,children:[r&&b("h5",{className:k.title,children:r}),o&&b("div",{className:k.description,children:o})]}),a&&b("button",{type:"button",className:k.closeButton,onClick:a,"aria-label":"Dismiss alert",children:"\u2715"})]})};I.displayName="Alert";import{useState as qr}from"react";var c={};import{jsx as L,jsxs as yr}from"react/jsx-runtime";var vr={xs:c.sizeXs,sm:c.sizeSm,md:c.sizeMd,lg:c.sizeLg,xl:c.sizeXl},hr={circle:c.shapeCircle,square:c.shapeSquare},xr={online:c.statusOnline,offline:c.statusOffline,away:c.statusAway,busy:c.statusBusy},T=({src:e,alt:r="",fallback:a,size:t="md",shape:o="circle",status:n,className:i,...u})=>{let[f,m]=qr(!1),q=[c.avatar,vr[t],hr[o],i??""].filter(Boolean).join(" ");return yr("div",{className:q,...u,children:[e&&!f?L("img",{src:e,alt:r,className:c.image,onError:()=>m(!0)}):L("span",{className:c.fallback,children:a}),n&&L("span",{className:`${c.statusDot} ${xr[n]}`,"aria-label":n,role:"status"})]})};T.displayName="Avatar";var x={};import{jsx as H}from"react/jsx-runtime";var zr={sm:x.sizeSm,md:x.sizeMd,lg:x.sizeLg},M=({size:e="md",color:r,style:a,className:t,...o})=>{let n=[x.spinner,zr[e],t??""].filter(Boolean).join(" "),i={...a,...r?{borderTopColor:r}:{}};return H("span",{className:n,style:i,role:"status",...o,children:H("span",{className:x.srOnly,children:"Loading..."})})};M.displayName="Spinner";export{I as Alert,T as Avatar,B as Badge,S as Button,C as Card,P as Input,M as Spinner,R as Toggle};
+import e, { forwardRef as t, useId as n, useState as r } from "react";
+//#region \0rolldown/runtime.js
+var i = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), a = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+}), o = {
+	button: "_button_1yvwy_5",
+	sizeSm: "_sizeSm_1yvwy_44",
+	sizeMd: "_sizeMd_1yvwy_52",
+	sizeLg: "_sizeLg_1yvwy_60",
+	variantPrimary: "_variantPrimary_1yvwy_70",
+	variantSecondary: "_variantSecondary_1yvwy_82",
+	variantOutline: "_variantOutline_1yvwy_95",
+	variantGhost: "_variantGhost_1yvwy_107",
+	variantDanger: "_variantDanger_1yvwy_119",
+	fullWidth: "_fullWidth_1yvwy_133",
+	loading: "_loading_1yvwy_139",
+	spinnerWrapper: "_spinnerWrapper_1yvwy_144",
+	spinner: "_spinner_1yvwy_144",
+	"qk-spin": "_qk-spin_1yvwy_1",
+	iconLeft: "_iconLeft_1yvwy_170",
+	iconRight: "_iconRight_1yvwy_171"
+}, s = /* @__PURE__ */ i(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), c = /* @__PURE__ */ i(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function o() {
+			var e = A.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (j.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				P || (P = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = t(this.type);
+			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, i, a, s, u) {
+			var f = n.children;
+			if (f !== void 0) if (a) if (M(f)) {
+				for (a = 0; a < f.length; a++) p(f[a]);
+				Object.freeze && Object.freeze(f);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else p(f);
+			if (j.call(n, "key")) {
+				f = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				a = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + a] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", a, f, m, f), R[f + a] = !0);
+			}
+			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, o(), s, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = a("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(i(s)), R = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		};
+	})();
+})), l = (/* @__PURE__ */ i(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = s() : t.exports = c();
+})))(), u = {
+	sm: o.sizeSm,
+	md: o.sizeMd,
+	lg: o.sizeLg
+}, d = {
+	primary: o.variantPrimary,
+	secondary: o.variantSecondary,
+	outline: o.variantOutline,
+	ghost: o.variantGhost,
+	danger: o.variantDanger
+}, f = t(({ variant: e = "primary", size: t = "md", isLoading: n = !1, leftIcon: r, rightIcon: i, fullWidth: a = !1, disabled: s, className: c, children: f, type: p = "button", ...m }, h) => /* @__PURE__ */ (0, l.jsxs)("button", {
+	ref: h,
+	type: p,
+	className: [
+		o.button,
+		u[t],
+		d[e],
+		a ? o.fullWidth : "",
+		n ? o.loading : "",
+		c ?? ""
+	].filter(Boolean).join(" "),
+	disabled: s || n,
+	"aria-busy": n || void 0,
+	"aria-disabled": s || n || void 0,
+	...m,
+	children: [
+		n && /* @__PURE__ */ (0, l.jsx)("span", {
+			className: o.spinnerWrapper,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ (0, l.jsx)("span", { className: o.spinner })
+		}),
+		r && /* @__PURE__ */ (0, l.jsx)("span", {
+			className: o.iconLeft,
+			children: r
+		}),
+		f,
+		i && /* @__PURE__ */ (0, l.jsx)("span", {
+			className: o.iconRight,
+			children: i
+		})
+	]
+}));
+f.displayName = "Button";
+var p = {
+	card: "_card_bkd5b_5",
+	variantDefault: "_variantDefault_bkd5b_16",
+	variantOutlined: "_variantOutlined_bkd5b_21",
+	variantElevated: "_variantElevated_bkd5b_26",
+	variantGlass: "_variantGlass_bkd5b_32",
+	paddingNone: "_paddingNone_bkd5b_42",
+	paddingSm: "_paddingSm_bkd5b_46",
+	paddingMd: "_paddingMd_bkd5b_50",
+	paddingLg: "_paddingLg_bkd5b_54",
+	hoverable: "_hoverable_bkd5b_60"
+}, m = {
+	default: p.variantDefault,
+	outlined: p.variantOutlined,
+	elevated: p.variantElevated,
+	glass: p.variantGlass
+}, h = {
+	none: p.paddingNone,
+	sm: p.paddingSm,
+	md: p.paddingMd,
+	lg: p.paddingLg
+}, g = ({ variant: e = "default", padding: t = "md", hoverable: n = !1, className: r, children: i, ...a }) => /* @__PURE__ */ (0, l.jsx)("div", {
+	className: [
+		p.card,
+		m[e],
+		h[t],
+		n ? p.hoverable : "",
+		r ?? ""
+	].filter(Boolean).join(" "),
+	...a,
+	children: i
+});
+g.displayName = "Card";
+var _ = {
+	wrapper: "_wrapper_1jgbq_5",
+	inputContainer: "_inputContainer_1jgbq_13",
+	input: "_input_1jgbq_13",
+	variantFilled: "_variantFilled_1jgbq_58",
+	sizeSm: "_sizeSm_1jgbq_75",
+	sizeMd: "_sizeMd_1jgbq_82",
+	sizeLg: "_sizeLg_1jgbq_89",
+	hasLeftIcon: "_hasLeftIcon_1jgbq_98",
+	hasRightIcon: "_hasRightIcon_1jgbq_102",
+	leftIcon: "_leftIcon_1jgbq_114",
+	rightIcon: "_rightIcon_1jgbq_115",
+	label: "_label_1jgbq_137",
+	helperText: "_helperText_1jgbq_151",
+	errorText: "_errorText_1jgbq_160",
+	inputError: "_inputError_1jgbq_170"
+}, v = {
+	sm: _.sizeSm,
+	md: _.sizeMd,
+	lg: _.sizeLg
+}, y = t(({ label: e, error: t, helperText: r, leftIcon: i, rightIcon: a, size: o = "md", variant: s = "default", className: c, id: u, "aria-describedby": d, ...f }, p) => {
+	let m = n(), h = u ?? m, g = t ? `${h}-error` : void 0, y = r && !t ? `${h}-helper` : void 0, b = d ?? g ?? y ?? void 0, x = [
+		_.input,
+		v[o],
+		s === "filled" ? _.variantFilled : "",
+		i ? _.hasLeftIcon : "",
+		a ? _.hasRightIcon : "",
+		t ? _.inputError : "",
+		c ?? ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: _.wrapper,
+		children: [
+			e && /* @__PURE__ */ (0, l.jsx)("label", {
+				htmlFor: h,
+				className: _.label,
+				children: e
+			}),
+			/* @__PURE__ */ (0, l.jsxs)("div", {
+				className: _.inputContainer,
+				children: [
+					i && /* @__PURE__ */ (0, l.jsx)("span", {
+						className: _.leftIcon,
+						"aria-hidden": "true",
+						children: i
+					}),
+					/* @__PURE__ */ (0, l.jsx)("input", {
+						ref: p,
+						id: h,
+						className: x,
+						"aria-invalid": t ? !0 : void 0,
+						"aria-describedby": b,
+						...f
+					}),
+					a && /* @__PURE__ */ (0, l.jsx)("span", {
+						className: _.rightIcon,
+						"aria-hidden": "true",
+						children: a
+					})
+				]
+			}),
+			t && /* @__PURE__ */ (0, l.jsx)("p", {
+				id: g,
+				className: _.errorText,
+				role: "alert",
+				children: t
+			}),
+			r && !t && /* @__PURE__ */ (0, l.jsx)("p", {
+				id: y,
+				className: _.helperText,
+				children: r
+			})
+		]
+	});
+});
+y.displayName = "Input";
+var b = {
+	wrapper: "_wrapper_1pvuf_5",
+	disabled: "_disabled_1pvuf_13",
+	input: "_input_1pvuf_20",
+	track: "_track_1pvuf_34",
+	trackChecked: "_trackChecked_1pvuf_51",
+	thumb: "_thumb_1pvuf_76",
+	sizeSm: "_sizeSm_1pvuf_88",
+	thumbChecked: "_thumbChecked_1pvuf_100",
+	sizeMd: "_sizeMd_1pvuf_106",
+	sizeLg: "_sizeLg_1pvuf_124",
+	label: "_label_1pvuf_142"
+}, x = {
+	sm: b.sizeSm,
+	md: b.sizeMd,
+	lg: b.sizeLg
+}, S = ({ checked: e = !1, onChange: t, size: r = "md", label: i, disabled: a = !1, className: o }) => {
+	let s = n(), c = [
+		b.wrapper,
+		x[r],
+		a ? b.disabled : "",
+		o ?? ""
+	].filter(Boolean).join(" "), u = [b.track, e ? b.trackChecked : ""].filter(Boolean).join(" "), d = [b.thumb, e ? b.thumbChecked : ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, l.jsxs)("label", {
+		className: c,
+		children: [
+			/* @__PURE__ */ (0, l.jsx)("input", {
+				id: s,
+				type: "checkbox",
+				role: "switch",
+				className: b.input,
+				checked: e,
+				disabled: a,
+				onChange: (e) => {
+					a || t?.(e.target.checked);
+				},
+				"aria-checked": e
+			}),
+			/* @__PURE__ */ (0, l.jsx)("span", {
+				className: u,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ (0, l.jsx)("span", { className: d })
+			}),
+			i && /* @__PURE__ */ (0, l.jsx)("span", {
+				className: b.label,
+				children: i
+			})
+		]
+	});
+};
+S.displayName = "Toggle";
+var C = {
+	badge: "_badge_kf03d_5",
+	sizeSm: "_sizeSm_kf03d_22",
+	sizeMd: "_sizeMd_kf03d_28",
+	sizeLg: "_sizeLg_kf03d_34",
+	variantDefault: "_variantDefault_kf03d_42",
+	variantPrimary: "_variantPrimary_kf03d_50",
+	variantSuccess: "_variantSuccess_kf03d_57",
+	variantWarning: "_variantWarning_kf03d_64",
+	variantDanger: "_variantDanger_kf03d_71",
+	variantInfo: "_variantInfo_kf03d_78",
+	outline: "_outline_kf03d_86",
+	dot: "_dot_kf03d_119",
+	dotPulse: "_dotPulse_kf03d_156",
+	badgePulse: "_badgePulse_kf03d_1"
+}, w = {
+	sm: C.sizeSm,
+	md: C.sizeMd,
+	lg: C.sizeLg
+}, T = {
+	default: C.variantDefault,
+	primary: C.variantPrimary,
+	success: C.variantSuccess,
+	warning: C.variantWarning,
+	danger: C.variantDanger,
+	info: C.variantInfo
+}, E = ({ variant: e = "default", size: t = "md", dot: n = !1, outline: r = !1, className: i, children: a, ...o }) => /* @__PURE__ */ (0, l.jsxs)("span", {
+	className: [
+		C.badge,
+		w[t],
+		T[e],
+		r ? C.outline : "",
+		i ?? ""
+	].filter(Boolean).join(" "),
+	...o,
+	children: [n && /* @__PURE__ */ (0, l.jsx)("span", {
+		className: `${C.dot} ${C.dotPulse}`,
+		"aria-hidden": "true"
+	}), a]
+});
+E.displayName = "Badge";
+var D = {
+	alert: "_alert_19uly_1",
+	icon: "_icon_19uly_15",
+	content: "_content_19uly_31",
+	title: "_title_19uly_35",
+	description: "_description_19uly_42",
+	closeButton: "_closeButton_19uly_54",
+	variantInfo: "_variantInfo_19uly_79",
+	variantSuccess: "_variantSuccess_19uly_89",
+	variantWarning: "_variantWarning_19uly_99",
+	variantDanger: "_variantDanger_19uly_109"
+}, O = {
+	color: void 0,
+	size: void 0,
+	className: void 0,
+	style: void 0,
+	attr: void 0
+}, k = e.createContext && /*#__PURE__*/ e.createContext(O), A = [
+	"attr",
+	"size",
+	"title"
+];
+function j(e, t) {
+	if (e == null) return {};
+	var n, r, i = M(e, t);
+	if (Object.getOwnPropertySymbols) {
+		var a = Object.getOwnPropertySymbols(e);
+		for (r = 0; r < a.length; r++) n = a[r], t.indexOf(n) === -1 && {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+	}
+	return i;
+}
+function M(e, t) {
+	if (e == null) return {};
+	var n = {};
+	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
+		if (t.indexOf(r) !== -1) continue;
+		n[r] = e[r];
+	}
+	return n;
+}
+function N() {
+	return N = Object.assign ? Object.assign.bind() : function(e) {
+		for (var t = 1; t < arguments.length; t++) {
+			var n = arguments[t];
+			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
+		}
+		return e;
+	}, N.apply(null, arguments);
+}
+function P(e, t) {
+	var n = Object.keys(e);
+	if (Object.getOwnPropertySymbols) {
+		var r = Object.getOwnPropertySymbols(e);
+		t && (r = r.filter(function(t) {
+			return Object.getOwnPropertyDescriptor(e, t).enumerable;
+		})), n.push.apply(n, r);
+	}
+	return n;
+}
+function F(e) {
+	for (var t = 1; t < arguments.length; t++) {
+		var n = arguments[t] == null ? {} : arguments[t];
+		t % 2 ? P(Object(n), !0).forEach(function(t) {
+			I(e, t, n[t]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : P(Object(n)).forEach(function(t) {
+			Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
+		});
+	}
+	return e;
+}
+function I(e, t, n) {
+	return (t = L(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function L(e) {
+	var t = R(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function R(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function z(t) {
+	return t && t.map((t, n) => /*#__PURE__*/ e.createElement(t.tag, F({ key: n }, t.attr), z(t.child)));
+}
+function B(t) {
+	return (n) => /*#__PURE__*/ e.createElement(V, N({ attr: F({}, t.attr) }, n), z(t.child));
+}
+function V(t) {
+	var n = (n) => {
+		var { attr: r, size: i, title: a } = t, o = j(t, A), s = i || n.size || "1em", c;
+		return n.className && (c = n.className), t.className && (c = (c ? c + " " : "") + t.className), /*#__PURE__*/ e.createElement("svg", N({
+			stroke: "currentColor",
+			fill: "currentColor",
+			strokeWidth: "0"
+		}, n.attr, r, o, {
+			className: c,
+			style: F(F({ color: t.color || n.color }, n.style), t.style),
+			height: s,
+			width: s,
+			xmlns: "http://www.w3.org/2000/svg"
+		}), a && /*#__PURE__*/ e.createElement("title", null, a), t.children);
+	};
+	return k === void 0 ? n(O) : /*#__PURE__*/ e.createElement(k.Consumer, null, (e) => n(e));
+}
+//#endregion
+//#region ../../node_modules/.bun/react-icons@5.6.0/node_modules/react-icons/fi/index.mjs
+function H(e) {
+	return B({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [
+			{
+				tag: "circle",
+				attr: {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				},
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "15",
+					y1: "9",
+					x2: "9",
+					y2: "15"
+				},
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "9",
+					y1: "9",
+					x2: "15",
+					y2: "15"
+				},
+				child: []
+			}
+		]
+	})(e);
+}
+function U(e) {
+	return B({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [
+			{
+				tag: "circle",
+				attr: {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				},
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "12",
+					y1: "16",
+					x2: "12",
+					y2: "12"
+				},
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "12",
+					y1: "8",
+					x2: "12.01",
+					y2: "8"
+				},
+				child: []
+			}
+		]
+	})(e);
+}
+function W(e) {
+	return B({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [{
+			tag: "path",
+			attr: { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" },
+			child: []
+		}, {
+			tag: "polyline",
+			attr: { points: "22 4 12 14.01 9 11.01" },
+			child: []
+		}]
+	})(e);
+}
+function G(e) {
+	return B({
+		tag: "svg",
+		attr: {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		},
+		child: [
+			{
+				tag: "path",
+				attr: { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" },
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "12",
+					y1: "9",
+					x2: "12",
+					y2: "13"
+				},
+				child: []
+			},
+			{
+				tag: "line",
+				attr: {
+					x1: "12",
+					y1: "17",
+					x2: "12.01",
+					y2: "17"
+				},
+				child: []
+			}
+		]
+	})(e);
+}
+//#endregion
+//#region src/components/Alert/Alert.tsx
+var K = {
+	info: D.variantInfo,
+	success: D.variantSuccess,
+	warning: D.variantWarning,
+	danger: D.variantDanger
+}, q = {
+	info: /* @__PURE__ */ (0, l.jsx)(U, {}),
+	success: /* @__PURE__ */ (0, l.jsx)(W, {}),
+	warning: /* @__PURE__ */ (0, l.jsx)(G, {}),
+	danger: /* @__PURE__ */ (0, l.jsx)(H, {})
+}, J = ({ variant: e = "info", title: t, onClose: n, className: r, children: i, ...a }) => /* @__PURE__ */ (0, l.jsxs)("div", {
+	className: [
+		D.alert,
+		K[e],
+		r ?? ""
+	].filter(Boolean).join(" "),
+	role: "alert",
+	...a,
+	children: [
+		/* @__PURE__ */ (0, l.jsx)("span", {
+			className: D.icon,
+			"aria-hidden": "true",
+			children: q[e]
+		}),
+		/* @__PURE__ */ (0, l.jsxs)("div", {
+			className: D.content,
+			children: [t && /* @__PURE__ */ (0, l.jsx)("h5", {
+				className: D.title,
+				children: t
+			}), i && /* @__PURE__ */ (0, l.jsx)("div", {
+				className: D.description,
+				children: i
+			})]
+		}),
+		n && /* @__PURE__ */ (0, l.jsx)("button", {
+			type: "button",
+			className: D.closeButton,
+			onClick: n,
+			"aria-label": "Dismiss alert",
+			children: "✕"
+		})
+	]
+});
+J.displayName = "Alert";
+var Y = {
+	avatar: "_avatar_1uf1t_1",
+	image: "_image_1uf1t_15",
+	fallback: "_fallback_1uf1t_22",
+	shapeCircle: "_shapeCircle_1uf1t_29",
+	shapeSquare: "_shapeSquare_1uf1t_33",
+	sizeXs: "_sizeXs_1uf1t_39",
+	sizeSm: "_sizeSm_1uf1t_45",
+	sizeMd: "_sizeMd_1uf1t_51",
+	sizeLg: "_sizeLg_1uf1t_57",
+	sizeXl: "_sizeXl_1uf1t_63",
+	statusDot: "_statusDot_1uf1t_71",
+	statusOnline: "_statusOnline_1uf1t_109",
+	statusOffline: "_statusOffline_1uf1t_114",
+	statusAway: "_statusAway_1uf1t_118",
+	statusBusy: "_statusBusy_1uf1t_123"
+}, X = {
+	xs: Y.sizeXs,
+	sm: Y.sizeSm,
+	md: Y.sizeMd,
+	lg: Y.sizeLg,
+	xl: Y.sizeXl
+}, ee = {
+	circle: Y.shapeCircle,
+	square: Y.shapeSquare
+}, te = {
+	online: Y.statusOnline,
+	offline: Y.statusOffline,
+	away: Y.statusAway,
+	busy: Y.statusBusy
+}, Z = ({ src: e, alt: t = "", fallback: n, size: i = "md", shape: a = "circle", status: o, className: s, ...c }) => {
+	let [u, d] = r(!1), f = [
+		Y.avatar,
+		X[i],
+		ee[a],
+		s ?? ""
+	].filter(Boolean).join(" "), p = e && !u;
+	return /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: f,
+		...c,
+		children: [p ? /* @__PURE__ */ (0, l.jsx)("img", {
+			src: e,
+			alt: t,
+			className: Y.image,
+			onError: () => d(!0)
+		}) : /* @__PURE__ */ (0, l.jsx)("span", {
+			className: Y.fallback,
+			children: n
+		}), o && /* @__PURE__ */ (0, l.jsx)("span", {
+			className: `${Y.statusDot} ${te[o]}`,
+			"aria-label": o,
+			role: "status"
+		})]
+	});
+};
+Z.displayName = "Avatar";
+var Q = {
+	spinner: "_spinner_txj2l_1",
+	"qk-spin": "_qk-spin_txj2l_1",
+	sizeSm: "_sizeSm_txj2l_12",
+	sizeMd: "_sizeMd_txj2l_18",
+	sizeLg: "_sizeLg_txj2l_24",
+	srOnly: "_srOnly_txj2l_31"
+}, ne = {
+	sm: Q.sizeSm,
+	md: Q.sizeMd,
+	lg: Q.sizeLg
+}, $ = ({ size: e = "md", color: t, style: n, className: r, ...i }) => /* @__PURE__ */ (0, l.jsx)("span", {
+	className: [
+		Q.spinner,
+		ne[e],
+		r ?? ""
+	].filter(Boolean).join(" "),
+	style: {
+		...n,
+		...t ? { borderTopColor: t } : {}
+	},
+	role: "status",
+	...i,
+	children: /* @__PURE__ */ (0, l.jsx)("span", {
+		className: Q.srOnly,
+		children: "Loading..."
+	})
+});
+$.displayName = "Spinner";
+//#endregion
+export { J as Alert, Z as Avatar, E as Badge, f as Button, g as Card, y as Input, $ as Spinner, S as Toggle };