haze-ui 0.0.0

package/README.md

@@ -0,0 +1,44 @@
+# Ripple UI
+
+> The React UI Component Library with controllable states.
+
+English | [简体中文](./README-zh_CN.md)
+
+## Features
+
+- Integrated [react use control](https://github.com/wmzy/react-use-control) provides component internal states
+- Keep strict, provide lightweight, composable, and easily extendable components
+- Support themes customization
+- Support Tree-shaking
+
+## Getting Started
+
+### Installation
+
+```sh
+npm i ripple-ui
+// or
+pnpm add ripple-ui
+```
+
+### Usage
+
+```jsx
+import { Button } from 'ripple-ui';
+
+export default function MyComponent() {
+  return <Button>Start</Button>;
+}
+```
+
+## Related Projects 
+
+- [react-use-control](https://github.com/wmzy/react-use-control)
+
+## How to Contribute
+
+Anyone and everyone is welcome to contribute. 
+
+## License
+
+[MIT](https://choosealicense.com/licenses/mit/)

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,13 @@
+/* empty css                    */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Accordion/Accordion.tsx
+var n = "b1oalqve";
+function r({ className: r, children: i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e([n, r]),
+		children: i
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Accordion/AccordionItem.js

@@ -0,0 +1,20 @@
+/* empty css                        */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/Accordion/AccordionItem.tsx
+var r = "i1sazm4o", i = "s15fkg36", a = "cvrhx3b";
+function o({ title: o, className: s, children: c }) {
+	return /* @__PURE__ */ n("details", {
+		name: "accordion",
+		className: e([r, s]),
+		children: [/* @__PURE__ */ t("summary", {
+			className: i,
+			children: o
+		}), /* @__PURE__ */ t("div", {
+			className: a,
+			children: c
+		})]
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/Alert/Alert.js

@@ -0,0 +1,34 @@
+/* empty css                */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/lib/components/Alert/Alert.tsx
+var i = "b1mir2ye", a = {
+	info: "iszr7j7",
+	success: "s1p0rp69",
+	warning: "w1dv8644",
+	danger: "d13e6k4w"
+}, o = "c1rnnssd", s = "cf33uyw";
+function c({ variant: c = "info", closable: l = !1, className: u, children: d }) {
+	let [f, p] = r(!0);
+	return f ? /* @__PURE__ */ n("div", {
+		role: "alert",
+		className: e([
+			i,
+			a[c],
+			u
+		]),
+		children: [/* @__PURE__ */ t("div", {
+			className: o,
+			children: d
+		}), l && /* @__PURE__ */ t("button", {
+			type: "button",
+			className: s,
+			"aria-label": "Close",
+			onClick: () => p(!1),
+			children: "×"
+		})]
+	}) : null;
+}
+//#endregion
+export { c as default };

package/dist/components/Badge/Badge.js

@@ -0,0 +1,27 @@
+/* empty css                */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Badge/Badge.tsx
+var n = "b48ijb1", r = {
+	default: "dnq0o02",
+	success: "syuh2ol",
+	warning: "w8jmk6n",
+	danger: "d6m6v51",
+	info: "i58ehqk"
+}, i = {
+	sm: "s1m88y0u",
+	md: "miqan6"
+};
+function a({ variant: a = "default", size: o = "md", className: s, children: c }) {
+	return /* @__PURE__ */ t("span", {
+		className: e([
+			n,
+			r[a],
+			i[o],
+			s
+		]),
+		children: c
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Button/Button.js

@@ -0,0 +1,27 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Button/Button.tsx
+var n = "btwn6q9", r = {
+	solid: "sfzq9n9",
+	outline: "o1dhij4n",
+	ghost: "ga83b1x"
+}, i = {
+	sm: "svizdgc",
+	md: "m5okc3b",
+	lg: "lqx8j9d"
+};
+function a({ variant: a = "solid", size: o = "md", className: s, ...c }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		...c,
+		className: e([
+			n,
+			r[a],
+			i[o],
+			s
+		])
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Card/Card.js

@@ -0,0 +1,21 @@
+/* empty css               */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Card/Card.tsx
+var n = "b1r9ra2q", r = {
+	elevated: "eiercmf",
+	outlined: "omgotjy",
+	filled: "f10uuhch"
+};
+function i({ variant: i = "elevated", className: a, children: o }) {
+	return /* @__PURE__ */ t("div", {
+		className: e([
+			n,
+			r[i],
+			a
+		]),
+		children: o
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,20 @@
+/* empty css                   */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Checkbox/Checkbox.tsx
+var r = "b187lfi8";
+function i({ checked: i, className: a, onChange: o, ...s }) {
+	let [c, l] = n(i, !1);
+	return /* @__PURE__ */ t("input", {
+		type: "checkbox",
+		checked: c,
+		onChange: (e) => {
+			l(e.target.checked), o?.(e);
+		},
+		...s,
+		className: e([r, a])
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,26 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+import { useEffect as r, useRef as i } from "react";
+//#region src/lib/components/Dialog/Dialog.tsx
+var a = "oxnde4s";
+function o({ open: o, onClose: s, className: c, children: l }) {
+	let [u, d] = n(o, !1), f = i(null);
+	return r(() => {
+		let e = f.current;
+		e && (u && !e.open ? e.showModal() : !u && e.open && e.close());
+	}, [u]), /* @__PURE__ */ t("dialog", {
+		ref: f,
+		onClose: () => {
+			d(!1), s?.();
+		},
+		onClick: (e) => {
+			e.target === f.current && (d(!1), s?.());
+		},
+		className: e([a, c]),
+		children: l
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/Input/Input.js

@@ -0,0 +1,27 @@
+/* empty css                */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Input/Input.tsx
+var r = "b18dr76j", i = {
+	sm: "s1lt2bv9",
+	md: "m1aucp4h",
+	lg: "lxj3cju"
+};
+function a({ value: a, size: o = "md", className: s, onChange: c, ...l }) {
+	let [u, d] = n(a, "");
+	return /* @__PURE__ */ t("input", {
+		value: u,
+		onChange: (e) => {
+			d(e.target.value), c?.(e);
+		},
+		...l,
+		className: e([
+			r,
+			i[o],
+			s
+		])
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Popover/Popover.js

@@ -0,0 +1,29 @@
+/* empty css                  */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useId as i } from "react";
+//#region src/lib/components/Popover/Popover.tsx
+var a = "cpz20zo", o = "p1og1db", s = "h12vxtuf";
+function c({ content: c, open: l, className: u, children: d }) {
+	let [f, p] = r(l, !1), m = i();
+	return /* @__PURE__ */ n("span", {
+		className: a,
+		children: [/* @__PURE__ */ t("span", {
+			"aria-expanded": f,
+			"aria-controls": m,
+			onClick: () => p((e) => !e),
+			children: d
+		}), /* @__PURE__ */ t("div", {
+			id: m,
+			className: e([
+				o,
+				!f && s,
+				u
+			]),
+			children: c
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/Radio/Radio.js

@@ -0,0 +1,23 @@
+import { useRadioContext as e } from "./RadioContext.js";
+/* empty css                */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/lib/components/Radio/Radio.tsx
+var i = "r1wb1f2i", a = "l1avex36";
+function o({ value: o, className: s, children: c, ...l }) {
+	let u = e();
+	return /* @__PURE__ */ r("label", {
+		className: t([a, s]),
+		children: [/* @__PURE__ */ n("input", {
+			type: "radio",
+			className: i,
+			name: u?.name,
+			value: o,
+			checked: u ? u.value === o : void 0,
+			onChange: () => u?.setValue(o),
+			...l
+		}), c]
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/Radio/RadioContext.js

@@ -0,0 +1,8 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/Radio/RadioContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	return t(n);
+}
+//#endregion
+export { r as RadioProvider, i as useRadioContext };

package/dist/components/Radio/RadioGroup.js

@@ -0,0 +1,24 @@
+import { RadioProvider as e } from "./RadioContext.js";
+/* empty css                     */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useId as i } from "react";
+//#region src/lib/components/Radio/RadioGroup.tsx
+var a = "b1bmwkyg";
+function o({ value: o, name: s, className: c, children: l }) {
+	let [u, d] = r(o, ""), f = i();
+	return /* @__PURE__ */ n("fieldset", {
+		className: t([a, c]),
+		children: /* @__PURE__ */ n(e, {
+			value: {
+				name: s ?? f,
+				value: u,
+				setValue: d
+			},
+			children: l
+		})
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/Select/Option.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/lib/components/Select/Option.tsx
+function t({ value: t, children: n, ...r }) {
+	return /* @__PURE__ */ e("option", {
+		value: t,
+		...r,
+		children: n
+	});
+}
+//#endregion
+export { t as default };

package/dist/components/Select/Select.js

@@ -0,0 +1,28 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Select/Select.tsx
+var r = "b1peearv", i = {
+	sm: "sjwza0y",
+	md: "mzar2ws",
+	lg: "lhyvvui"
+};
+function a({ value: a, size: o = "md", className: s, children: c, onChange: l, ...u }) {
+	let [d, f] = n(a, "");
+	return /* @__PURE__ */ t("select", {
+		value: d,
+		onChange: (e) => {
+			f(e.target.value), l?.(e);
+		},
+		...u,
+		className: e([
+			r,
+			i[o],
+			s
+		]),
+		children: c
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Slider/Slider.js

@@ -0,0 +1,20 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Slider/Slider.tsx
+var r = "bfgou5l";
+function i({ value: i, className: a, onChange: o, ...s }) {
+	let [c, l] = n(i, 50);
+	return /* @__PURE__ */ t("input", {
+		type: "range",
+		value: c,
+		onChange: (e) => {
+			l(Number(e.target.value)), o?.(e);
+		},
+		...s,
+		className: e([r, a])
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/Switch/Switch.js

@@ -0,0 +1,43 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Switch/Switch.tsx
+var r = "t1js4uxc", i = "t1qb79fu", a = "t1ixneoj", o = {
+	sm: "so54z1g",
+	md: "m9yt5eh",
+	lg: "lh99aoz"
+}, s = {
+	sm: "s3tnk0a",
+	md: "mf3ptdg",
+	lg: "l11o9w2z"
+}, c = {
+	sm: "sew2awa",
+	md: "m1dvw2o9",
+	lg: "l19clm6f"
+};
+function l({ checked: l, size: u = "md", className: d, onClick: f, ...p }) {
+	let [m, h] = n(l, !1);
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": m,
+		onClick: (e) => {
+			h((e) => !e), f?.(e);
+		},
+		...p,
+		className: e([
+			r,
+			o[u],
+			m && i,
+			d
+		]),
+		children: /* @__PURE__ */ t("span", { className: e([
+			a,
+			s[u],
+			m && c[u]
+		]) })
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/Tabs/Tab.js

@@ -0,0 +1,24 @@
+import { useTabsContext as e } from "./TabsContext.js";
+/* empty css              */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/Tabs/Tab.tsx
+var r = "bgf9674", i = "a1prfgev";
+function a({ value: a, className: o, children: s }) {
+	let { value: c, setValue: l } = e(), u = c === a;
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		role: "tab",
+		"aria-selected": u,
+		"aria-controls": `tabpanel-${a}`,
+		onClick: () => l(a),
+		className: t([
+			r,
+			u && i,
+			o
+		]),
+		children: s
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Tabs/TabList.js

@@ -0,0 +1,14 @@
+/* empty css                  */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Tabs/TabList.tsx
+var n = "b1dqiroo";
+function r({ className: r, children: i }) {
+	return /* @__PURE__ */ t("div", {
+		role: "tablist",
+		className: e([n, r]),
+		children: i
+	});
+}
+//#endregion
+export { r as default };

package/dist/components/Tabs/TabPanel.js

@@ -0,0 +1,21 @@
+import { useTabsContext as e } from "./TabsContext.js";
+/* empty css                   */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/Tabs/TabPanel.tsx
+var r = "bp1375a", i = "h1gs31v1";
+function a({ value: a, className: o, children: s }) {
+	let { value: c } = e(), l = c === a;
+	return /* @__PURE__ */ n("div", {
+		role: "tabpanel",
+		id: `tabpanel-${a}`,
+		className: t([
+			r,
+			!l && i,
+			o
+		]),
+		children: s
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,22 @@
+import { TabsProvider as e } from "./TabsContext.js";
+/* empty css               */
+import { classnames as t } from "babel-runtime-jsx-plus";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+//#region src/lib/components/Tabs/Tabs.tsx
+var i = "b1cu6oqd";
+function a({ value: a, className: o, children: s }) {
+	let [c, l] = r(a, "");
+	return /* @__PURE__ */ n("div", {
+		className: t([i, o]),
+		children: /* @__PURE__ */ n(e, {
+			value: {
+				value: c,
+				setValue: l
+			},
+			children: s
+		})
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Tabs/TabsContext.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/Tabs/TabsContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	let e = t(n);
+	if (!e) throw Error("Tabs compound components must be used within <Tabs>");
+	return e;
+}
+//#endregion
+export { r as TabsProvider, i as useTabsContext };

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,27 @@
+/* empty css                   */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
+//#region src/lib/components/Textarea/Textarea.tsx
+var r = "b1n6cdld", i = {
+	sm: "svhqg3y",
+	md: "m1lnui41",
+	lg: "l1ogff54"
+};
+function a({ value: a, size: o = "md", className: s, onChange: c, ...l }) {
+	let [u, d] = n(a, "");
+	return /* @__PURE__ */ t("textarea", {
+		value: u,
+		onChange: (e) => {
+			d(e.target.value), c?.(e);
+		},
+		...l,
+		className: e([
+			r,
+			i[o],
+			s
+		])
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,32 @@
+/* empty css                  */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useId as r } from "react";
+//#region src/lib/components/Tooltip/Tooltip.tsx
+var i = "wojk2bk", a = "b1pzhi26", o = {
+	top: "t17ctpvp",
+	bottom: "b1fci34k",
+	left: "ltkbbwq",
+	right: "r16ged4s"
+}, s = "sic6ry8";
+function c({ content: c, position: l = "top", className: u, children: d }) {
+	let f = r();
+	return /* @__PURE__ */ n("span", {
+		className: e([
+			i,
+			s,
+			u
+		]),
+		children: [/* @__PURE__ */ t("span", {
+			"aria-describedby": f,
+			children: d
+		}), /* @__PURE__ */ t("span", {
+			id: f,
+			role: "tooltip",
+			className: e([a, o[l]]),
+			children: c
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/haze-ui.css

@@ -0,0 +1,2 @@
+.b1oalqve{width:100%}.i1sazm4o{border-bottom:1px solid var(--pbl-color-border)}.i1sazm4o:first-of-type{border-top:1px solid var(--pbl-color-border)}.s15fkg36{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;padding:var(--pbl-space-3) var(--pbl-space-4);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);font-weight:var(--pbl-weight-medium);color:var(--pbl-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;list-style:none;transition:background .15s;display:flex}.s15fkg36:hover{background:var(--pbl-color-bg-subtle)}.s15fkg36:focus-visible{box-shadow:inset 0 0 0 3px var(--pbl-color-focus-ring);outline:none}.s15fkg36::marker{display:none}.s15fkg36::-webkit-details-marker{display:none}.s15fkg36:after{content:"";border-right:2px solid var(--pbl-color-text-muted);border-bottom:2px solid var(--pbl-color-text-muted);-webkit-transition:-webkit-transform .2s;flex-shrink:0;width:8px;height:8px;transition:transform .2s;transform:rotate(-45deg)}details[open]>.s15fkg36:after{transform:rotate(45deg)}.cvrhx3b{padding:0 var(--pbl-space-4) var(--pbl-space-4);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);color:var(--pbl-color-text-secondary);line-height:var(--pbl-leading-normal)}.b1mir2ye{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--pbl-space-3);padding:var(--pbl-space-3) var(--pbl-space-4);border-radius:var(--pbl-radius-md);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);line-height:var(--pbl-leading-normal);display:flex}.iszr7j7{background:color-mix(in srgb, var(--pbl-color-info) 10%, transparent);color:var(--pbl-color-info);border:1px solid color-mix(in srgb, var(--pbl-color-info) 25%, transparent)}.s1p0rp69{background:color-mix(in srgb, var(--pbl-color-success) 10%, transparent);color:var(--pbl-color-success);border:1px solid color-mix(in srgb, var(--pbl-color-success) 25%, transparent)}.w1dv8644{background:color-mix(in srgb, var(--pbl-color-warning) 10%, transparent);color:var(--pbl-color-warning);border:1px solid color-mix(in srgb, var(--pbl-color-warning) 25%, transparent)}.d13e6k4w{background:color-mix(in srgb, var(--pbl-color-danger) 10%, transparent);color:var(--pbl-color-danger);border:1px solid color-mix(in srgb, var(--pbl-color-danger) 25%, transparent)}.c1rnnssd{flex:1}.cf33uyw{appearance:none;color:inherit;cursor:pointer;font-size:var(--pbl-text-lg);opacity:.6;background:0 0;border:none;padding:0;line-height:1;transition:opacity .15s}.cf33uyw:hover{opacity:1}.cf33uyw:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);border-radius:var(--pbl-radius-sm);outline:none}.b48ijb1{border-radius:var(--pbl-radius-full);font-family:var(--pbl-font-sans);font-weight:var(--pbl-weight-medium);line-height:var(--pbl-leading-tight);white-space:nowrap;align-items:center;display:inline-flex}.dnq0o02{background:var(--pbl-color-bg-muted);color:var(--pbl-color-text-secondary)}.syuh2ol{background:color-mix(in srgb, var(--pbl-color-success) 15%, transparent);color:var(--pbl-color-success)}.w8jmk6n{background:color-mix(in srgb, var(--pbl-color-warning) 15%, transparent);color:var(--pbl-color-warning)}.d6m6v51{background:color-mix(in srgb, var(--pbl-color-danger) 15%, transparent);color:var(--pbl-color-danger)}.i58ehqk{background:color-mix(in srgb, var(--pbl-color-info) 15%, transparent);color:var(--pbl-color-info)}.s1m88y0u{padding:var(--pbl-space-0) var(--pbl-space-2);font-size:var(--pbl-text-xs)}.miqan6{padding:var(--pbl-space-1) var(--pbl-space-3);font-size:var(--pbl-text-sm)}.btwn6q9{justify-content:center;align-items:center;gap:var(--pbl-space-2);border-radius:var(--pbl-radius-md);font-family:var(--pbl-font-sans);font-weight:var(--pbl-weight-medium);line-height:var(--pbl-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btwn6q9:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.btwn6q9:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sfzq9n9{background:var(--pbl-color-primary);color:var(--pbl-color-text-inverse)}.sfzq9n9:hover{background:var(--pbl-color-primary-hover)}.sfzq9n9:active{background:var(--pbl-color-primary-active)}.o1dhij4n{border-color:var(--pbl-color-border);color:var(--pbl-color-text);background:0 0}.o1dhij4n:hover{border-color:var(--pbl-color-border-hover);background:var(--pbl-color-bg-subtle)}.o1dhij4n:active{background:var(--pbl-color-bg-muted)}.ga83b1x{color:var(--pbl-color-text);background:0 0}.ga83b1x:hover{background:var(--pbl-color-bg-subtle)}.ga83b1x:active{background:var(--pbl-color-bg-muted)}.svizdgc{padding:var(--pbl-space-1) var(--pbl-space-3);font-size:var(--pbl-text-sm)}.m5okc3b{padding:var(--pbl-space-2) var(--pbl-space-4);font-size:var(--pbl-text-sm)}.lqx8j9d{padding:var(--pbl-space-3) var(--pbl-space-6);font-size:var(--pbl-text-base)}.b1r9ra2q{border-radius:var(--pbl-radius-lg);padding:var(--pbl-space-5);font-family:var(--pbl-font-sans);color:var(--pbl-color-text)}.eiercmf{background:var(--pbl-color-bg);box-shadow:var(--pbl-shadow-md)}.omgotjy{background:var(--pbl-color-bg);border:1px solid var(--pbl-color-border)}.f10uuhch{background:var(--pbl-color-bg-subtle)}.b187lfi8{appearance:none;border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-sm);background:var(--pbl-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.b187lfi8:hover{border-color:var(--pbl-color-border-hover)}.b187lfi8:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.b187lfi8:checked{background:var(--pbl-color-primary);border-color:var(--pbl-color-primary)}.b187lfi8:checked:after{content:"";border:solid var(--pbl-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.b187lfi8:disabled{opacity:.5;cursor:not-allowed}.oxnde4s{border-radius:var(--pbl-radius-xl);padding:var(--pbl-space-6);background:var(--pbl-color-bg);color:var(--pbl-color-text);font-family:var(--pbl-font-sans);box-shadow:var(--pbl-shadow-xl);border:none;width:100%;max-width:480px}.oxnde4s::backdrop{background:#0006}.oxnde4s:focus-visible{box-shadow:var(--pbl-shadow-xl),0 0 0 3px var(--pbl-color-focus-ring);outline:none}.b18dr76j{border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-md);background:var(--pbl-color-bg);width:100%;color:var(--pbl-color-text);font-family:var(--pbl-font-sans);line-height:var(--pbl-leading-normal);transition:border-color .15s,box-shadow .15s;display:block}.b18dr76j:hover{border-color:var(--pbl-color-border-hover)}.b18dr76j:focus{border-color:var(--pbl-color-primary);box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.b18dr76j:disabled{opacity:.5;cursor:not-allowed}.b18dr76j::-webkit-input-placeholder{color:var(--pbl-color-text-muted)}.b18dr76j::placeholder{color:var(--pbl-color-text-muted)}.b18dr76j:-ms-placeholder-shown{color:var(--pbl-color-text-muted)}.b18dr76j::placeholder{color:var(--pbl-color-text-muted)}.s1lt2bv9{padding:var(--pbl-space-1) var(--pbl-space-2);font-size:var(--pbl-text-sm)}.m1aucp4h{padding:var(--pbl-space-2) var(--pbl-space-3);font-size:var(--pbl-text-sm)}.lxj3cju{padding:var(--pbl-space-3) var(--pbl-space-4);font-size:var(--pbl-text-base)}.cpz20zo{display:inline-flex;position:relative}.p1og1db{z-index:1000;margin-top:var(--pbl-space-1);padding:var(--pbl-space-3);border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-lg);background:var(--pbl-color-bg);color:var(--pbl-color-text);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);box-shadow:var(--pbl-shadow-lg);min-width:200px;position:absolute;top:100%;left:0}.h12vxtuf{display:none}.r1wb1f2i{appearance:none;border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-full);background:var(--pbl-color-bg);cursor:pointer;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.r1wb1f2i:hover{border-color:var(--pbl-color-border-hover)}.r1wb1f2i:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.r1wb1f2i:checked{border-color:var(--pbl-color-primary)}.r1wb1f2i:checked:after{content:"";border-radius:var(--pbl-radius-full);background:var(--pbl-color-primary);width:10px;height:10px;position:absolute;top:3px;left:3px}.r1wb1f2i:disabled{opacity:.5;cursor:not-allowed}.l1avex36{align-items:center;gap:var(--pbl-space-2);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);color:var(--pbl-color-text);cursor:pointer;display:inline-flex}.b1bmwkyg{gap:var(--pbl-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}.b1peearv{border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-md);background:var(--pbl-color-bg);width:100%;color:var(--pbl-color-text);font-family:var(--pbl-font-sans);line-height:var(--pbl-leading-normal);appearance:none;-webkit-background-position:right var(--pbl-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--pbl-space-3) center;padding-right:var(--pbl-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.b1peearv:hover{border-color:var(--pbl-color-border-hover)}.b1peearv:focus{border-color:var(--pbl-color-primary);box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.b1peearv:disabled{opacity:.5;cursor:not-allowed}.sjwza0y{padding:var(--pbl-space-1) var(--pbl-space-2);font-size:var(--pbl-text-sm)}.mzar2ws{padding:var(--pbl-space-2) var(--pbl-space-3);font-size:var(--pbl-text-sm)}.lhyvvui{padding:var(--pbl-space-3) var(--pbl-space-4);font-size:var(--pbl-text-base)}.bfgou5l{appearance:none;border-radius:var(--pbl-radius-full);background:var(--pbl-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.bfgou5l::-webkit-slider-thumb{appearance:none;border-radius:var(--pbl-radius-full);background:var(--pbl-color-primary);border:2px solid var(--pbl-color-bg);width:18px;height:18px;box-shadow:var(--pbl-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.bfgou5l::-moz-range-thumb{border-radius:var(--pbl-radius-full);background:var(--pbl-color-primary);border:2px solid var(--pbl-color-bg);width:18px;height:18px;box-shadow:var(--pbl-shadow-sm);cursor:pointer}.bfgou5l:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--pbl-color-focus-ring)}.bfgou5l:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--pbl-color-focus-ring)}.bfgou5l:disabled{opacity:.5;cursor:not-allowed}.t1js4uxc{border-radius:var(--pbl-radius-full);background:var(--pbl-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.t1js4uxc:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.t1js4uxc:disabled{opacity:.5;cursor:not-allowed}.t1qb79fu{background:var(--pbl-color-primary)}.t1ixneoj{border-radius:var(--pbl-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--pbl-shadow-sm);background:#fff;transition:transform .2s;display:block}.so54z1g{width:32px;height:18px}.m9yt5eh{width:40px;height:22px}.lh99aoz{width:48px;height:26px}.s3tnk0a{width:14px;height:14px}.mf3ptdg{width:18px;height:18px}.l11o9w2z{width:22px;height:22px}.sew2awa{transform:translate(14px)}.m1dvw2o9{transform:translate(18px)}.l19clm6f{transform:translate(22px)}.bgf9674{padding:var(--pbl-space-2) var(--pbl-space-4);color:var(--pbl-color-text-muted);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-sm);font-weight:var(--pbl-weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;transition:color .15s,border-color .15s}.bgf9674:hover{color:var(--pbl-color-text)}.bgf9674:focus-visible{box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.a1prfgev{color:var(--pbl-color-primary);border-bottom-color:var(--pbl-color-primary)}.b1dqiroo{border-bottom:1px solid var(--pbl-color-border);gap:0;display:flex}.bp1375a{padding:var(--pbl-space-4) 0}.h1gs31v1{display:none}.b1cu6oqd{font-family:var(--pbl-font-sans);flex-direction:column;display:flex}.b1n6cdld{border:1px solid var(--pbl-color-border);border-radius:var(--pbl-radius-md);background:var(--pbl-color-bg);width:100%;color:var(--pbl-color-text);font-family:var(--pbl-font-sans);line-height:var(--pbl-leading-normal);resize:vertical;transition:border-color .15s,box-shadow .15s;display:block}.b1n6cdld:hover{border-color:var(--pbl-color-border-hover)}.b1n6cdld:focus{border-color:var(--pbl-color-primary);box-shadow:0 0 0 3px var(--pbl-color-focus-ring);outline:none}.b1n6cdld:disabled{opacity:.5;cursor:not-allowed}.b1n6cdld::-webkit-input-placeholder{color:var(--pbl-color-text-muted)}.b1n6cdld::placeholder{color:var(--pbl-color-text-muted)}.b1n6cdld:-ms-placeholder-shown{color:var(--pbl-color-text-muted)}.b1n6cdld::placeholder{color:var(--pbl-color-text-muted)}.svhqg3y{padding:var(--pbl-space-1) var(--pbl-space-2);font-size:var(--pbl-text-sm)}.m1lnui41{padding:var(--pbl-space-2) var(--pbl-space-3);font-size:var(--pbl-text-sm)}.l1ogff54{padding:var(--pbl-space-3) var(--pbl-space-4);font-size:var(--pbl-text-base)}.wojk2bk{display:inline-flex;position:relative}.b1pzhi26{z-index:1000;padding:var(--pbl-space-1) var(--pbl-space-2);border-radius:var(--pbl-radius-md);background:var(--pbl-color-text);color:var(--pbl-color-text-inverse);font-family:var(--pbl-font-sans);font-size:var(--pbl-text-xs);line-height:var(--pbl-leading-normal);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;position:absolute}.t17ctpvp{margin-bottom:var(--pbl-space-1);bottom:100%;left:50%;transform:translate(-50%)}.b1fci34k{margin-top:var(--pbl-space-1);top:100%;left:50%;transform:translate(-50%)}.ltkbbwq{margin-right:var(--pbl-space-1);top:50%;right:100%;transform:translateY(-50%)}.r16ged4s{margin-left:var(--pbl-space-1);top:50%;left:100%;transform:translateY(-50%)}.sic6ry8:hover>[role=tooltip],.sic6ry8:focus-within>[role=tooltip]{opacity:1}.l677mhi{--pbl-color-primary:#06f;--pbl-color-primary-hover:#0052cc;--pbl-color-primary-active:#003d99;--pbl-color-primary-subtle:#e6f0ff;--pbl-color-bg:#fff;--pbl-color-bg-subtle:#f7f8fa;--pbl-color-bg-muted:#eef0f4;--pbl-color-text:#1a1a1a;--pbl-color-text-secondary:#4a4a4a;--pbl-color-text-muted:#8a8a8a;--pbl-color-text-inverse:#fff;--pbl-color-border:#e0e0e0;--pbl-color-border-hover:silver;--pbl-color-success:#16a34a;--pbl-color-warning:#f59e0b;--pbl-color-danger:#dc2626;--pbl-color-info:#2563eb;--pbl-color-focus-ring:#06f6}.dves5ff{--pbl-color-primary:#4d94ff;--pbl-color-primary-hover:#6aa6ff;--pbl-color-primary-active:#80b3ff;--pbl-color-primary-subtle:#1a2e4a;--pbl-color-bg:#121212;--pbl-color-bg-subtle:#1e1e1e;--pbl-color-bg-muted:#2a2a2a;--pbl-color-text:#e8e8e8;--pbl-color-text-secondary:#b0b0b0;--pbl-color-text-muted:#707070;--pbl-color-text-inverse:#1a1a1a;--pbl-color-border:#333;--pbl-color-border-hover:#4a4a4a;--pbl-color-success:#22c55e;--pbl-color-warning:#fbbf24;--pbl-color-danger:#ef4444;--pbl-color-info:#3b82f6;--pbl-color-focus-ring:#4d94ff66}.s413e2t{--pbl-space-0:0;--pbl-space-1:4px;--pbl-space-2:8px;--pbl-space-3:12px;--pbl-space-4:16px;--pbl-space-5:20px;--pbl-space-6:24px;--pbl-space-8:32px;--pbl-space-10:40px;--pbl-space-12:48px;--pbl-space-16:64px;--pbl-radius-none:0;--pbl-radius-sm:4px;--pbl-radius-md:6px;--pbl-radius-lg:8px;--pbl-radius-xl:12px;--pbl-radius-2xl:16px;--pbl-radius-full:9999px;--pbl-shadow-sm:0 1px 2px #0000000d;--pbl-shadow-md:0 4px 6px #00000012;--pbl-shadow-lg:0 10px 15px #0000001a;--pbl-shadow-xl:0 20px 25px #0000001a}.tjcr6l1{--pbl-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--pbl-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--pbl-text-xs:12px;--pbl-text-sm:14px;--pbl-text-base:16px;--pbl-text-lg:18px;--pbl-text-xl:20px;--pbl-text-2xl:24px;--pbl-text-3xl:30px;--pbl-leading-tight:1.25;--pbl-leading-normal:1.5;--pbl-leading-relaxed:1.75;--pbl-weight-normal:400;--pbl-weight-medium:500;--pbl-weight-semibold:600;--pbl-weight-bold:700}
+/*$vite$:1*/