@indielayer/ui 1.18.1 → 2.0.0

package/lib/components/radioButton/RadioButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+import { useColors as e } from "../../composables/useColors.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { variantBooleanProps as n } from "../../common/props.js";
+import { useCommon as r } from "../../composables/useCommon.js";
+import { useInteractive as i } from "../../composables/useInteractive.js";
+import { useInputtable as a } from "../../composables/useInputtable.js";
+import { computed as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, vModelRadio as v, withDirectives as y, withKeys as b, withModifiers as x } from "vue";
+//#region src/components/radioButton/RadioButton.vue?vue&type=script&setup=true&lang.ts
+var S = [
+	"aria-pressed",
+	"aria-disabled",
+	"onKeypress"
+], C = [
+	"name",
+	"required",
+	"disabled"
+], w = {
+	...r.props(),
+	...e.props("primary"),
+	...i.props(),
+	...a.props(),
+	value: [String, Number],
+	...n()
+}, T = /* @__PURE__ */ u({
+	name: "XRadioButton",
+	validators: { ...r.validators() },
+	props: w,
+	emits: a.emits(!1),
+	setup(e, { expose: n, emit: r }) {
+		let u = e, w = r, T = m(null), { focus: E, blur: D } = i(T), { errorInternal: O, hideFooterInternal: k, isInsideForm: A, isInsideFormGroup: j, isFirstValidation: M, formGroup: N, reset: P, validate: F, setError: I } = a(u, {
+			focus: E,
+			emit: w,
+			withListeners: !1,
+			formGroupJoined: !0
+		}), L = o({
+			get() {
+				let e = _(N.value);
+				return j ? e === u.value : u.value === u.modelValue;
+			},
+			set() {
+				w("update:modelValue", u.value), N.setValue(u.value);
+			}
+		});
+		function R() {
+			u.disabled || u.loading || (w("update:modelValue", u.value), N.setValue(u.value));
+		}
+		let { styles: z, classes: B, className: V } = t("RadioButton", {}, u, {
+			selected: L,
+			isInsideFormGroup: j
+		});
+		return n({
+			focus: E,
+			blur: D,
+			reset: P,
+			validate: F,
+			setError: I
+		}), (e, t) => (p(), s("label", {
+			ref_key: "elRef",
+			ref: T,
+			tabindex: "0",
+			"aria-pressed": L.value ? "true" : "false",
+			"aria-disabled": e.disabled || e.loading ? "true" : void 0,
+			style: f(_(z)),
+			class: d([
+				_(V),
+				e.$style.btn,
+				_(j) ? e.$style["btn--grouped"] : "",
+				_(B).wrapper
+			]),
+			onClick: R,
+			onKeypress: b(x(R, ["prevent", "stop"]), ["space"])
+		}, [y(c("input", {
+			"onUpdate:modelValue": t[0] ||= (e) => L.value = e,
+			name: e.name,
+			required: e.required,
+			disabled: e.disabled || e.loading,
+			type: "radio",
+			class: "invisible absolute"
+		}, null, 8, C), [[v, L.value]]), h(e.$slots, "default", {}, () => [l(g(e.label), 1)])], 46, S));
+	}
+});
+//#endregion
+export { T as default };

package/lib/components/radioButton/RadioButton.vue_vue_type_style_index_0_lang.module.js

@@ -0,0 +1,6 @@
+var e = {
+	btn: "_btn_d9ydo_2",
+	"btn--grouped": "_btn--grouped_d9ydo_14"
+};
+//#endregion
+export { e as default };

package/lib/components/radioButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XRadioButton } from './RadioButton.vue';
+export type { RadioButtonProps, RadioButtonTheme } from './RadioButton.vue';

package/lib/components/radioButton/theme/RadioButton.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioButtonTheme } from '../RadioButton.vue';
+declare const theme: RadioButtonTheme;
+export default theme;

package/lib/components/radioButton/theme/RadioButton.base.theme.js

@@ -0,0 +1,110 @@
+//#region src/components/radioButton/theme/RadioButton.base.theme.ts
+var e = {
+	classes: { wrapper({ props: e, data: t }) {
+		let n = [
+			"relative inline-flex items-center justify-center cursor-pointer select-none",
+			"transition duration-150 font-medium whitespace-nowrap border",
+			"focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-secondary-300",
+			"active:!shadow-none"
+		];
+		return e.size === "xs" ? n.push("py-1 px-2 text-xs") : e.size === "sm" ? n.push("py-1.5 px-3 text-sm") : e.size === "lg" ? n.push("py-3 px-5 text-lg") : e.size === "xl" ? n.push("py-4 px-6 text-xl") : n.push("py-2 px-4 text-sm"), t.isInsideFormGroup || n.push(e.rounded ? "rounded-full" : "rounded-md"), !e.flat && !e.light && !e.ghost && !e.disabled && !e.loading && n.push("shadow-xs"), e.disabled ? n.push("cursor-not-allowed") : e.loading && n.push("cursor-default"), n;
+	} },
+	styles({ props: e, colors: t, css: n, data: r }) {
+		let i = t.getPalette("gray"), a = t.getPalette(e.color), o = e.color && e.light;
+		return e.disabled ? o ? n.variables({
+			bg: a[50],
+			text: a[200],
+			border: "transparent",
+			dark: {
+				bg: i[800],
+				text: a[900],
+				border: "transparent"
+			}
+		}) : n.variables({
+			bg: i[50],
+			text: i[300],
+			border: i[200],
+			dark: {
+				bg: i[900],
+				text: i[600],
+				border: i[700]
+			}
+		}) : o ? r.selected ? n.variables({
+			bg: a[500],
+			text: "#fff",
+			border: e.outlined ? a[600] : "transparent",
+			hover: { bg: a[600] },
+			dark: {
+				bg: a[600],
+				text: "#fff",
+				border: e.outlined ? a[700] : "transparent",
+				hover: { bg: a[700] }
+			}
+		}) : n.variables({
+			bg: a[50],
+			text: a[600],
+			border: e.outlined ? a[500] : "transparent",
+			hover: { bg: a[100] },
+			active: { bg: a[200] },
+			dark: {
+				bg: a[900],
+				text: a[200],
+				border: e.outlined ? a[500] : "transparent",
+				hover: { bg: a[800] },
+				active: { bg: a[700] }
+			}
+		}) : e.outlined ? r.selected ? n.variables({
+			bg: a[500],
+			text: "#fff",
+			border: a[600],
+			hover: { bg: a[600] },
+			dark: {
+				bg: a[600],
+				text: "#fff",
+				border: a[700],
+				hover: { bg: a[700] }
+			}
+		}) : n.variables({
+			text: a[600],
+			border: a[600],
+			hover: { bg: a[100] },
+			active: { bg: a[200] },
+			dark: {
+				text: a[500],
+				border: a[500],
+				hover: { bg: i[800] },
+				active: { bg: i[700] }
+			}
+		}) : r.selected ? n.variables({
+			bg: a[500],
+			text: "#fff",
+			border: a[600],
+			hover: { bg: a[600] },
+			dark: {
+				bg: a[600],
+				text: "#fff",
+				border: a[700],
+				hover: { bg: a[700] }
+			}
+		}) : n.variables({
+			bg: "#fff",
+			text: i[700],
+			border: i[300],
+			hover: {
+				bg: i[50],
+				border: i[400]
+			},
+			dark: {
+				bg: i[800],
+				text: i[300],
+				border: i[600],
+				hover: {
+					bg: i[700],
+					border: i[500]
+				}
+			}
+		});
+	}
+};
+//#endregion
+export { e as default };

package/lib/components/radioButton/theme/RadioButton.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { RadioButtonTheme } from '../RadioButton.vue';
+declare const theme: RadioButtonTheme;
+export default theme;

package/lib/components/radioButton/theme/RadioButton.carbon.theme.js

@@ -0,0 +1,15 @@
+import e from "./RadioButton.base.theme.js";
+//#region src/components/radioButton/theme/RadioButton.carbon.theme.ts
+var t = {
+	classes: { wrapper({ props: e, data: t }) {
+		let n = [
+			"relative inline-flex items-center justify-center cursor-pointer select-none",
+			"transition duration-150 font-light whitespace-nowrap border text-sm tracking-wide",
+			"active:!shadow-none"
+		];
+		return e.size === "xs" ? n.push("py-1 px-2") : e.size === "sm" ? n.push("py-1.5 px-3") : e.size === "lg" ? n.push("py-3 px-5") : e.size === "xl" ? n.push("py-4 px-6") : n.push("py-2 px-4"), t.isInsideFormGroup || n.push(e.rounded ? "rounded-full" : ""), e.disabled ? n.push("cursor-not-allowed") : e.loading && n.push("cursor-default"), n;
+	} },
+	styles: e.styles
+};
+//#endregion
+export { t as default };

package/lib/components/scroll/Scroll.js

@@ -0,0 +1,6 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./Scroll.vue_vue_type_script_setup_true_lang.js";
+import n from "./Scroll.vue_vue_type_style_index_0_lang.module.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }]]);
+//#endregion
+export { r as default };

package/lib/components/scroll/Scroll.vue.d.ts

@@ -1,9 +1,9 @@
 import { type ExtractPublicPropTypes, type Ref } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const scrollProps: {
-    shadow: BooleanConstructor;
-    horizontal: BooleanConstructor;
-    mousewheel: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    horizontal: import("vue").Prop<boolean | undefined>;
+    mousewheel: import("vue").Prop<boolean | undefined>;
     scrollbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -14,9 +14,9 @@ type InternalClasses = 'wrapper';
 export interface ScrollTheme extends ThemeComponent<ScrollProps, InternalClasses> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    shadow: BooleanConstructor;
-    horizontal: BooleanConstructor;
-    mousewheel: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    horizontal: import("vue").Prop<boolean | undefined>;
+    mousewheel: import("vue").Prop<boolean | undefined>;
     scrollbar: {
         type: BooleanConstructor;
         default: boolean;
@@ -24,17 +24,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>, {
     scrollEl: Ref<HTMLElement | null, HTMLElement | null>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    shadow: BooleanConstructor;
-    horizontal: BooleanConstructor;
-    mousewheel: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    horizontal: import("vue").Prop<boolean | undefined>;
+    mousewheel: import("vue").Prop<boolean | undefined>;
     scrollbar: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
-    shadow: boolean;
-    horizontal: boolean;
-    mousewheel: boolean;
     scrollbar: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;

package/lib/components/scroll/Scroll.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { optionalBooleanProp as t } from "../../common/props.js";
+import { useEventListener as n, useResizeObserver as r, useScroll as i } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderSlot as f, toRefs as p, unref as m } from "vue";
+//#region src/components/scroll/Scroll.vue?vue&type=script&setup=true&lang.ts
+var h = /* @__PURE__ */ s({
+	name: "XScroll",
+	props: {
+		shadow: t(),
+		horizontal: t(),
+		mousewheel: t(),
+		scrollbar: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(t, { expose: s }) {
+		let h = t, g = d(null), { arrivedState: _ } = i(g), { left: v, right: y, top: b, bottom: x } = p(_);
+		r(g, S), h.horizontal && h.mousewheel && n(g, "wheel", (e) => {
+			!g.value || g.value.scrollWidth <= g.value.clientWidth || (e.preventDefault(), g.value.scrollLeft += e.deltaY + e.deltaX);
+		});
+		function S() {
+			g.value?.dispatchEvent(new CustomEvent("scroll"));
+		}
+		let { styles: C, classes: w, className: T } = e("Scroll", {}, h);
+		return s({ scrollEl: g }), (e, t) => (u(), a("div", {
+			class: c(["flex relative overflow-hidden max-w-full max-h-full", [
+				m(T),
+				m(w).wrapper,
+				e.$style.scrollwrap,
+				e.horizontal ? [e.$style.horizontal, {
+					[e.$style["shadow-left"]]: !m(v),
+					[e.$style["shadow-right"]]: !m(y)
+				}] : [e.$style.vertical, {
+					[e.$style["shadow-top"]]: !m(b),
+					[e.$style["shadow-bottom"]]: !m(x)
+				}]
+			]]),
+			style: l(m(C))
+		}, [o("div", {
+			ref_key: "scrollEl",
+			ref: g,
+			class: c(["relative overflow-auto w-full", [[e.horizontal ? "overflow-x-auto" : "overflow-y-auto"], { [e.$style.hidescroll]: !e.scrollbar }]])
+		}, [f(e.$slots, "default")], 2)], 6));
+	}
+});
+//#endregion
+export { h as default };

package/lib/components/scroll/Scroll.vue_vue_type_style_index_0_lang.module.js

@@ -0,0 +1,12 @@
+var e = {
+	scrollwrap: "_scrollwrap_12093_2",
+	horizontal: "_horizontal_12093_12",
+	vertical: "_vertical_12093_19",
+	"shadow-left": "_shadow-left_12093_42",
+	"shadow-right": "_shadow-right_12093_46",
+	"shadow-top": "_shadow-top_12093_50",
+	"shadow-bottom": "_shadow-bottom_12093_54",
+	hidescroll: "_hidescroll_12093_59"
+};
+//#endregion
+export { e as default };

package/lib/components/scroll/theme/Scroll.base.theme.js

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: ""
-  }
-}, s = e;
-export {
-  s as default
-};
+//#region src/components/scroll/theme/Scroll.base.theme.ts
+var e = { classes: { wrapper: "" } };
+//#endregion
+export { e as default };

package/lib/components/scroll/theme/Scroll.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Scroll.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/scroll/theme/Scroll.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/select/Select.js

@@ -0,0 +1,5 @@
+import e from "./Select.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/select/Select.vue
+var t = e;
+//#endregion
+export { t as default };