sard 1.0.0 → 1.0.2

package/components/barcode/barcode.js

@@ -0,0 +1,227 @@
+import { createBem } from "../../utils/bem.js";
+import { barcode, calculateBarcodeLayout } from "../../utils/barcode.js";
+import { measureTextWidth } from "../../utils/canvas.js";
+import { defaultBarcodeProps } from "./common.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeDefaults, nextTick, normalizeClass, normalizeStyle, openBlock, ref, useTemplateRef, watch } from "vue";
+//#region packages/sard/components/barcode/barcode.vue
+const _hoisted_1 = ["width", "height"];
+var barcode_default = /*@__PURE__*/ defineComponent({
+	__name: "barcode",
+	props: /*@__PURE__*/ mergeDefaults({
+		value: {
+			type: String,
+			required: false
+		},
+		format: {
+			type: null,
+			required: false
+		},
+		width: {
+			type: Number,
+			required: false
+		},
+		height: {
+			type: Number,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		background: {
+			type: String,
+			required: false
+		},
+		displayValue: {
+			type: Boolean,
+			required: false
+		},
+		textPosition: {
+			type: null,
+			required: false
+		},
+		textAlign: {
+			type: String,
+			required: false
+		},
+		textMargin: {
+			type: Number,
+			required: false
+		},
+		fontStyle: {
+			type: [String, Object],
+			required: false
+		},
+		fontWeight: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			required: false
+		},
+		fontSize: {
+			type: Number,
+			required: false
+		},
+		fontFamily: {
+			type: String,
+			required: false
+		},
+		margin: {
+			type: Number,
+			required: false
+		},
+		marginTop: {
+			type: Number,
+			required: false
+		},
+		marginBottom: {
+			type: Number,
+			required: false
+		},
+		marginLeft: {
+			type: Number,
+			required: false
+		},
+		marginRight: {
+			type: Number,
+			required: false
+		}
+	}, defaultBarcodeProps),
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("barcode");
+		const canvasRef = useTemplateRef("canvas");
+		const contextRef = computed(() => canvasRef.value?.getContext("2d"));
+		const dpr = window.devicePixelRatio;
+		const canvasWidth = ref(0);
+		const canvasHeight = ref(0);
+		const barcodeEncodings = computed(() => {
+			if (!props.value) return [];
+			try {
+				return barcode(props.value, {
+					format: props.format,
+					width: props.width,
+					height: props.height,
+					color: props.color,
+					background: props.background,
+					displayValue: props.displayValue,
+					textPosition: props.textPosition,
+					textAlign: props.textAlign,
+					textMargin: props.textMargin,
+					fontStyle: props.fontStyle,
+					fontWeight: props.fontWeight,
+					fontSize: props.fontSize,
+					fontFamily: props.fontFamily,
+					margin: props.margin,
+					marginTop: props.marginTop,
+					marginBottom: props.marginBottom,
+					marginLeft: props.marginLeft,
+					marginRight: props.marginRight
+				});
+			} catch {
+				return [];
+			}
+		});
+		function drawBarcodeSegment(context, xOffset, segment) {
+			const { options } = segment;
+			const yOffset = options.textPosition === "top" && options.displayValue ? options.marginTop + options.fontSize + options.textMargin : options.marginTop;
+			context.fillStyle = options.lineColor;
+			for (let index = 0; index < segment.data.length; index++) {
+				const bar = segment.data[index];
+				const ratio = Number(bar);
+				if (!ratio) continue;
+				context.fillRect(xOffset + segment.barcodePadding + index * options.width, yOffset, options.width, options.height * ratio);
+			}
+		}
+		function drawBarcodeText(context, xOffset, segment) {
+			const { options } = segment;
+			if (!options.displayValue || !segment.text) return;
+			const { fontStyle, fontWeight, fontSize, fontFamily } = options;
+			context.font = [
+				fontStyle,
+				fontWeight,
+				fontSize + "px",
+				fontFamily
+			].filter(Boolean).join(" ");
+			context.fillStyle = options.lineColor;
+			context.textBaseline = "top";
+			context.textAlign = "left";
+			let textX = xOffset;
+			if (options.textAlign === "center") textX += (segment.width - segment.textWidth) / 2;
+			else if (options.textAlign === "right") textX += segment.width - segment.textWidth;
+			const textY = options.textPosition === "top" ? options.marginTop : options.marginTop + options.height + options.textMargin;
+			context.fillText(segment.text, textX, textY);
+		}
+		const drawBarcode = async () => {
+			const context = contextRef.value;
+			const canvas = canvasRef.value;
+			if (!context || !canvas) return;
+			if (!barcodeEncodings.value.length) return;
+			const layout = calculateBarcodeLayout(barcodeEncodings.value, (text, options) => measureTextWidth(context, text, options));
+			const nextCanvasWidth = layout.width * dpr;
+			const nextCanvasHeight = layout.height * dpr;
+			if (canvasWidth.value !== nextCanvasWidth || canvasHeight.value !== nextCanvasHeight) {
+				canvasWidth.value = nextCanvasWidth;
+				canvasHeight.value = nextCanvasHeight;
+				await nextTick();
+			}
+			context.setTransform(dpr, 0, 0, dpr, 0, 0);
+			context.clearRect(0, 0, canvasWidth.value, canvasHeight.value);
+			context.fillStyle = props.background;
+			context.fillRect(0, 0, canvasWidth.value, canvasHeight.value);
+			let xOffset = layout.segments[0]?.options.marginLeft ?? 0;
+			layout.segments.forEach((segment) => {
+				drawBarcodeSegment(context, xOffset, segment);
+				drawBarcodeText(context, xOffset, segment);
+				xOffset += segment.width;
+			});
+		};
+		watch([
+			contextRef,
+			() => props.value,
+			() => props.format,
+			() => props.width,
+			() => props.height,
+			() => props.color,
+			() => props.background,
+			() => props.displayValue,
+			() => props.textPosition,
+			() => props.textAlign,
+			() => props.textMargin,
+			() => props.fontStyle,
+			() => props.fontWeight,
+			() => props.fontSize,
+			() => props.fontFamily,
+			() => props.margin,
+			() => props.marginTop,
+			() => props.marginBottom,
+			() => props.marginLeft,
+			() => props.marginRight
+		], () => {
+			drawBarcode();
+		}, { flush: "post" });
+		const barcodeClass = computed(() => {
+			return [bem.b()];
+		});
+		const barcodeStyle = computed(() => {
+			return {
+				width: canvasWidth.value / dpr + "px",
+				height: canvasHeight.value / dpr + "px"
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(barcodeClass.value),
+				style: normalizeStyle(barcodeStyle.value)
+			}, [createElementVNode("canvas", {
+				ref: "canvas",
+				width: canvasWidth.value,
+				height: canvasHeight.value
+			}, null, 8, _hoisted_1)], 6);
+		};
+	}
+});
+//#endregion
+export { barcode_default as default };

package/components/barcode/common.d.ts

@@ -0,0 +1,26 @@
+import { type CanvasTextAlign, type BarcodeFormat, type BarcodeTextPosition, type CanvasFontStyle, type CanvasFontWeight } from '../../utils';
+import { type DefaultProps } from '../config';
+export interface BarcodeProps {
+    value?: string;
+    format?: BarcodeFormat;
+    width?: number;
+    height?: number;
+    color?: string;
+    background?: string;
+    displayValue?: boolean;
+    textPosition?: BarcodeTextPosition;
+    textAlign?: CanvasTextAlign;
+    textMargin?: number;
+    fontStyle?: CanvasFontStyle;
+    fontWeight?: CanvasFontWeight;
+    fontSize?: number;
+    fontFamily?: string;
+    margin?: number;
+    marginTop?: number;
+    marginBottom?: number;
+    marginLeft?: number;
+    marginRight?: number;
+}
+export declare const defaultBarcodeProps: DefaultProps<BarcodeProps>;
+export interface BarcodeEmits {
+}

package/components/barcode/common.js

@@ -0,0 +1,20 @@
+//#region packages/sard/components/barcode/common.ts
+const defaultBarcodeProps = {
+	value: "",
+	format: "CODE128",
+	width: 2,
+	height: 100,
+	color: "#000",
+	background: "#fff",
+	displayValue: true,
+	textPosition: "bottom",
+	textAlign: "center",
+	textMargin: 5,
+	fontStyle: "normal",
+	fontWeight: "normal",
+	fontSize: 14,
+	fontFamily: "monospace",
+	margin: 10
+};
+//#endregion
+export { defaultBarcodeProps };

package/components/barcode/index.css

@@ -0,0 +1 @@
+.s-barcode canvas{width:100%;height:100%}

package/components/barcode/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Barcode from './barcode.vue';
+export declare const Barcode: EnhancedComponent<typeof _Barcode>;
+export default Barcode;
+export type { BarcodeProps, BarcodeEmits } from './common';

package/components/barcode/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import barcode_default from "./barcode.js";
+//#region packages/sard/components/barcode/index.ts
+const Barcode = enhanceComponent(barcode_default);
+//#endregion
+export { Barcode, Barcode as default };

package/components/button/button.d.ts

@@ -0,0 +1,29 @@
+import { type ButtonProps, type ButtonSlots } from './common';
+type __VLS_Slots = ButtonSlots;
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "xs" | "small" | "medium" | "large";
+    loading: boolean;
+    disabled: boolean;
+    color: "primary" | "secondary" | "success" | "warning" | "danger" | "white" | "black";
+    square: boolean;
+    round: boolean;
+    variant: "solid" | "outlined" | "dashed" | "filled" | "text" | "link";
+    loadingType: "clock" | "circular";
+    block: boolean;
+    htmlType: "button" | "submit" | "reset";
+    ghost: boolean;
+    autoHeight: boolean;
+    compact: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/button/button.js

@@ -0,0 +1,118 @@
+import { createBem } from "../../utils/bem.js";
+import loading_default from "../loading/loading.js";
+import { useFormContext } from "../form/common.js";
+import { defaultButtonProps } from "./common.js";
+import { compactContextKey } from "../compact/common.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, inject, mergeDefaults, normalizeClass, openBlock, renderSlot, useSlots } from "vue";
+//#region packages/sard/components/button/button.vue
+const _hoisted_1 = ["type", "disabled"];
+var button_default = /*@__PURE__*/ defineComponent({
+	__name: "button",
+	props: /*@__PURE__*/ mergeDefaults({
+		variant: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		round: {
+			type: Boolean,
+			required: false
+		},
+		square: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		loadingType: {
+			type: String,
+			required: false
+		},
+		block: {
+			type: Boolean,
+			required: false
+		},
+		htmlType: {
+			type: String,
+			required: false
+		},
+		ghost: {
+			type: Boolean,
+			required: false
+		},
+		autoHeight: {
+			type: Boolean,
+			required: false
+		},
+		compact: {
+			type: Boolean,
+			required: false
+		}
+	}, defaultButtonProps),
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const bem = createBem("button");
+		const formContext = useFormContext();
+		const compactContext = inject(compactContextKey, null);
+		const isDisabled = computed(() => {
+			return formContext?.disabled || props.disabled;
+		});
+		const onClick = (event) => {
+			emit("click", event);
+		};
+		const buttonClass = computed(() => {
+			return [
+				bem.b(),
+				bem.m(props.size),
+				bem.m(props.variant),
+				bem.m(`${props.variant}-${props.color}`),
+				bem.m("round", props.round),
+				bem.m("square", props.square),
+				bem.m("ghost", props.ghost),
+				bem.is("disabled", isDisabled.value),
+				bem.is("loading", props.loading),
+				bem.m("block", props.block),
+				bem.m("iconic", !!slots.icon || props.loading),
+				bem.m(`compact-${compactContext?.direction}`, compactContext),
+				bem.m("auto-height", props.autoHeight),
+				bem.m("compact", props.compact)
+			];
+		});
+		const iconClass = computed(() => {
+			return [bem.e("icon"), bem.has("slot", !!slots.default)];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", {
+				type: __props.htmlType,
+				class: normalizeClass(buttonClass.value),
+				disabled: isDisabled.value || __props.loading,
+				onClick,
+				onTouchstart: () => {}
+			}, [__props.loading || slots.icon ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(iconClass.value)
+			}, [__props.loading ? (openBlock(), createBlock(loading_default, {
+				key: 0,
+				type: __props.loadingType
+			}, null, 8, ["type"])) : renderSlot(_ctx.$slots, "icon", { key: 1 })], 2)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { button_default as default };

package/components/button/common.d.ts

@@ -0,0 +1,24 @@
+import { type DefaultProps } from '../config';
+export interface ButtonProps {
+    variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'white' | 'black';
+    size?: 'xs' | 'small' | 'medium' | 'large';
+    round?: boolean;
+    square?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingType?: 'clock' | 'circular';
+    block?: boolean;
+    htmlType?: 'button' | 'submit' | 'reset';
+    ghost?: boolean;
+    autoHeight?: boolean;
+    compact?: boolean;
+}
+export declare const defaultButtonProps: DefaultProps<ButtonProps>;
+export interface ButtonSlots {
+    default?(): any;
+    icon?(): any;
+}
+export interface ButtonEmits {
+    (e: 'click', event: MouseEvent): void;
+}

package/components/button/common.js

@@ -0,0 +1,9 @@
+//#region packages/sard/components/button/common.ts
+const defaultButtonProps = {
+	variant: "solid",
+	color: "primary",
+	size: "medium",
+	htmlType: "button"
+};
+//#endregion
+export { defaultButtonProps };

package/components/button/index.css

@@ -0,0 +1 @@
+:root{--s-button-height-xs:var(--s-size-xl);--s-button-padding-y-xs:0;--s-button-padding-x-xs:6px;--s-button-border-radius-xs:var(--s-border-radius-sm);--s-button-font-size-xs:var(--s-font-size-sm);--s-button-icon-size-xs:var(--s-font-size-sm);--s-button-height-sm:var(--s-size-2xl);--s-button-padding-y-sm:0;--s-button-padding-x-sm:9px;--s-button-border-radius-sm:var(--s-border-radius-sm);--s-button-font-size-sm:var(--s-font-size-sm);--s-button-icon-size-sm:var(--s-font-size);--s-button-height:var(--s-size-3xl);--s-button-padding-y:0;--s-button-padding-x:11px;--s-button-border-radius:var(--s-border-radius);--s-button-font-size:var(--s-font-size);--s-button-icon-size:18px;--s-button-height-lg:var(--s-size-4xl);--s-button-padding-y-lg:0;--s-button-padding-x-lg:14px;--s-button-border-radius-lg:var(--s-border-radius);--s-button-font-size-lg:var(--s-font-size-lg);--s-button-icon-size-lg:20px;--s-button-outlined-bg:var(--s-white);--s-button-secondary-color:var(--s-gray-800)}.dark{--s-button-outlined-bg:rgba(0,0,0,0);--s-button-secondary-color:var(--s-white)}.s-button{box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;width:auto;border:none;vertical-align:middle;font-family:inherit;line-height:var(--s-line-height-normal);white-space:nowrap;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer;overflow:visible;appearance:none;outline:none}.s-button--block{display:flex;width:100%}.s-button::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;background:rgba(0,0,0,.125);pointer-events:none}.s-button--xs{height:var(--s-button-height-xs);padding:var(--s-button-padding-y-xs) var(--s-button-padding-x-xs);border-radius:var(--s-button-border-radius-xs);font-size:var(--s-button-font-size-xs)}.s-button--xs::after{border-radius:calc(var(--s-button-border-radius-xs)*2)}.s-button--xs .s-button__icon{font-size:var(--s-button-icon-size-xs)}.s-button--xs.s-button--iconic{min-width:var(--s-button-height-xs)}.s-button--small{height:var(--s-button-height-sm);padding:var(--s-button-padding-y-sm) var(--s-button-padding-x-sm);border-radius:var(--s-button-border-radius-sm);font-size:var(--s-button-font-size-sm)}.s-button--small::after{border-radius:calc(var(--s-button-border-radius-sm)*2)}.s-button--small .s-button__icon{font-size:var(--s-button-icon-size-sm)}.s-button--small.s-button--iconic{min-width:var(--s-button-height-sm)}.s-button--medium{height:var(--s-button-height);padding:var(--s-button-padding-y) var(--s-button-padding-x);border-radius:var(--s-button-border-radius);font-size:var(--s-button-font-size)}.s-button--medium::after{border-radius:calc(var(--s-button-border-radius)*2)}.s-button--medium .s-button__icon{font-size:var(--s-button-icon-size)}.s-button--medium.s-button--iconic{min-width:var(--s-button-height)}.s-button--large{height:var(--s-button-height-lg);padding:var(--s-button-padding-y-lg) var(--s-button-padding-x-lg);border-radius:var(--s-button-border-radius-lg);font-size:var(--s-button-font-size-lg)}.s-button--large::after{border-radius:calc(var(--s-button-border-radius-lg)*2)}.s-button--large .s-button__icon{font-size:var(--s-button-icon-size-lg)}.s-button--large.s-button--iconic{min-width:var(--s-button-height-lg)}.s-button--auto-height{height:auto}.s-button--compact{padding:0;height:auto}.s-button--solid-primary{color:var(--s-white);background-color:var(--s-color-primary)}.s-button--outlined-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-primary)}.s-button--dashed-primary{color:var(--s-color-primary);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-primary)}.s-button--filled-primary{color:var(--s-color-primary);background-color:rgba(var(--s-color-primary-rgb), var(--s-opacity-theme-bg))}.s-button--text-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--link-primary{color:var(--s-color-primary);background-color:rgba(0,0,0,0)}.s-button--solid-secondary{color:var(--s-white);background-color:var(--s-color-secondary)}.s-button--outlined-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-gray-200)}.s-button--dashed-secondary{color:var(--s-button-secondary-color);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-gray-200)}.s-button--filled-secondary{color:var(--s-color-secondary);background-color:rgba(var(--s-color-secondary-rgb), var(--s-opacity-theme-bg))}.s-button--text-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--link-secondary{color:var(--s-color-secondary);background-color:rgba(0,0,0,0)}.s-button--solid-success{color:var(--s-white);background-color:var(--s-color-success)}.s-button--outlined-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-success)}.s-button--dashed-success{color:var(--s-color-success);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-success)}.s-button--filled-success{color:var(--s-color-success);background-color:rgba(var(--s-color-success-rgb), var(--s-opacity-theme-bg))}.s-button--text-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--link-success{color:var(--s-color-success);background-color:rgba(0,0,0,0)}.s-button--solid-warning{color:var(--s-white);background-color:var(--s-color-warning)}.s-button--outlined-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-warning)}.s-button--dashed-warning{color:var(--s-color-warning);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-warning)}.s-button--filled-warning{color:var(--s-color-warning);background-color:rgba(var(--s-color-warning-rgb), var(--s-opacity-theme-bg))}.s-button--text-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--link-warning{color:var(--s-color-warning);background-color:rgba(0,0,0,0)}.s-button--solid-danger{color:var(--s-white);background-color:var(--s-color-danger)}.s-button--outlined-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-color-danger)}.s-button--dashed-danger{color:var(--s-color-danger);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-color-danger)}.s-button--filled-danger{color:var(--s-color-danger);background-color:rgba(var(--s-color-danger-rgb), var(--s-opacity-theme-bg))}.s-button--text-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--link-danger{color:var(--s-color-danger);background-color:rgba(0,0,0,0)}.s-button--solid-black{color:var(--s-white);background-color:var(--s-black)}.s-button--outlined-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px solid var(--s-black)}.s-button--dashed-black{color:var(--s-black);background-color:var(--s-button-outlined-bg);border:1px dashed var(--s-black)}.s-button--filled-black{color:var(--s-black);background-color:rgba(var(--s-black-rgb), var(--s-opacity-theme-bg))}.s-button--text-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--link-black{color:var(--s-black);background-color:rgba(0,0,0,0)}.s-button--solid-white{color:var(--s-black);background-color:var(--s-white)}.s-button--outlined-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px solid var(--s-white)}.s-button--dashed-white{color:var(--s-white);background-color:rgba(0,0,0,0);border:1px dashed var(--s-white)}.s-button--filled-white{color:var(--s-white);background-color:rgba(var(--s-white-rgb), var(--s-opacity-theme-bg))}.s-button--text-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--link-white{color:var(--s-white);background-color:rgba(0,0,0,0)}.s-button--ghost{background:rgba(0,0,0,0)}.s-button--round{border-radius:var(--s-border-radius-full)}.s-button--square{border-radius:0}.s-button--solid:not(.is-disabled,.is-loading):active::before,.s-button--outlined:not(.is-disabled,.is-loading):active::before,.s-button--dashed:not(.is-disabled,.is-loading):active::before,.s-button--filled:not(.is-disabled,.is-loading):active::before,.s-button--text:not(.is-disabled,.is-loading):active::before{opacity:1}.s-button--link:not(.is-disabled,.is-loading):active{opacity:var(--s-opacity-active)}.s-button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-button:is(.is-loading){opacity:var(--s-opacity-loading);cursor:var(--s-cursor-loading)}.s-button__icon{display:inline-flex}.s-button__icon:is(.has-slot){margin-inline-end:.5em}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:first-child){border-top-right-radius:0;border-bottom-right-radius:0}:root:not([dir=rtl]) .s-button--compact-horizontal:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}:root[dir=rtl] .s-button--compact-horizontal:not(:last-child){border-top-left-radius:0;border-bottom-left-radius:0}.s-button--compact-horizontal.s-button--solid+.s-button--solid,.s-button--compact-horizontal.s-button--solid+.s-button--filled,.s-button--compact-horizontal.s-button--filled+.s-button--solid,.s-button--compact-horizontal.s-button--filled+.s-button--filled{border-inline-start:1px solid var(--s-border-color-lighter)}.s-button--compact-vertical:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.s-button--compact-vertical:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.s-button--compact-vertical.s-button--solid+.s-button--solid,.s-button--compact-vertical.s-button--solid+.s-button--filled,.s-button--compact-vertical.s-button--filled+.s-button--solid,.s-button--compact-vertical.s-button--filled+.s-button--filled{border-top:1px solid var(--s-border-color-lighter)}.s-button--compact-horizontal.s-button--outlined+.s-button--outlined{margin-inline-start:-1px}.s-button--compact-vertical.s-button--outlined+.s-button--outlined{margin-top:-1px}

package/components/button/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _Button from './button.vue';
+export declare const Button: EnhancedComponent<typeof _Button>;
+export default Button;
+export type { ButtonProps, ButtonSlots, ButtonEmits } from './common';

package/components/button/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import button_default from "./button.js";
+//#region packages/sard/components/button/index.ts
+const Button = enhanceComponent(button_default);
+//#endregion
+export { Button, Button as default };

package/components/calendar/calendar-month.d.ts

@@ -0,0 +1,8 @@
+import { type CalendarMonthProps } from './common';
+declare const __VLS_export: import("vue").DefineComponent<CalendarMonthProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "day-click": (date: Date) => any;
+}, string, import("vue").PublicProps, Readonly<CalendarMonthProps> & Readonly<{
+    "onDay-click"?: ((date: Date) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;