@cfasim-ui/components 0.6.4 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfasim-ui/components",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "type": "module",
   "description": "Vue 3 UI components for cfasim-ui",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     "smol-toml": "^1.6.1",
     "vue-codemirror": "^6.1.1",
     "yaml": "^2.9.0",
-    "@cfasim-ui/shared": "0.6.4"
+    "@cfasim-ui/shared": "0.7.0"
   },
   "peerDependencies": {
     "vue": "^3.5.0"

package/dist/SelectBox-Bg7Qhmy7.js

@@ -1,219 +0,0 @@
-import { Fragment as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
-import { ComboboxAnchor as v, ComboboxContent as y, ComboboxEmpty as b, ComboboxInput as x, ComboboxItem as S, ComboboxItemIndicator as C, ComboboxPortal as w, ComboboxRoot as T, ComboboxTrigger as E, ComboboxViewport as D, Primitive as O, SelectContent as k, SelectItem as A, SelectItemIndicator as j, SelectItemText as M, SelectPortal as N, SelectRoot as P, SelectTrigger as F, SelectValue as I, SelectViewport as L, useId as R } from "reka-ui";
-//#region src/Box/Box.vue?vue&type=script&setup=true&lang.ts
-var z = ["role"], B = /* @__PURE__ */ s({
-	__name: "Box",
-	props: {
-		variant: {},
-		bgColor: {},
-		textColor: {},
-		role: {}
-	},
-	setup(e) {
-		return (t, n) => (d(), r("div", {
-			class: l(["box", e.variant ? `box-${e.variant}` : void 0]),
-			style: u({
-				backgroundColor: e.bgColor,
-				color: e.textColor
-			}),
-			role: e.role
-		}, [p(t.$slots, "default", {}, void 0, !0)], 14, z));
-	}
-}), V = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, H = /* @__PURE__ */ V(B, [["__scopeId", "data-v-d7342c02"]]), U = /* @__PURE__ */ V(/* @__PURE__ */ s({
-	__name: "Button",
-	props: {
-		label: {},
-		variant: { default: "primary" },
-		asChild: { type: Boolean },
-		as: { default: "button" }
-	},
-	emits: ["click"],
-	setup(e) {
-		return (n, r) => (d(), t(h(O), {
-			class: "button",
-			"data-variant": e.variant,
-			as: e.as,
-			"as-child": e.asChild,
-			onClick: r[0] ||= (e) => n.$emit("click", e)
-		}, {
-			default: _(() => [p(n.$slots, "default", {}, () => [a(m(e.label), 1)], !0)]),
-			_: 3
-		}, 8, [
-			"data-variant",
-			"as",
-			"as-child"
-		]));
-	}
-}), [["__scopeId", "data-v-250eab18"]]), W = { class: "select-box" }, G = ["id", "for"], K = /* @__PURE__ */ V(/* @__PURE__ */ s({
-	__name: "SelectBox",
-	props: /* @__PURE__ */ c({
-		label: {},
-		hideLabel: { type: Boolean },
-		ariaLabel: {},
-		options: {},
-		placeholder: {},
-		autocomplete: { type: Boolean }
-	}, {
-		modelValue: {},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(s) {
-		let c = g(s, "modelValue"), u = s, p = R();
-		function O(e) {
-			return u.options.find((t) => t.value === e)?.label ?? "";
-		}
-		return (g, R) => (d(), r("div", W, [s.label ? (d(), r("label", {
-			key: 0,
-			id: `${h(p)}-label`,
-			for: s.autocomplete ? `${h(p)}-input` : void 0,
-			class: l(["select-label", { "visually-hidden": s.hideLabel }])
-		}, m(s.label), 11, G)) : n("", !0), s.autocomplete ? (d(), t(h(T), {
-			key: 1,
-			modelValue: c.value,
-			"onUpdate:modelValue": R[0] ||= (e) => c.value = e,
-			"open-on-click": "",
-			class: "select-combobox-root"
-		}, {
-			default: _(() => [o(h(v), { class: "select-anchor" }, {
-				default: _(() => [o(h(x), {
-					id: `${h(p)}-input`,
-					class: "select-input",
-					"display-value": O,
-					placeholder: s.placeholder,
-					"aria-labelledby": u.label ? `${h(p)}-label` : void 0,
-					"aria-label": u.label ? void 0 : u.ariaLabel
-				}, null, 8, [
-					"id",
-					"placeholder",
-					"aria-labelledby",
-					"aria-label"
-				]), o(h(E), {
-					class: "select-icon-button",
-					"aria-label": "Toggle options"
-				}, {
-					default: _(() => [...R[2] ||= [i("span", {
-						class: "select-icon",
-						"aria-hidden": "true"
-					}, [i("svg", {
-						width: "12",
-						height: "12",
-						viewBox: "0 0 12 12",
-						fill: "none",
-						stroke: "currentColor",
-						"stroke-width": "2",
-						"stroke-linecap": "round",
-						"stroke-linejoin": "round"
-					}, [i("path", { d: "M3 4.5L6 7.5L9 4.5" })])], -1)]]),
-					_: 1
-				})]),
-				_: 1
-			}), o(h(w), null, {
-				default: _(() => [o(h(y), {
-					class: "select-content select-content-autocomplete",
-					position: "popper",
-					"side-offset": 4,
-					"body-lock": !1
-				}, {
-					default: _(() => [o(h(D), { class: "select-viewport" }, {
-						default: _(() => [o(h(b), { class: "select-empty" }, {
-							default: _(() => [...R[3] ||= [a("No matches", -1)]]),
-							_: 1
-						}), (d(!0), r(e, null, f(s.options, (e) => (d(), t(h(S), {
-							key: e.value,
-							value: e.value,
-							class: "select-item"
-						}, {
-							default: _(() => [i("span", null, m(e.label), 1), o(h(C), { class: "select-indicator" }, {
-								default: _(() => [...R[4] ||= [i("svg", {
-									width: "12",
-									height: "12",
-									viewBox: "0 0 12 12",
-									fill: "none",
-									stroke: "currentColor",
-									"stroke-width": "2",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								}, [i("path", { d: "M2 6L5 9L10 3" })], -1)]]),
-								_: 1
-							})]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["modelValue"])) : (d(), t(h(P), {
-			key: 2,
-			modelValue: c.value,
-			"onUpdate:modelValue": R[1] ||= (e) => c.value = e
-		}, {
-			default: _(() => [o(h(F), {
-				class: "select-trigger",
-				"aria-labelledby": u.label ? `${h(p)}-label` : void 0,
-				"aria-label": u.label ? void 0 : u.ariaLabel
-			}, {
-				default: _(() => [o(h(I), { placeholder: s.placeholder }, null, 8, ["placeholder"]), R[5] ||= i("span", {
-					class: "select-icon",
-					"aria-hidden": "true"
-				}, [i("svg", {
-					width: "12",
-					height: "12",
-					viewBox: "0 0 12 12",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "2",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [i("path", { d: "M3 4.5L6 7.5L9 4.5" })])], -1)]),
-				_: 1
-			}, 8, ["aria-labelledby", "aria-label"]), o(h(N), null, {
-				default: _(() => [o(h(k), {
-					class: "select-content",
-					position: "popper",
-					"side-offset": 4,
-					"body-lock": !1
-				}, {
-					default: _(() => [o(h(L), { class: "select-viewport" }, {
-						default: _(() => [(d(!0), r(e, null, f(s.options, (e) => (d(), t(h(A), {
-							key: e.value,
-							value: e.value,
-							class: "select-item"
-						}, {
-							default: _(() => [o(h(M), null, {
-								default: _(() => [a(m(e.label), 1)]),
-								_: 2
-							}, 1024), o(h(j), { class: "select-indicator" }, {
-								default: _(() => [...R[6] ||= [i("svg", {
-									width: "12",
-									height: "12",
-									viewBox: "0 0 12 12",
-									fill: "none",
-									stroke: "currentColor",
-									"stroke-width": "2",
-									"stroke-linecap": "round",
-									"stroke-linejoin": "round"
-								}, [i("path", { d: "M2 6L5 9L10 3" })], -1)]]),
-								_: 1
-							})]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 1
-			})]),
-			_: 1
-		}, 8, ["modelValue"]))]));
-	}
-}), [["__scopeId", "data-v-6210bde2"]]);
-//#endregion
-export { V as i, U as n, H as r, K as t };