@moubing/bing-ui 0.1.0 → 0.1.1

package/dist/components/BingTooltip/BingTooltip.shared.d.ts

@@ -0,0 +1,32 @@
+import { Component, Ref } from 'vue';
+import { BingTooltipAlign, BingTooltipCloseReason, BingTooltipPlacement } from './BingTooltip.types';
+export interface BingTooltipSharedOwner {
+    id: string;
+    rootRef: Ref<HTMLElement | null>;
+    contentComponent: Component;
+    clearCloseTimer: () => void;
+    getAlign: () => BingTooltipAlign;
+    getAriaLabel: () => string | undefined;
+    getCloseOnEsc: () => boolean;
+    getCloseOnOutside: () => boolean;
+    getHasContent: () => boolean;
+    getHasHoverTrigger: () => boolean;
+    getInteractive: () => boolean;
+    getGlassStyle: () => Record<string, string>;
+    getMaxWidth: () => string;
+    getOffset: () => number;
+    getPlacement: () => BingTooltipPlacement;
+    getTooltipId: () => string;
+    getViewportPadding: () => number;
+    getZIndex: () => number;
+    hide: (reason?: BingTooltipCloseReason) => void;
+    scheduleClose: (reason: BingTooltipCloseReason) => void;
+}
+export declare const sharedTooltipActiveOwner: import('vue').ShallowRef<BingTooltipSharedOwner | undefined, BingTooltipSharedOwner | undefined>;
+export declare const sharedTooltipHostId: import('vue').ShallowRef<string | undefined, string | undefined>;
+export declare const sharedTooltipPanelElement: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
+export declare const sharedTooltipSuppressRootClickOwnerId: import('vue').ShallowRef<string | undefined, string | undefined>;
+export declare const sharedTooltipShouldRender: import('vue').ShallowRef<boolean, boolean>;
+export declare function createTooltipOwnerId(): string;
+export declare function registerTooltipOwner(owner: BingTooltipSharedOwner): void;
+export declare function unregisterTooltipOwner(owner: BingTooltipSharedOwner): void;

package/dist/components/BingTooltip/BingTooltip.types.d.ts

@@ -0,0 +1,36 @@
+import { BingGlassEffectProps } from '../../utils/glass';
+export type BingTooltipTrigger = 'hover' | 'click' | 'manual';
+export type BingTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+export type BingTooltipAlign = 'start' | 'center' | 'end';
+export type BingTooltipOpenReason = 'hover' | 'click' | 'focus' | 'manual';
+export type BingTooltipCloseReason = 'hover' | 'click' | 'focus' | 'outside' | 'escape' | 'manual' | 'disabled';
+export interface BingTooltipProps extends BingGlassEffectProps {
+    modelValue?: boolean;
+    content?: string;
+    trigger?: BingTooltipTrigger | BingTooltipTrigger[];
+    placement?: BingTooltipPlacement;
+    align?: BingTooltipAlign;
+    disabled?: boolean;
+    interactive?: boolean;
+    openDelay?: number;
+    closeDelay?: number;
+    offset?: number;
+    viewportPadding?: number;
+    maxWidth?: string | number;
+    zIndex?: number;
+    closeOnOutside?: boolean;
+    closeOnEsc?: boolean;
+    id?: string;
+    ariaLabel?: string;
+}
+export interface BingTooltipEmits {
+    'update:modelValue': [value: boolean];
+    open: [reason: BingTooltipOpenReason];
+    close: [reason: BingTooltipCloseReason];
+}
+export interface BingTooltipExpose {
+    show: (reason?: BingTooltipOpenReason) => void;
+    hide: (reason?: BingTooltipCloseReason) => void;
+    toggle: (reason?: BingTooltipOpenReason | BingTooltipCloseReason) => void;
+    updatePosition: () => void;
+}

package/dist/components/BingTooltip/BingTooltip.vue.d.ts

@@ -0,0 +1,51 @@
+import { BingTooltipAlign, BingTooltipCloseReason, BingTooltipExpose, BingTooltipOpenReason, BingTooltipPlacement, BingTooltipProps, BingTooltipTrigger } from './BingTooltip.types';
+declare function show(reason?: BingTooltipOpenReason): void;
+declare function hide(reason?: BingTooltipCloseReason): void;
+declare function toggle(reason?: BingTooltipOpenReason | BingTooltipCloseReason): void;
+declare var __VLS_1: {
+    open: boolean;
+    show: typeof show;
+    hide: typeof hide;
+    toggle: typeof toggle;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BingTooltipProps, BingTooltipExpose, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    close: (reason: BingTooltipCloseReason) => any;
+    open: (reason: BingTooltipOpenReason) => any;
+}, string, import('vue').PublicProps, Readonly<BingTooltipProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onClose?: ((reason: BingTooltipCloseReason) => any) | undefined;
+    onOpen?: ((reason: BingTooltipOpenReason) => any) | undefined;
+}>, {
+    trigger: BingTooltipTrigger | BingTooltipTrigger[];
+    disabled: boolean;
+    content: string;
+    maxWidth: string | number;
+    zIndex: number;
+    glass: boolean;
+    ariaLabel: string;
+    glassBlur: string | number;
+    glassOpacity: number;
+    glassSaturation: number;
+    interactive: boolean;
+    id: string;
+    offset: number;
+    placement: BingTooltipPlacement;
+    align: BingTooltipAlign;
+    openDelay: number;
+    closeDelay: number;
+    viewportPadding: number;
+    closeOnOutside: boolean;
+    closeOnEsc: 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/dist/components/BingTooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BingTooltip } from './BingTooltip.vue';
+export type { BingTooltipAlign, BingTooltipCloseReason, BingTooltipEmits, BingTooltipExpose, BingTooltipOpenReason, BingTooltipPlacement, BingTooltipProps, BingTooltipTrigger, } from './BingTooltip.types';

package/dist/components/BingTreeSelect/BingTreeSelect.types.d.ts

@@ -0,0 +1,69 @@
+import { BingGlassEffectProps } from '../../utils/glass';
+export type BingTreeSelectValue = string | number;
+export type BingTreeSelectModelValue = BingTreeSelectValue | BingTreeSelectValue[] | null;
+export type BingTreeSelectSize = 'sm' | 'md' | 'lg';
+export type BingTreeSelectVirtualMode = boolean | 'auto';
+export type BingTreeSelectSearchable = boolean | 'auto';
+export type BingTreeSelectNodeMetaValue = string | number | boolean | null | undefined;
+export interface BingTreeSelectNode {
+    label: string;
+    value: BingTreeSelectValue;
+    disabled?: boolean;
+    selectable?: boolean;
+    description?: string;
+    children?: BingTreeSelectNode[];
+    meta?: Record<string, BingTreeSelectNodeMetaValue>;
+    [key: string]: unknown;
+}
+export interface BingTreeSelectProps extends BingGlassEffectProps {
+    id?: string;
+    modelValue?: BingTreeSelectModelValue;
+    options?: BingTreeSelectNode[];
+    multiple?: boolean;
+    checkStrictly?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    showSelectAll?: boolean;
+    selectAllText?: string;
+    clearAllText?: string;
+    showTreeActions?: boolean;
+    expandAllText?: string;
+    collapseAllText?: string;
+    emptyText?: string;
+    searchable?: BingTreeSelectSearchable;
+    searchPlaceholder?: string;
+    noSearchResultsText?: string;
+    defaultExpandedValues?: BingTreeSelectValue[];
+    defaultExpandAll?: boolean;
+    size?: BingTreeSelectSize;
+    block?: boolean;
+    panelMinHeight?: string | number;
+    panelMaxHeight?: string | number;
+    virtual?: BingTreeSelectVirtualMode;
+    virtualThreshold?: number;
+    virtualItemHeight?: number;
+    virtualOverscan?: number;
+    ariaLabel?: string;
+    ariaDescribedby?: string;
+    status?: 'default' | 'error' | 'success' | 'warning';
+}
+export interface BingTreeSelectChangePayload {
+    value: BingTreeSelectModelValue;
+    node?: BingTreeSelectNode;
+    nodes: BingTreeSelectNode[];
+}
+export interface BingTreeSelectExpandPayload {
+    value: BingTreeSelectValue;
+    node: BingTreeSelectNode;
+    expandedValues: BingTreeSelectValue[];
+}
+export interface BingTreeSelectEmits {
+    'update:modelValue': [value: BingTreeSelectModelValue];
+    change: [payload: BingTreeSelectChangePayload];
+    clear: [];
+    open: [];
+    close: [];
+    expand: [payload: BingTreeSelectExpandPayload];
+    collapse: [payload: BingTreeSelectExpandPayload];
+}

package/dist/components/BingTreeSelect/BingTreeSelect.vue.d.ts

@@ -0,0 +1,85 @@
+import { BingTreeSelectChangePayload, BingTreeSelectModelValue, BingTreeSelectNode, BingTreeSelectProps, BingTreeSelectValue } from './BingTreeSelect.types';
+declare var __VLS_1: {
+    selectedNodes: BingTreeSelectNode[];
+    placeholder: string;
+}, __VLS_83: {
+    node: BingTreeSelectNode;
+    selected: boolean;
+    indeterminate: boolean;
+    depth: number;
+    expanded: boolean;
+}, __VLS_90: {
+    node: BingTreeSelectNode;
+    selected: boolean;
+    indeterminate: boolean;
+    depth: number;
+    expanded: boolean;
+};
+type __VLS_Slots = {} & {
+    value?: (props: typeof __VLS_1) => any;
+} & {
+    node?: (props: typeof __VLS_83) => any;
+} & {
+    'node-detail'?: (props: typeof __VLS_90) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<BingTreeSelectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    clear: () => any;
+    "update:modelValue": (value: BingTreeSelectModelValue) => any;
+    change: (payload: BingTreeSelectChangePayload) => any;
+    close: () => any;
+    open: () => any;
+    collapse: (payload: import('./BingTreeSelect.types').BingTreeSelectExpandPayload) => any;
+    expand: (payload: import('./BingTreeSelect.types').BingTreeSelectExpandPayload) => any;
+}, string, import('vue').PublicProps, Readonly<BingTreeSelectProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: BingTreeSelectModelValue) => any) | undefined;
+    onChange?: ((payload: BingTreeSelectChangePayload) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onCollapse?: ((payload: import('./BingTreeSelect.types').BingTreeSelectExpandPayload) => any) | undefined;
+    onExpand?: ((payload: import('./BingTreeSelect.types').BingTreeSelectExpandPayload) => any) | undefined;
+}>, {
+    disabled: boolean;
+    glass: boolean;
+    ariaLabel: string;
+    modelValue: BingTreeSelectModelValue;
+    size: import('./BingTreeSelect.types').BingTreeSelectSize;
+    block: boolean;
+    glassBlur: string | number;
+    glassOpacity: number;
+    glassSaturation: number;
+    id: string;
+    ariaDescribedby: string;
+    status: "default" | "error" | "success" | "warning";
+    placeholder: string;
+    clearable: boolean;
+    panelMaxHeight: string | number;
+    options: BingTreeSelectNode[];
+    multiple: boolean;
+    showSelectAll: boolean;
+    selectAllText: string;
+    clearAllText: string;
+    emptyText: string;
+    searchable: import('./BingTreeSelect.types').BingTreeSelectSearchable;
+    searchPlaceholder: string;
+    noSearchResultsText: string;
+    panelMinHeight: string | number;
+    virtual: import('./BingTreeSelect.types').BingTreeSelectVirtualMode;
+    virtualThreshold: number;
+    virtualItemHeight: number;
+    virtualOverscan: number;
+    defaultExpandedValues: BingTreeSelectValue[];
+    defaultExpandAll: boolean;
+    checkStrictly: boolean;
+    showTreeActions: boolean;
+    expandAllText: string;
+    collapseAllText: 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/dist/components/BingTreeSelect/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BingTreeSelect } from './BingTreeSelect.vue';
+export type { BingTreeSelectChangePayload, BingTreeSelectEmits, BingTreeSelectExpandPayload, BingTreeSelectModelValue, BingTreeSelectNode, BingTreeSelectProps, BingTreeSelectSearchable, BingTreeSelectSize, BingTreeSelectValue, BingTreeSelectVirtualMode, } from './BingTreeSelect.types';

package/dist/components/index.d.ts

@@ -0,0 +1,33 @@
+export * from './BingAnimatedText';
+export * from './BingAppSwitcherTransition';
+export * from './BingButton';
+export * from './BingCard';
+export * from './BingCheckbox';
+export * from './BingCodeBlock';
+export * from './BingDatePicker';
+export * from './BingCarouselTransition';
+export * from './BingDeckTransition';
+export * from './BingDialog';
+export * from './BingDropDown';
+export * from './BingFilePreview';
+export * from './BingForm';
+export * from './BingFormItem';
+export * from './BingIcon';
+export * from './BingImage';
+export * from './BingImagePreview';
+export * from './BingInput';
+export * from './BingCheckboxGroup';
+export * from './BingRadio';
+export * from './BingRadioGroup';
+export * from './BingResizable';
+export * from './BingScrollbar';
+export * from './BingSelect';
+export * from './BingSideNav';
+export * from './BingSortableList';
+export * from './BingTabs';
+export * from './BingTag';
+export * from './BingTextarea';
+export * from './BingToast';
+export * from './BingTooltip';
+export * from './BingTable';
+export * from './BingTreeSelect';

package/dist/index.d.ts

@@ -1 +1,3 @@
-export {}
+export * from './components';
+export type { BingGlassEffectProps } from './utils/glass';
+export * from './motion';

package/dist/motion/index.d.ts

@@ -0,0 +1,13 @@
+export declare const motion: {
+    readonly duration: {
+        readonly fast: 0.18;
+        readonly normal: 0.32;
+        readonly slow: 0.62;
+    };
+    readonly ease: {
+        readonly smooth: "power3.out";
+        readonly press: "back.out(2.2)";
+        readonly glide: "expo.out";
+    };
+};
+export declare function prefersReducedMotion(): boolean;

package/dist/utils/glass.d.ts

@@ -0,0 +1,16 @@
+export interface BingGlassEffectProps {
+    glass?: boolean;
+    glassBlur?: string | number;
+    glassOpacity?: number;
+    glassSaturation?: number;
+}
+export declare const defaultGlassEffect: {
+    glass: true;
+    glassBlur: number;
+    glassOpacity: number;
+    glassSaturation: number;
+};
+export declare function normalizeGlassCssLength(value: string | number): string;
+export declare function createGlassCssVariables(prefix: string, options: BingGlassEffectProps): {
+    [x: string]: string;
+};

package/package.json

@@ -1,75 +1,74 @@
-{
+{
   "name": "@moubing/bing-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
-  "packageManager": "pnpm@10.29.3",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
   "main": "./dist/bing-ui.umd.js",
-  "module": "./dist/bing-ui.es.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "*.css",
-    "**/*.css"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/bing-ui.es.js"
-    },
-    "./style.css": "./dist/bing-ui.css"
-  },
-  "peerDependencies": {
-    "gsap": "^3.15.0",
-    "vue": "^3.5.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc -b && vite build",
-    "preview": "vite preview",
-    "test": "vitest",
-    "test:run": "vitest run",
-    "test:browser": "vitest --config vitest.browser.config.ts --passWithNoTests",
-    "test:visual": "playwright test",
-    "storybook": "node scripts/storybook-dev.mjs",
-    "build-storybook": "cross-env STORYBOOK=true storybook build",
-    "changeset": "changeset",
-    "version-packages": "changeset version"
-  },
-  "devDependencies": {
-    "@changesets/cli": "^2.31.0",
-    "@playwright/test": "^1.60.0",
-    "@storybook/addon-docs": "^10.4.1",
-    "@storybook/vue3-vite": "^10.4.1",
-    "@types/node": "^24.12.3",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vitest/browser": "^4.1.7",
-    "@vitest/browser-playwright": "^4.1.7",
-    "@vue/test-utils": "^2.4.10",
-    "@vue/tsconfig": "^0.9.1",
-    "cross-env": "^10.1.0",
-    "gsap": "^3.15.0",
-    "happy-dom": "^20.9.0",
-    "playwright": "^1.60.0",
-    "storybook": "^10.4.1",
-    "typescript": "~6.0.2",
-    "vite": "^8.0.12",
-    "vite-plugin-dts": "^5.0.1",
-    "vitest": "^4.1.7",
-    "vue": "^3.5.35",
-    "vue-tsc": "^3.2.8"
-  },
-  "dependencies": {
-    "@dnd-kit/dom": "^0.5.0",
-    "@dnd-kit/vue": "^0.5.0",
-    "dayjs": "^1.11.21",
-    "lucide-vue-next": "^1.0.0",
-    "shiki": "^4.2.0",
-    "zod": "^4.4.3"
-  }
-}
+  "module": "./dist/bing-ui.es.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css",
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/bing-ui.es.js"
+    },
+    "./style.css": "./dist/bing-ui.css"
+  },
+  "peerDependencies": {
+    "gsap": "^3.15.0",
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.31.0",
+    "@playwright/test": "^1.60.0",
+    "@storybook/addon-docs": "^10.4.1",
+    "@storybook/vue3-vite": "^10.4.1",
+    "@types/node": "^24.12.3",
+    "@vitejs/plugin-vue": "^6.0.6",
+    "@vitest/browser": "^4.1.7",
+    "@vitest/browser-playwright": "^4.1.7",
+    "@vue/test-utils": "^2.4.10",
+    "@vue/tsconfig": "^0.9.1",
+    "cross-env": "^10.1.0",
+    "gsap": "^3.15.0",
+    "happy-dom": "^20.9.0",
+    "playwright": "^1.60.0",
+    "storybook": "^10.4.1",
+    "typescript": "~6.0.2",
+    "vite": "^8.0.12",
+    "vite-plugin-dts": "^5.0.1",
+    "vitest": "^4.1.7",
+    "vue": "^3.5.35",
+    "vue-tsc": "^3.2.8"
+  },
+  "dependencies": {
+    "@dnd-kit/dom": "^0.5.0",
+    "@dnd-kit/vue": "^0.5.0",
+    "dayjs": "^1.11.21",
+    "lucide-vue-next": "^1.0.0",
+    "shiki": "^4.2.0",
+    "zod": "^4.4.3"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:browser": "vitest --config vitest.browser.config.ts --passWithNoTests",
+    "test:visual": "playwright test",
+    "storybook": "node scripts/storybook-dev.mjs",
+    "build-storybook": "cross-env STORYBOOK=true storybook build",
+    "changeset": "changeset",
+    "version-packages": "changeset version"
+  }
+}