sard 1.0.0 → 1.0.2

package/components/select-popout/common.d.ts

@@ -0,0 +1,17 @@
+import { type DefaultProps } from '../config';
+import { type SelectSlots, type SelectProps } from '../select/common';
+import { type FormPopoutProps } from '../popout/useFormPopout';
+import type { MotionEmits } from '../motion';
+export interface SelectPopoutProps extends FormPopoutProps, SelectProps {
+}
+export declare const defaultSelectPopoutProps: DefaultProps<SelectPopoutProps>;
+export interface SelectPopoutSlots extends SelectSlots {
+}
+export interface SelectPopoutEmits extends MotionEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:modelValue', value: any): void;
+    (e: 'change', value: any): void;
+    (e: 'confirm'): void;
+}
+export interface SelectPopoutExpose {
+}

package/components/select-popout/common.js

@@ -0,0 +1,9 @@
+import { defaultSelectProps } from "../select/common.js";
+//#region packages/sard/components/select-popout/common.ts
+const defaultSelectPopoutProps = {
+	...defaultSelectProps,
+	showConfirm: true,
+	validateEvent: true
+};
+//#endregion
+export { defaultSelectPopoutProps };

package/components/select-popout/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _SelectPopout from './select-popout.vue';
+export declare const SelectPopout: EnhancedComponent<typeof _SelectPopout>;
+export default SelectPopout;
+export type { SelectPopoutProps, SelectPopoutSlots, SelectPopoutEmits, SelectPopoutExpose, } from './common';

package/components/select-popout/index.js

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

package/components/select-popout/select-popout.d.ts

@@ -0,0 +1,58 @@
+import { type SelectPopoutProps, type SelectPopoutSlots, type SelectPopoutExpose } from './common';
+type __VLS_Slots = SelectPopoutSlots;
+declare const __VLS_base: import("vue").DefineComponent<SelectPopoutProps, SelectPopoutExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: any) => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+    "update:modelValue": (value: any) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<SelectPopoutProps> & Readonly<{
+    onChange?: ((value: any) => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    title: string;
+    multiple: boolean;
+    options: any[];
+    visible: boolean;
+    threshold: number;
+    modelValue: any;
+    showConfirm: boolean;
+    optionKeys: import("../../index.ts").OptionKeys;
+    validateEvent: boolean;
+    resettable: boolean;
+    filterPlaceholder: string;
+    multipleLimit: number;
+    filterable: boolean;
+    filterMethod: (query: string) => void;
+    remote: boolean;
+    remoteMethod: (query: string, page: number, isRefresh: boolean) => Promise<boolean>;
+    showToolbar: boolean;
+    valueKey: string;
+}, {}, {}, {}, 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/select-popout/select-popout.js

@@ -0,0 +1,153 @@
+import popout_default from "../popout/popout.js";
+import { omitFormPopoutProps, useFormPopout } from "../popout/useFormPopout.js";
+import select_default from "../select/select.js";
+import { defaultSelectPopoutProps } from "./common.js";
+import { createBlock, createSlots, createVNode, defineComponent, guardReactiveProps, isRef, mergeDefaults, mergeProps, normalizeProps, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+//#region packages/sard/components/select-popout/select-popout.vue
+var select_popout_default = /*@__PURE__*/ defineComponent({
+	__name: "select-popout",
+	props: /*@__PURE__*/ mergeDefaults({
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		resettable: {
+			type: Boolean,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		showConfirm: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: null,
+			required: false
+		},
+		multiple: {
+			type: Boolean,
+			required: false
+		},
+		multipleLimit: {
+			type: Number,
+			required: false
+		},
+		filterable: {
+			type: Boolean,
+			required: false
+		},
+		filterPlaceholder: {
+			type: String,
+			required: false
+		},
+		filterMethod: {
+			type: Function,
+			required: false
+		},
+		remote: {
+			type: Boolean,
+			required: false
+		},
+		remoteMethod: {
+			type: Function,
+			required: false
+		},
+		threshold: {
+			type: Number,
+			required: false
+		},
+		showToolbar: {
+			type: Boolean,
+			required: false
+		},
+		options: {
+			type: Array,
+			required: false
+		},
+		optionKeys: {
+			type: Object,
+			required: false
+		},
+		valueKey: {
+			type: String,
+			required: false
+		}
+	}, defaultSelectPopoutProps),
+	emits: [
+		"update:visible",
+		"update:modelValue",
+		"change",
+		"confirm",
+		"before-enter",
+		"enter",
+		"after-enter",
+		"enter-cancelled",
+		"before-leave",
+		"leave",
+		"after-leave",
+		"leave-cancelled",
+		"visible-hook"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const omittedProps = omitFormPopoutProps(props);
+		const { innerVisible, draftValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit);
+		const onSelect = () => {
+			if (!props.multiple && !props.showConfirm) {
+				onConfirm(false);
+				innerVisible.value = false;
+			}
+		};
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(popout_default, {
+				visible: unref(innerVisible),
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(innerVisible) ? innerVisible.value = $event : null),
+				title: __props.title,
+				"show-confirm": __props.showConfirm,
+				onConfirm: unref(onConfirm),
+				onVisibleHook: unref(onVisibleHook)
+			}, {
+				default: withCtx(() => [createVNode(select_default, mergeProps(unref(omittedProps), {
+					"model-value": unref(draftValue),
+					onChange: unref(onChange),
+					onSelect
+				}), createSlots({ _: 2 }, [
+					slots.default ? {
+						name: "default",
+						fn: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+						key: "0"
+					} : void 0,
+					slots.option ? {
+						name: "option",
+						fn: withCtx((optionProps) => [renderSlot(_ctx.$slots, "option", normalizeProps(guardReactiveProps(optionProps)))]),
+						key: "1"
+					} : void 0,
+					slots["option-label"] ? {
+						name: "option-label",
+						fn: withCtx((labelProps) => [renderSlot(_ctx.$slots, "option-label", normalizeProps(guardReactiveProps(labelProps)))]),
+						key: "2"
+					} : void 0
+				]), 1040, ["model-value", "onChange"])]),
+				_: 3
+			}, 8, [
+				"visible",
+				"title",
+				"show-confirm",
+				"onConfirm",
+				"onVisibleHook"
+			]);
+		};
+	}
+});
+//#endregion
+export { select_popout_default as default };

package/components/share-sheet/common.d.ts

@@ -0,0 +1,62 @@
+import { type DefaultProps } from '../config';
+import type { MotionEmits } from '../motion';
+export interface ShareSheetbeforeClose {
+    (type: 'close' | 'cancel' | 'select'): boolean | Promise<any>;
+}
+export interface ShareSheetProps {
+    title?: string;
+    description?: string;
+    cancel?: string;
+    showCancel?: boolean;
+    visible?: boolean;
+    overlayClosable?: boolean;
+    beforeClose?: ShareSheetbeforeClose;
+}
+export declare const defaultShareSheetProps: DefaultProps<ShareSheetProps>;
+export interface ShareSheetEmits extends MotionEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'close'): void;
+    (e: 'cancel'): void;
+    (e: 'select', item: ShareSheetItemProps): void;
+}
+export interface ShareSheetSlots {
+    default?(props?: any): any;
+    title?(props?: any): any;
+    description?(props?: any): any;
+    cancel?(props?: any): any;
+}
+export interface ShareSheetExpose {
+}
+export interface ShareSheetItemProps {
+    label?: string;
+    value?: any;
+    description?: string;
+    disabled?: boolean;
+}
+export interface ShareSheetItemEmits {
+    (e: 'click'): void;
+}
+export interface ShareSheetItemSlots {
+    default?(props?: Record<string, never>): any;
+    label?(props?: Record<string, never>): any;
+    description?(props?: Record<string, never>): any;
+    icon?(props?: Record<string, never>): any;
+}
+export interface ShareSheetRowProps {
+}
+export declare const defaultShareSheetRowProps: DefaultProps<ShareSheetRowProps>;
+export interface ShareSheetRowSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface ShareSheetRowEmits {
+}
+export interface ShareSheetRowExpose {
+}
+export interface ShareSheetIconProps {
+    background?: string;
+    color?: string;
+    url?: string;
+}
+export interface ShareSheetIconSlots {
+    default?(props: Record<string, never>): any;
+}

package/components/share-sheet/common.js

@@ -0,0 +1,5 @@
+//#region packages/sard/components/share-sheet/common.ts
+const defaultShareSheetProps = { overlayClosable: true };
+const defaultShareSheetRowProps = {};
+//#endregion
+export { defaultShareSheetProps, defaultShareSheetRowProps };

package/components/share-sheet/context.d.ts

@@ -0,0 +1,14 @@
+import { type InjectionKey } from 'vue';
+import type { ShareSheetItemProps } from './common';
+export interface ShareSheetContext {
+    select: (item: ShareSheetItemProps) => void;
+    addMember: (item: ShareSheetItemProps) => void;
+    removeMember: (item: ShareSheetItemProps) => void;
+}
+export declare const shareSheetContextKey: InjectionKey<ShareSheetContext>;
+export declare function useShareSheet(options: {
+    onSelect: (item: ShareSheetItemProps) => void;
+}): void;
+export declare function useShareSheetItem(props: ShareSheetItemProps): {
+    select: () => void;
+};

package/components/share-sheet/context.js

@@ -0,0 +1,41 @@
+import { reactiveComputed } from "../../use/reactiveComputed.js";
+import { inject, onMounted, onUnmounted, provide, ref, useAttrs } from "vue";
+//#region packages/sard/components/share-sheet/context.ts
+const shareSheetContextKey = Symbol("ShareSheetContext");
+function useShareSheet(options) {
+	const members = ref([]);
+	provide(shareSheetContextKey, {
+		select: (item) => {
+			options.onSelect(item);
+		},
+		addMember: (item) => {
+			if (!members.value.includes(item)) members.value.push(item);
+		},
+		removeMember: (item) => {
+			const index = members.value.indexOf(item);
+			if (index > -1) members.value.splice(index, 1);
+		}
+	});
+}
+function useShareSheetItem(props) {
+	const context = inject(shareSheetContextKey);
+	if (!context) throw new Error("ShareSheetItem must be included in ShareSheet.");
+	const attrs = useAttrs();
+	const member = reactiveComputed(() => {
+		return {
+			...props,
+			...attrs
+		};
+	});
+	onMounted(() => {
+		context.addMember(member);
+	});
+	onUnmounted(() => {
+		context.removeMember(member);
+	});
+	return { select: () => {
+		context.select(member);
+	} };
+}
+//#endregion
+export { shareSheetContextKey, useShareSheet, useShareSheetItem };

package/components/share-sheet/index.css

@@ -0,0 +1 @@
+:root{--s-share-sheet-border-radius:var(--s-border-radius-xl);--s-share-sheet-border-color:var(--s-border-color);--s-share-sheet-bg:var(--s-bg-color-elevated);--s-share-sheet-header-padding:var(--s-size);--s-share-sheet-title-font-size:var(--s-font-size-lg);--s-share-sheet-description-font-size:var(--s-font-size);--s-share-sheet-description-color:var(--s-text-color-tertiary);--s-share-sheet-row-padding-y:var(--s-size);--s-share-sheet-row-padding-x:var(--s-size-xs);--s-share-sheet-item-width:80px;--s-share-sheet-item-opacity-active:var(--s-opacity-active);--s-share-sheet-icon-size:var(--s-size-4xl);--s-share-sheet-icon-radius:var(--s-border-radius-full);--s-share-sheet-icon-font-size:var(--s-size-xl);--s-share-sheet-icon-color:var(--s-text-color-tertiary);--s-share-sheet-icon-bg:var(--s-fill-color);--s-share-sheet-label-margin-top:var(--s-size-xs);--s-share-sheet-label-padding-x:var(--s-size-2xs);--s-share-sheet-label-font-size:var(--s-font-size);--s-share-sheet-label-color:var(--s-text-color-tertiary);--s-share-sheet-item-description-margin-top:0;--s-share-sheet-item-description-padding-x:var(--s-size-2xs);--s-share-sheet-item-description-font-size:var(--s-font-size-sm);--s-share-sheet-item-description-color:var(--s-text-color-fourth);--s-share-sheet-gap-bg:var(--s-fill-color-tertiary);--s-share-sheet-gap-height:var(--s-size-xs);--s-share-sheet-cancel-min-height:var(--s-content-height-lg);--s-share-sheet-cancel-padding:var(--s-size-xs) var(--s-size);--s-share-sheet-cancel-font-size:var(--s-font-size-lg);--s-share-sheet-cancel-bg-active:var(--s-bg-color-active)}.s-share-sheet{padding-bottom:var(--s-safe-bottom);border-top-left-radius:var(--s-share-sheet-border-radius);border-top-right-radius:var(--s-share-sheet-border-radius);background:var(--s-share-sheet-bg);touch-action:pan-x}.s-share-sheet__header{position:relative;display:flex;flex-direction:column;gap:var(--s-size-2xs);padding:var(--s-share-sheet-header-padding)}.s-share-sheet__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:bottom center}.s-share-sheet__title{font-size:var(--s-share-sheet-title-font-size);font-weight:var(--s-font-weight-bold);text-align:center}.s-share-sheet__description{font-size:var(--s-share-sheet-description-font-size);text-align:center;color:var(--s-share-sheet-description-color)}.s-share-sheet__gap{height:var(--s-share-sheet-gap-height);background:var(--s-share-sheet-gap-bg)}.s-share-sheet__cancel{display:flex;justify-content:center;align-items:center;min-height:var(--s-share-sheet-cancel-min-height);padding:var(--s-share-sheet-cancel-padding);font-size:var(--s-share-sheet-cancel-font-size);cursor:pointer}.s-share-sheet__cancel:active{background:var(--s-share-sheet-cancel-bg-active)}.s-share-sheet-item{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:var(--s-share-sheet-item-width);flex:none;cursor:pointer}.s-share-sheet-item:not(.is-disabled):active{opacity:var(--s-share-sheet-item-opacity-active)}.s-share-sheet-item:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}.s-share-sheet-item__label{margin-top:var(--s-share-sheet-label-margin-top);padding:0 var(--s-share-sheet-label-padding-x);font-size:var(--s-share-sheet-label-font-size);color:var(--s-share-sheet-label-color)}.s-share-sheet-item__description{margin-top:var(--s-share-sheet-item-description-margin-top);padding:0 var(--s-share-sheet-item-description-padding-x);font-size:var(--s-share-sheet-item-description-font-size);color:var(--s-share-sheet-item-description-color)}.s-share-sheet-row{position:relative}.s-share-sheet-row:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-share-sheet-border-color);transform-origin:top center}.s-share-sheet-row__scroll{display:flex;padding:var(--s-share-sheet-row-padding-y) var(--s-share-sheet-row-padding-x);overflow-x:auto;overflow-y:hidden}.s-share-sheet-icon{display:flex;justify-content:center;align-items:center;width:var(--s-share-sheet-icon-size);height:var(--s-share-sheet-icon-size);border-radius:var(--s-share-sheet-icon-radius);font-size:var(--s-share-sheet-icon-font-size);color:var(--s-share-sheet-icon-color);background:var(--s-share-sheet-icon-bg)}.s-share-sheet-icon__image{width:100%;height:100%;object-fit:cover;border-radius:var(--s-share-sheet-icon-radius)}

package/components/share-sheet/index.d.ts

@@ -0,0 +1,12 @@
+import { type EnhancedComponent } from '../../utils';
+import _ShareSheet from './share-sheet.vue';
+import _ShareSheetRow from './share-sheet-row.vue';
+import _ShareSheetItem from './share-sheet-item.vue';
+import _ShareSheetIcon from './share-sheet-icon.vue';
+export declare const ShareSheet: EnhancedComponent<typeof _ShareSheet>;
+export declare const ShareSheetRow: EnhancedComponent<typeof _ShareSheetRow>;
+export declare const ShareSheetItem: EnhancedComponent<typeof _ShareSheetItem>;
+export declare const ShareSheetIcon: EnhancedComponent<typeof _ShareSheetIcon>;
+export default ShareSheet;
+export type { ShareSheetProps, ShareSheetEmits, ShareSheetSlots, ShareSheetExpose, ShareSheetItemProps, ShareSheetItemEmits, ShareSheetItemSlots, ShareSheetRowProps, ShareSheetRowSlots, ShareSheetRowEmits, ShareSheetRowExpose, ShareSheetIconProps, ShareSheetIconSlots, ShareSheetbeforeClose, } from './common';
+export type { ShareSheetContext } from './context';

package/components/share-sheet/index.js

@@ -0,0 +1,12 @@
+import { enhanceComponent } from "../../utils/component.js";
+import share_sheet_default from "./share-sheet.js";
+import share_sheet_row_default from "./share-sheet-row.js";
+import share_sheet_item_default from "./share-sheet-item.js";
+import share_sheet_icon_default from "./share-sheet-icon.js";
+//#region packages/sard/components/share-sheet/index.ts
+const ShareSheet = enhanceComponent(share_sheet_default);
+const ShareSheetRow = enhanceComponent(share_sheet_row_default);
+const ShareSheetItem = enhanceComponent(share_sheet_item_default);
+const ShareSheetIcon = enhanceComponent(share_sheet_icon_default);
+//#endregion
+export { ShareSheet, ShareSheet as default, ShareSheetIcon, ShareSheetItem, ShareSheetRow };

package/components/share-sheet/share-sheet-icon.d.ts

@@ -0,0 +1,11 @@
+import { type ShareSheetIconProps, type ShareSheetIconSlots } from './common';
+type __VLS_Slots = ShareSheetIconSlots;
+declare const __VLS_base: import("vue").DefineComponent<ShareSheetIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ShareSheetIconProps> & Readonly<{}>, {}, {}, {}, {}, 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/share-sheet/share-sheet-icon.js

@@ -0,0 +1,43 @@
+import { createBem } from "../../utils/bem.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, unref } from "vue";
+//#region packages/sard/components/share-sheet/share-sheet-icon.vue
+const _hoisted_1 = ["src"];
+var share_sheet_icon_default = /*@__PURE__*/ defineComponent({
+	__name: "share-sheet-icon",
+	props: {
+		background: {
+			type: String,
+			required: false
+		},
+		color: {
+			type: String,
+			required: false
+		},
+		url: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const bem = createBem("share-sheet-icon");
+		const iconStyle = computed(() => {
+			return {
+				backgroundColor: props.background,
+				color: props.color
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(bem).b()),
+				style: normalizeStyle(iconStyle.value)
+			}, [renderSlot(_ctx.$slots, "default", {}, () => [__props.url ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: __props.url,
+				class: normalizeClass(unref(bem).e("image"))
+			}, null, 10, _hoisted_1)) : createCommentVNode("v-if", true)])], 6);
+		};
+	}
+});
+//#endregion
+export { share_sheet_icon_default as default };

package/components/share-sheet/share-sheet-item.d.ts

@@ -0,0 +1,17 @@
+import { type ShareSheetItemProps, type ShareSheetItemSlots } from './common';
+type __VLS_Slots = ShareSheetItemSlots;
+declare const __VLS_base: import("vue").DefineComponent<ShareSheetItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<ShareSheetItemProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    disabled: 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/share-sheet/share-sheet-item.js

@@ -0,0 +1,58 @@
+import { createBem } from "../../utils/bem.js";
+import { useShareSheetItem } from "./context.js";
+import { createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+//#region packages/sard/components/share-sheet/share-sheet-item.vue
+var share_sheet_item_default = /*@__PURE__*/ defineComponent({
+	__name: "share-sheet-item",
+	props: {
+		label: {
+			type: String,
+			required: false
+		},
+		value: {
+			type: null,
+			required: false
+		},
+		description: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const bem = createBem("share-sheet-item");
+		const { select } = useShareSheetItem(props);
+		const onClick = () => {
+			if (!props.disabled) {
+				emit("click");
+				select();
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([unref(bem).b(), unref(bem).is("disabled", props.disabled)]),
+				onClick
+			}, [
+				renderSlot(_ctx.$slots, "icon"),
+				props.label || slots.label ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(bem).e("label"))
+				}, [renderSlot(_ctx.$slots, "label", {}, () => [createTextVNode(toDisplayString(props.label), 1)])], 2)) : createCommentVNode("v-if", true),
+				props.description || slots.description ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(bem).e("description"))
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [createTextVNode(toDisplayString(props.description), 1)])], 2)) : createCommentVNode("v-if", true)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { share_sheet_item_default as default };

package/components/share-sheet/share-sheet-row.d.ts

@@ -0,0 +1,11 @@
+import { type ShareSheetRowProps, type ShareSheetRowSlots, type ShareSheetRowExpose } from './common';
+type __VLS_Slots = ShareSheetRowSlots;
+declare const __VLS_base: import("vue").DefineComponent<ShareSheetRowProps, ShareSheetRowExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ShareSheetRowProps> & Readonly<{}>, {}, {}, {}, {}, 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/share-sheet/share-sheet-row.js

@@ -0,0 +1,15 @@
+import { createBem } from "../../utils/bem.js";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region packages/sard/components/share-sheet/share-sheet-row.vue
+var share_sheet_row_default = /*@__PURE__*/ defineComponent({
+	__name: "share-sheet-row",
+	setup(__props, { expose: __expose }) {
+		const bem = createBem("share-sheet-row");
+		__expose({});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, [createElementVNode("div", { class: normalizeClass(unref(bem).e("scroll")) }, [renderSlot(_ctx.$slots, "default")], 2)], 2);
+		};
+	}
+});
+//#endregion
+export { share_sheet_row_default as default };

package/components/share-sheet/share-sheet.d.ts

@@ -0,0 +1,48 @@
+import { type ShareSheetProps, type ShareSheetSlots, type ShareSheetItemProps } from './common';
+import type { MotionHookName } from '../motion/common';
+type __VLS_Slots = ShareSheetSlots;
+declare const __VLS_base: import("vue").DefineComponent<ShareSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (item: ShareSheetItemProps) => any;
+    cancel: () => any;
+    close: () => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ShareSheetProps> & Readonly<{
+    onSelect?: ((item: ShareSheetItemProps) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+}>, {
+    title: string;
+    cancel: string;
+    visible: boolean;
+    overlayClosable: boolean;
+    description: string;
+    showCancel: boolean;
+    beforeClose: import("./common").ShareSheetbeforeClose;
+}, {}, {}, {}, 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;
+    };
+};