@vaebe/ccui 2.0.0-beta.0

package/breadcrumb/index.es.js

@@ -0,0 +1,89 @@
+import { createVNode as e, defineComponent as t, inject as n, provide as r } from "vue";
+//#region ../ccui/ui/shared/hooks/use-namespace.ts
+function i(e, t, n) {
+	let r = e;
+	return t && (r += `__${t}`), n && (r += `--${n}`), r;
+}
+function a(e, t = !1) {
+	let n = t ? `.ccui-${e}` : `ccui-${e}`;
+	return {
+		b: () => i(n),
+		e: (e) => e ? i(n, e) : "",
+		m: (e) => e ? i(n, "", e) : "",
+		em: (e, t) => e && t ? i(n, e, t) : "",
+		is: (e) => `is-${e}`
+	};
+}
+//#endregion
+//#region ../ccui/ui/breadcrumb/src/breadcrumb-types.ts
+var o = {
+	separator: {
+		type: String,
+		default: "/"
+	},
+	routes: {
+		type: Array,
+		default: () => []
+	}
+}, s = {
+	href: {
+		type: String,
+		default: ""
+	},
+	separator: {
+		type: String,
+		default: ""
+	}
+}, c = Symbol("breadcrumb"), l = /* @__PURE__ */ t({
+	name: "CBreadcrumb",
+	props: o,
+	setup(t, { slots: n }) {
+		let i = a("breadcrumb");
+		r(c, { separator: t.separator });
+		let o = () => {
+			let n = t.routes ?? [], r = n.length;
+			return n.map((n, a) => {
+				let o = n.breadcrumbName ?? n.title ?? "", s = a === r - 1, c = n.href ?? n.path;
+				return e("span", {
+					key: a,
+					class: i.e("item")
+				}, [s || !c ? e("span", { class: i.e("link") }, [o]) : e("a", {
+					class: i.e("link"),
+					href: c
+				}, [o]), !s && e("span", { class: i.e("separator") }, [t.separator])]);
+			});
+		};
+		return () => e("nav", {
+			class: i.b(),
+			"aria-label": "Breadcrumb"
+		}, [t.routes && t.routes.length ? o() : n.default?.()]);
+	}
+}), u = /* @__PURE__ */ t({
+	name: "CBreadcrumbItem",
+	props: s,
+	setup(t, { slots: r }) {
+		let i = a("breadcrumb"), o = n(c, { separator: "/" });
+		return () => {
+			let n = t.separator || o.separator;
+			return e("span", { class: i.e("item") }, [t.href ? e("a", {
+				class: i.e("link"),
+				href: t.href
+			}, [r.default?.()]) : e("span", { class: i.e("link") }, [r.default?.()]), e("span", { class: i.e("separator") }, [r.separator ? r.separator() : n])]);
+		};
+	}
+});
+//#endregion
+//#region ../ccui/ui/breadcrumb/index.ts
+l.install = function(e) {
+	e.component(l.name, l), e.component(u.name, u);
+};
+var d = {
+	title: "Breadcrumb 面包屑",
+	category: "导航",
+	status: "100%",
+	install(e) {
+		e.component(l.name, l), e.component(u.name, u);
+	}
+};
+//#endregion
+export { l as Breadcrumb, u as BreadcrumbItem, d as default };

package/breadcrumb/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});function n(e,t,n){let r=e;return t&&(r+=`__${t}`),n&&(r+=`--${n}`),r}function r(e,t=!1){let r=t?`.ccui-${e}`:`ccui-${e}`;return{b:()=>n(r),e:e=>e?n(r,e):``,m:e=>e?n(r,``,e):``,em:(e,t)=>e&&t?n(r,e,t):``,is:e=>`is-${e}`}}var i={separator:{type:String,default:`/`},routes:{type:Array,default:()=>[]}},a={href:{type:String,default:``},separator:{type:String,default:``}},o=Symbol(`breadcrumb`),s=(0,t.defineComponent)({name:`CBreadcrumb`,props:i,setup(e,{slots:n}){let i=r(`breadcrumb`);(0,t.provide)(o,{separator:e.separator});let a=()=>{let n=e.routes??[],r=n.length;return n.map((n,a)=>{let o=n.breadcrumbName??n.title??``,s=a===r-1,c=n.href??n.path;return(0,t.createVNode)(`span`,{key:a,class:i.e(`item`)},[s||!c?(0,t.createVNode)(`span`,{class:i.e(`link`)},[o]):(0,t.createVNode)(`a`,{class:i.e(`link`),href:c},[o]),!s&&(0,t.createVNode)(`span`,{class:i.e(`separator`)},[e.separator])])})};return()=>(0,t.createVNode)(`nav`,{class:i.b(),"aria-label":`Breadcrumb`},[e.routes&&e.routes.length?a():n.default?.()])}}),c=(0,t.defineComponent)({name:`CBreadcrumbItem`,props:a,setup(e,{slots:n}){let i=r(`breadcrumb`),a=(0,t.inject)(o,{separator:`/`});return()=>{let r=e.separator||a.separator;return(0,t.createVNode)(`span`,{class:i.e(`item`)},[e.href?(0,t.createVNode)(`a`,{class:i.e(`link`),href:e.href},[n.default?.()]):(0,t.createVNode)(`span`,{class:i.e(`link`)},[n.default?.()]),(0,t.createVNode)(`span`,{class:i.e(`separator`)},[n.separator?n.separator():r])])}}});s.install=function(e){e.component(s.name,s),e.component(c.name,c)},e.Breadcrumb=s,e.BreadcrumbItem=c,e.default={title:`Breadcrumb 面包屑`,category:`导航`,status:`100%`,install(e){e.component(s.name,s),e.component(c.name,c)}}});

package/button/ccui-cli.css

@@ -0,0 +1,2 @@
+.ccui-button{box-sizing:border-box;height:var(--ccui-control-height,32px);color:var(--ccui-color-text,#000000e0);font-size:var(--ccui-font-size,14px);font-weight:400;line-height:var(--ccui-line-height-base,1.57143);text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--ccui-color-bg-container,#fff);border:1px solid var(--ccui-color-border,#d9d9d9);border-radius:var(--ccui-border-radius,6px);appearance:none;transition:all var(--ccui-motion-duration-mid,.2s) var(--ccui-motion-ease-in-out,cubic-bezier(.645, .045, .355, 1));outline:none;justify-content:center;align-items:center;gap:8px;padding:4px 15px;display:inline-flex;box-shadow:0 2px #00000005}.ccui-button:hover{color:var(--ccui-color-primary-hover,#4096ff);border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-button:active{color:var(--ccui-color-primary-active,#0958d9);border-color:var(--ccui-color-primary-active,#0958d9)}.ccui-button:disabled{cursor:not-allowed;color:var(--ccui-color-text-disabled,#00000040);border-color:var(--ccui-color-border,#d9d9d9);box-shadow:none;background-color:#0000000a}.ccui-button--primary,.ccui-button--success,.ccui-button--info,.ccui-button--warning,.ccui-button--danger{color:var(--ccui-color-text-light-solid,#fff);border-color:#0000;box-shadow:0 2px #0591ff1a}.ccui-button--primary:hover,.ccui-button--success:hover,.ccui-button--info:hover,.ccui-button--warning:hover,.ccui-button--danger:hover{color:var(--ccui-color-text-light-solid,#fff)}.ccui-button--primary:disabled,.ccui-button--success:disabled,.ccui-button--info:disabled,.ccui-button--warning:disabled,.ccui-button--danger:disabled{color:var(--ccui-color-text-disabled,#00000040);border-color:var(--ccui-color-border,#d9d9d9);box-shadow:none;background-color:#0000000a}.ccui-button--primary{background-color:var(--ccui-color-primary,#1677ff)}.ccui-button--primary:hover{background-color:var(--ccui-color-primary-hover,#4096ff);border-color:var(--ccui-color-primary-hover,#4096ff)}.ccui-button--primary:active{background-color:var(--ccui-color-primary-active,#0958d9);border-color:var(--ccui-color-primary-active,#0958d9)}.ccui-button--success{background-color:var(--ccui-color-success,#52c41a)}.ccui-button--success:hover{background-color:var(--ccui-color-success-hover,#73d13d);border-color:var(--ccui-color-success-hover,#73d13d)}.ccui-button--success:active{background-color:var(--ccui-color-success-active,#389e0d);border-color:var(--ccui-color-success-active,#389e0d)}.ccui-button--info{background-color:#909399}.ccui-button--info:hover{background-color:#a6a9ad;border-color:#a6a9ad}.ccui-button--info:active{background-color:#73767a;border-color:#73767a}.ccui-button--warning{background-color:var(--ccui-color-warning,#faad14)}.ccui-button--warning:hover{background-color:var(--ccui-color-warning-hover,#ffc53d);border-color:var(--ccui-color-warning-hover,#ffc53d)}.ccui-button--warning:active{background-color:var(--ccui-color-warning-active,#d48806);border-color:var(--ccui-color-warning-active,#d48806)}.ccui-button--danger{background-color:var(--ccui-color-error,#ff4d4f)}.ccui-button--danger:hover{background-color:var(--ccui-color-error-hover,#ff7875);border-color:var(--ccui-color-error-hover,#ff7875)}.ccui-button--danger:active{background-color:var(--ccui-color-error-active,#d9363e);border-color:var(--ccui-color-error-active,#d9363e)}.ccui-button--text{color:var(--ccui-color-primary,#1677ff);box-shadow:none;background:0 0;border-color:#0000}.ccui-button--text:hover{color:var(--ccui-color-primary-hover,#4096ff);background:#0000000f}.ccui-button--text:active{color:var(--ccui-color-primary-active,#0958d9);background:#00000026}.ccui-button--dashed,.ccui-button--dashed:hover{border-style:dashed}.ccui-button--link{color:var(--ccui-color-primary,#1677ff);box-shadow:none;background:0 0;border-color:#0000}.ccui-button--link:hover{color:var(--ccui-color-primary-hover,#4096ff);background:0 0;text-decoration:underline}.ccui-button--link:active{color:var(--ccui-color-primary-active,#0958d9);background:0 0}.ccui-button--dangerous{color:var(--ccui-color-error,#ff4d4f);border-color:var(--ccui-color-error,#ff4d4f)}.ccui-button--dangerous:hover{color:var(--ccui-color-error-hover,#ff7875);border-color:var(--ccui-color-error-hover,#ff7875)}.ccui-button--dangerous:active{color:var(--ccui-color-error-active,#d9363e);border-color:var(--ccui-color-error-active,#d9363e)}.ccui-button--dangerous.ccui-button--primary{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-error,#ff4d4f);border-color:var(--ccui-color-error,#ff4d4f)}.ccui-button--dangerous.ccui-button--primary:hover{background-color:var(--ccui-color-error-hover,#ff7875);border-color:var(--ccui-color-error-hover,#ff7875)}.ccui-button--dangerous.ccui-button--primary:active{background-color:var(--ccui-color-error-active,#d9363e);border-color:var(--ccui-color-error-active,#d9363e)}.ccui-button--ghost{box-shadow:none;background-color:#0000}.ccui-button--ghost.ccui-button--primary{color:var(--ccui-color-primary,#1677ff);border-color:var(--ccui-color-primary,#1677ff);background-color:#0000}.ccui-button--ghost.ccui-button--primary:hover{color:var(--ccui-color-primary-hover,#4096ff);border-color:var(--ccui-color-primary-hover,#4096ff);background-color:#0000}.ccui-button--ghost.ccui-button--primary:active{color:var(--ccui-color-primary-active,#0958d9);border-color:var(--ccui-color-primary-active,#0958d9);background-color:#0000}.ccui-button--ghost.ccui-button--danger{background-color:#0000}.ccui-button--block{width:100%}.ccui-button--icon-end{flex-direction:row-reverse}.ccui-button--plain-primary{color:var(--ccui-color-primary,#1677ff);background-color:var(--ccui-color-primary-bg,#e6f4ff);border-color:var(--ccui-color-primary-border,#91caff)}.ccui-button--plain-primary:hover{color:var(--ccui-color-primary-active,#0958d9);background-color:var(--ccui-color-primary-bg-hover,#bae0ff);border-color:var(--ccui-color-primary-border-hover,#69b1ff)}.ccui-button--plain-primary:focus{color:var(--ccui-color-primary-active,#0958d9);background-color:var(--ccui-color-primary-bg-hover,#bae0ff);border-color:var(--ccui-color-primary-border-hover,#69b1ff);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-button--plain-primary:active{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-primary-active,#0958d9);border-color:var(--ccui-color-primary-active,#0958d9)}.ccui-button--plain-success{color:var(--ccui-color-success,#52c41a);background-color:var(--ccui-color-success-bg,#f6ffed);border-color:var(--ccui-color-success-border,#b7eb8f)}.ccui-button--plain-success:hover{color:var(--ccui-color-success-active,#389e0d);background-color:var(--ccui-color-success-bg,#f6ffed);border-color:var(--ccui-color-success,#52c41a)}.ccui-button--plain-success:focus{color:var(--ccui-color-success-active,#389e0d);background-color:var(--ccui-color-success-bg,#f6ffed);border-color:var(--ccui-color-success,#52c41a);box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a)}.ccui-button--plain-success:active{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-success-active,#389e0d);border-color:var(--ccui-color-success-active,#389e0d)}.ccui-button--plain-info{color:#909399;background-color:#f4f4f5;border-color:#dcdfe6}.ccui-button--plain-info:hover{color:#73767a;background-color:#f4f4f5;border-color:#73767a}.ccui-button--plain-info:focus{color:#73767a;box-shadow:0 0 0 2px var(--ccui-control-outline,#0591ff1a);background-color:#f4f4f5;border-color:#73767a}.ccui-button--plain-info:active{color:var(--ccui-color-text-light-solid,#fff);background-color:#73767a;border-color:#73767a}.ccui-button--plain-warning{color:var(--ccui-color-warning,#faad14);background-color:var(--ccui-color-warning-bg,#fffbe6);border-color:var(--ccui-color-warning-border,#ffe58f)}.ccui-button--plain-warning:hover{color:var(--ccui-color-warning-active,#d48806);background-color:var(--ccui-color-warning-bg,#fffbe6);border-color:var(--ccui-color-warning,#faad14)}.ccui-button--plain-warning:focus{color:var(--ccui-color-warning-active,#d48806);background-color:var(--ccui-color-warning-bg,#fffbe6);border-color:var(--ccui-color-warning,#faad14);box-shadow:0 0 0 2px var(--ccui-control-outline-warning,#ffd7051a)}.ccui-button--plain-warning:active{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-warning-active,#d48806);border-color:var(--ccui-color-warning-active,#d48806)}.ccui-button--plain-danger{color:var(--ccui-color-error,#ff4d4f);background-color:var(--ccui-color-error-bg,#fff2f0);border-color:var(--ccui-color-error-border,#ffccc7)}.ccui-button--plain-danger:hover{color:var(--ccui-color-error-active,#d9363e);background-color:var(--ccui-color-error-bg,#fff2f0);border-color:var(--ccui-color-error,#ff4d4f)}.ccui-button--plain-danger:focus{color:var(--ccui-color-error-active,#d9363e);background-color:var(--ccui-color-error-bg,#fff2f0);border-color:var(--ccui-color-error,#ff4d4f);box-shadow:0 0 0 2px var(--ccui-control-outline-error,#ff26050f)}.ccui-button--plain-danger:active{color:var(--ccui-color-text-light-solid,#fff);background-color:var(--ccui-color-error-active,#d9363e);border-color:var(--ccui-color-error-active,#d9363e)}.ccui-button--large{height:var(--ccui-control-height-lg,40px);font-size:var(--ccui-font-size-lg,16px);border-radius:var(--ccui-border-radius-lg,8px);padding:6px 15px}.ccui-button--small{height:var(--ccui-control-height-sm,24px);font-size:var(--ccui-font-size,14px);border-radius:var(--ccui-border-radius-sm,4px);padding:0 7px}.ccui-button.ccui-button--large.ccui-button--circle{width:var(--ccui-control-height-lg,40px);padding:0}.ccui-button.ccui-button--small.ccui-button--circle{width:var(--ccui-control-height-sm,24px);padding:0}.ccui-button--round{border-radius:100px}.ccui-button--circle{width:var(--ccui-control-height,32px);border-radius:50%;gap:0;padding:0}.ccui-button--circle .ccui-button__content:empty{display:none}.ccui-button--loading{cursor:default;opacity:.65;pointer-events:none}.ccui-button__content{justify-content:center;align-items:center;display:inline-flex}.ccui-button__icon{flex:none;justify-content:center;align-items:center;width:1em;height:1em;font-size:1.1em;line-height:1;display:inline-flex}.ccui-button__icon>svg{fill:currentColor;width:1em;height:1em}.ccui-button__loading-icon{vertical-align:middle;width:14px;height:14px;display:inline-block;position:relative}.ccui-button__loading-icon:before{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;animation:.8s linear infinite rotating;position:absolute;inset:0}.ccui-button i{line-height:1}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ccui-global-bg:#f5f5f5;--ccui-global-bg-normal:#fff;--ccui-base-bg:#fff;--ccui-base-bg-dark:#000000d9;--ccui-brand:#1677ff;--ccui-brand-foil:#e6f4ff;--ccui-brand-hover:#4096ff;--ccui-brand-active:#0958d9;--ccui-brand-active-focus:#003eb3;--ccui-contrast:#ff4d4f;--ccui-text:#000000e0;--ccui-text-weak:#000000a6;--ccui-aide-text:#00000073;--ccui-aide-text-stress:#000000a6;--ccui-placeholder:#00000040;--ccui-light-text:#fff;--ccui-dark-text:#000000e0;--ccui-link:#1677ff;--ccui-link-active:#0958d9;--ccui-link-light:#4096ff;--ccui-link-light-active:#69b1ff;--ccui-line:#d9d9d9;--ccui-dividing-line:#f0f0f0;--ccui-block:#fff;--ccui-area:#fafafa;--ccui-danger:#ff4d4f;--ccui-warning:#faad14;--ccui-waiting:#00000073;--ccui-success:#52c41a;--ccui-info:#1677ff;--ccui-initial:#e6f4ff;--ccui-unavailable:#f5f5f5;--ccui-shadow:#00000026;--ccui-light-shadow:#0000000f;--ccui-icon-text:#000000e0;--ccui-icon-bg:#fff;--ccui-icon-fill:#00000073;--ccui-icon-fill-hover:#000000a6;--ccui-icon-fill-active:#1677ff;--ccui-icon-fill-active-hover:#4096ff;--ccui-form-control-line:#d9d9d9;--ccui-form-control-line-hover:#4096ff;--ccui-form-control-line-active:#1677ff;--ccui-form-control-line-active-hover:#0958d9;--ccui-list-item-active-bg:#1677ff;--ccui-list-item-active-text:#fff;--ccui-list-item-active-hover-bg:#4096ff;--ccui-list-item-hover-bg:#0000000a;--ccui-list-item-hover-text:#1677ff;--ccui-list-item-selected-bg:#e6f4ff;--ccui-list-item-strip-bg:#fafafa;--ccui-disabled-bg:#0000000a;--ccui-disabled-line:#d9d9d9;--ccui-disabled-text:#00000040;--ccui-primary-disabled:#91caff;--ccui-icon-fill-active-disabled:#91caff;--ccui-label-bg:#fafafa;--ccui-connected-overlay-bg:#fff;--ccui-connected-overlay-line:#1677ff;--ccui-fullscreen-overlay-bg:#fff;--ccui-feedback-overlay-bg:#000000d9;--ccui-feedback-overlay-text:#fff;--ccui-embed-search-bg:#fafafa;--ccui-embed-search-bg-hover:#f0f0f0;--ccui-float-block-shadow:#1677ff29;--ccui-highlight-overlay:#fffc;--ccui-range-item-hover-bg:#e6f4ff;--ccui-primary:#1677ff;--ccui-primary-hover:#4096ff;--ccui-primary-active:#0958d9;--ccui-contrast-hover:#ff7875;--ccui-contrast-active:#d9363e;--ccui-secondary:#000000a6;--ccui-danger-line:#ffccc7;--ccui-danger-bg:#fff2f0;--ccui-warning-line:#ffe58f;--ccui-warning-bg:#fffbe6;--ccui-info-line:#91caff;--ccui-info-bg:#e6f4ff;--ccui-success-line:#b7eb8f;--ccui-success-bg:#f6ffed;--ccui-primary-line:#91caff;--ccui-primary-bg:#e6f4ff;--ccui-default-line:#d9d9d9;--ccui-default-bg:#fff;--ccui-font-size:14px;--ccui-font-size-card-title:16px;--ccui-font-size-page-title:20px;--ccui-font-size-modal-title:16px;--ccui-font-size-price:24px;--ccui-font-size-data-overview:30px;--ccui-font-size-icon:16px;--ccui-font-size-sm:12px;--ccui-font-size-md:14px;--ccui-font-size-lg:16px;--ccui-font-title-weight:600;--ccui-font-content-weight:400;--ccui-line-height-base:1.57143;--ccui-border-radius:6px;--ccui-border-radius-feedback:8px;--ccui-border-radius-card:8px;--ccui-shadow-length-base:0 1px 2px 0;--ccui-shadow-length-slide-left:-6px 0 16px 0;--ccui-shadow-length-slide-right:6px 0 16px 0;--ccui-shadow-length-connected-overlay:0 6px 16px 0;--ccui-shadow-length-hover:0 6px 16px 0;--ccui-shadow-length-feedback-overlay:0 6px 16px 0;--ccui-shadow-fullscreen-overlay:0 6px 16px 0;--ccui-animation-duration-slow:.3s;--ccui-animation-duration-base:.2s;--ccui-animation-duration-fast:.1s;--ccui-animation-ease-in:cubic-bezier(.7, 0, .84, 0);--ccui-animation-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-animation-ease-in-out:cubic-bezier(.78, .14, .15, .86);--ccui-animation-ease-in-smooth:cubic-bezier(.645, .045, .355, 1);--ccui-animation-linear:cubic-bezier(0, 0, 1, 1);--ccui-z-index-full-page-overlay:1080;--ccui-z-index-pop-up:1060;--ccui-z-index-dropdown:1052;--ccui-z-index-modal:1050;--ccui-z-index-drawer:1040;--ccui-z-index-framework:1000;--ccui-size-sm:24px;--ccui-size-md:32px;--ccui-size-lg:40px;--ccui-color-primary:#1677ff;--ccui-color-primary-hover:#4096ff;--ccui-color-primary-active:#0958d9;--ccui-color-primary-bg:#e6f4ff;--ccui-color-primary-bg-hover:#bae0ff;--ccui-color-primary-border:#91caff;--ccui-color-primary-border-hover:#69b1ff;--ccui-color-success:#52c41a;--ccui-color-success-hover:#73d13d;--ccui-color-success-active:#389e0d;--ccui-color-success-bg:#f6ffed;--ccui-color-success-border:#b7eb8f;--ccui-color-warning:#faad14;--ccui-color-warning-hover:#ffc53d;--ccui-color-warning-active:#d48806;--ccui-color-warning-bg:#fffbe6;--ccui-color-warning-border:#ffe58f;--ccui-color-error:#ff4d4f;--ccui-color-error-hover:#ff7875;--ccui-color-error-active:#d9363e;--ccui-color-error-bg:#fff2f0;--ccui-color-error-border:#ffccc7;--ccui-color-info:#1677ff;--ccui-color-info-hover:#4096ff;--ccui-color-info-bg:#e6f4ff;--ccui-color-info-border:#91caff;--ccui-color-text:#000000e0;--ccui-color-text-secondary:#000000a6;--ccui-color-text-tertiary:#00000073;--ccui-color-text-quaternary:#00000040;--ccui-color-text-disabled:#00000040;--ccui-color-text-placeholder:#00000040;--ccui-color-text-heading:#000000e0;--ccui-color-text-light-solid:#fff;--ccui-color-bg-base:#fff;--ccui-color-bg-container:#fff;--ccui-color-bg-elevated:#fff;--ccui-color-bg-layout:#f5f5f5;--ccui-color-bg-spotlight:#000000d9;--ccui-color-bg-mask:#00000073;--ccui-color-bg-text-hover:#0000000f;--ccui-color-bg-text-active:#00000026;--ccui-color-border:#d9d9d9;--ccui-color-border-secondary:#f0f0f0;--ccui-color-border-disabled:#0000000a;--ccui-color-split:#0505050f;--ccui-color-fill:#00000026;--ccui-color-fill-secondary:#0000000f;--ccui-color-fill-tertiary:#0000000a;--ccui-color-fill-quaternary:#00000005;--ccui-control-outline:#0591ff1a;--ccui-control-outline-error:#ff26050f;--ccui-control-outline-warning:#ffd7051a;--ccui-red-1:#fff1f0;--ccui-red-2:#ffccc7;--ccui-red-3:#ffa39e;--ccui-red-4:#ff7875;--ccui-red-5:#ff4d4f;--ccui-red-6:#f5222d;--ccui-red-7:#cf1322;--ccui-red-8:#a8071a;--ccui-red-9:#820014;--ccui-red-10:#5c0011;--ccui-volcano-1:#fff2e8;--ccui-volcano-2:#ffd8bf;--ccui-volcano-3:#ffbb96;--ccui-volcano-4:#ff9c6e;--ccui-volcano-5:#ff7a45;--ccui-volcano-6:#fa541c;--ccui-volcano-7:#d4380d;--ccui-volcano-8:#ad2102;--ccui-volcano-9:#871400;--ccui-volcano-10:#610b00;--ccui-orange-1:#fff7e6;--ccui-orange-2:#ffe7ba;--ccui-orange-3:#ffd591;--ccui-orange-4:#ffc069;--ccui-orange-5:#ffa940;--ccui-orange-6:#fa8c16;--ccui-orange-7:#d46b08;--ccui-orange-8:#ad4e00;--ccui-orange-9:#873800;--ccui-orange-10:#612500;--ccui-gold-1:#fffbe6;--ccui-gold-2:#fff1b8;--ccui-gold-3:#ffe58f;--ccui-gold-4:#ffd666;--ccui-gold-5:#ffc53d;--ccui-gold-6:#faad14;--ccui-gold-7:#d48806;--ccui-gold-8:#ad6800;--ccui-gold-9:#874d00;--ccui-gold-10:#613400;--ccui-yellow-1:#feffe6;--ccui-yellow-2:#ffffb8;--ccui-yellow-3:#fffb8f;--ccui-yellow-4:#fff566;--ccui-yellow-5:#ffec3d;--ccui-yellow-6:#fadb14;--ccui-yellow-7:#d4b106;--ccui-yellow-8:#ad8b00;--ccui-yellow-9:#876800;--ccui-yellow-10:#614700;--ccui-lime-1:#fcffe6;--ccui-lime-2:#f4ffb8;--ccui-lime-3:#eaff8f;--ccui-lime-4:#d3f261;--ccui-lime-5:#bae637;--ccui-lime-6:#a0d911;--ccui-lime-7:#7cb305;--ccui-lime-8:#5b8c00;--ccui-lime-9:#3f6600;--ccui-lime-10:#254000;--ccui-green-1:#f6ffed;--ccui-green-2:#d9f7be;--ccui-green-3:#b7eb8f;--ccui-green-4:#95de64;--ccui-green-5:#73d13d;--ccui-green-6:#52c41a;--ccui-green-7:#389e0d;--ccui-green-8:#237804;--ccui-green-9:#135200;--ccui-green-10:#092b00;--ccui-cyan-1:#e6fffb;--ccui-cyan-2:#b5f5ec;--ccui-cyan-3:#87e8de;--ccui-cyan-4:#5cdbd3;--ccui-cyan-5:#36cfc9;--ccui-cyan-6:#13c2c2;--ccui-cyan-7:#08979c;--ccui-cyan-8:#006d75;--ccui-cyan-9:#00474f;--ccui-cyan-10:#002329;--ccui-blue-1:#e6f4ff;--ccui-blue-2:#bae0ff;--ccui-blue-3:#91caff;--ccui-blue-4:#69b1ff;--ccui-blue-5:#4096ff;--ccui-blue-6:#1677ff;--ccui-blue-7:#0958d9;--ccui-blue-8:#003eb3;--ccui-blue-9:#002c8c;--ccui-blue-10:#001d66;--ccui-geekblue-1:#f0f5ff;--ccui-geekblue-2:#d6e4ff;--ccui-geekblue-3:#adc6ff;--ccui-geekblue-4:#85a5ff;--ccui-geekblue-5:#597ef7;--ccui-geekblue-6:#2f54eb;--ccui-geekblue-7:#1d39c4;--ccui-geekblue-8:#10239e;--ccui-geekblue-9:#061178;--ccui-geekblue-10:#030852;--ccui-purple-1:#f9f0ff;--ccui-purple-2:#efdbff;--ccui-purple-3:#d3adf7;--ccui-purple-4:#b37feb;--ccui-purple-5:#9254de;--ccui-purple-6:#722ed1;--ccui-purple-7:#531dab;--ccui-purple-8:#391085;--ccui-purple-9:#22075e;--ccui-purple-10:#120338;--ccui-magenta-1:#fff0f6;--ccui-magenta-2:#ffd6e7;--ccui-magenta-3:#ffadd2;--ccui-magenta-4:#ff85c0;--ccui-magenta-5:#f759ab;--ccui-magenta-6:#eb2f96;--ccui-magenta-7:#c41d7f;--ccui-magenta-8:#9e1068;--ccui-magenta-9:#780650;--ccui-magenta-10:#520339;--ccui-pink-1:#fff0f6;--ccui-pink-6:#eb2f96;--ccui-border-radius-lg:8px;--ccui-border-radius-sm:4px;--ccui-border-radius-xs:2px;--ccui-border-radius-outer:4px;--ccui-font-size-xl:20px;--ccui-font-size-heading-1:38px;--ccui-font-size-heading-2:30px;--ccui-font-size-heading-3:24px;--ccui-font-size-heading-4:20px;--ccui-font-size-heading-5:16px;--ccui-line-height-lg:1.5;--ccui-line-height-sm:1.66;--ccui-line-height-heading-1:1.21052;--ccui-line-height-heading-2:1.26666;--ccui-line-height-heading-3:1.33333;--ccui-line-height-heading-4:1.4;--ccui-line-height-heading-5:1.5;--ccui-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ccui-font-family-code:SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;--ccui-control-height:32px;--ccui-control-height-sm:24px;--ccui-control-height-lg:40px;--ccui-control-height-xs:16px;--ccui-box-shadow:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-secondary:0 6px 16px 0 #00000014, 0 3px 6px -4px #0000001f, 0 9px 28px 8px #0000000d;--ccui-box-shadow-tertiary:0 1px 2px 0 #00000008, 0 1px 6px -1px #00000005, 0 2px 4px 0 #00000005;--ccui-motion-duration-slow:.3s;--ccui-motion-duration-mid:.2s;--ccui-motion-duration-fast:.1s;--ccui-motion-ease-in-out:cubic-bezier(.645, .045, .355, 1);--ccui-motion-ease-out:cubic-bezier(.215, .61, .355, 1);--ccui-motion-ease-in:cubic-bezier(.55, .055, .675, .19);--ccui-motion-ease-out-back:cubic-bezier(.12, .4, .29, 1.46);--ccui-motion-ease-in-back:cubic-bezier(.71, -.46, .88, .6);--ccui-motion-ease-out-circ:cubic-bezier(.08, .82, .17, 1);--ccui-motion-ease-in-out-circ:cubic-bezier(.78, .14, .15, .86);--ccui-padding-xxs:4px;--ccui-padding-xs:8px;--ccui-padding-sm:12px;--ccui-padding:16px;--ccui-padding-md:20px;--ccui-padding-lg:24px;--ccui-padding-xl:32px;--ccui-margin-xxs:4px;--ccui-margin-xs:8px;--ccui-margin-sm:12px;--ccui-margin:16px;--ccui-margin-md:20px;--ccui-margin-lg:24px;--ccui-margin-xl:32px}.ccui-button-group{vertical-align:middle;display:inline-flex}.ccui-button-group>.ccui-button{position:relative}.ccui-button-group>.ccui-button+.ccui-button{margin-inline-start:-1px}.ccui-button-group>.ccui-button:not(:first-child):not(:last-child){border-radius:0}.ccui-button-group>.ccui-button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.ccui-button-group>.ccui-button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.ccui-button-group>.ccui-button:hover,.ccui-button-group>.ccui-button:focus,.ccui-button-group>.ccui-button:active{z-index:2}
+/*$vite$:1*/