@indielayer/ui 1.18.1 → 2.1.0

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,12 +1,13 @@
 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;
+        description: string;
     };
 };
 export type ScrollProps = ExtractPublicPropTypes<typeof scrollProps>;
@@ -14,27 +15,26 @@ 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;
+        description: string;
     };
 }>, {
     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;
+        description: string;
     };
 }>> & 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,53 @@
+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",
+	docs: {
+		slots: { default: "Scrollable content." },
+		methods: { scrollEl: "Ref to the inner scrollable element." }
+	},
+	props: {
+		shadow: t("Shows edge shadows when more content can be scrolled."),
+		horizontal: t("Scrolls horizontally instead of vertically."),
+		mousewheel: t("Maps vertical mouse wheel to horizontal scroll when `horizontal` is set."),
+		scrollbar: {
+			type: Boolean,
+			default: !0,
+			description: "Shows the native scrollbar. Set false to hide it."
+		}
+	},
+	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 };