@well-insight/ui 0.1.6 → 0.1.8

package/dist/components/Dock/styles.css

@@ -0,0 +1,41 @@
+/* —— Menu: Dock —— */
+.wi-dock {
+    display: flex;
+    justify-content: center;
+}
+
+.wi-dock__list {
+    align-items: flex-end;
+    background: color-mix(in srgb, var(--wi-color-surface) 85%, transparent);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-lg);
+    display: flex;
+    gap: var(--wi-space-2);
+    list-style: none;
+    margin: 0;
+    padding: var(--wi-space-2) var(--wi-space-3);
+}
+
+.wi-dock__button {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-md);
+    cursor: pointer;
+    padding: var(--wi-space-1);
+    transition: transform var(--wi-motion-fast, 150ms) ease;
+}
+
+.wi-dock__button:hover:not(:disabled) {
+    transform: translateY(-0.25rem) scale(1.08);
+}
+
+.wi-dock__icon {
+    align-items: center;
+    background: color-mix(in srgb, var(--wi-color-primary) 14%, var(--wi-color-surface));
+    border-radius: var(--wi-radius-md);
+    display: inline-flex;
+    font-size: 1.25rem;
+    height: 2.75rem;
+    justify-content: center;
+    width: 2.75rem;
+}

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

@@ -1,19 +1,21 @@
 import { DrawerProps, DrawerPosition } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_13: {}, __VLS_15: {};
+declare var __VLS_15: {}, __VLS_17: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_13) => any;
+    header?: (props: typeof __VLS_15) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: DefineComponent<DrawerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
     show: () => any;
     hide: () => any;
+    "after-leave": () => any;
 }, string, PublicProps, Readonly<DrawerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onShow?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
+    "onAfter-leave"?: (() => any) | undefined;
 }>, {
     modelValue: boolean;
     teleport: boolean;

package/dist/components/Drawer/Drawer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";AA0FA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAsJ1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";AAiHA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA2L1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Drawer/styles.css

@@ -0,0 +1,121 @@
+.wi-drawer-enter-active {
+    transition: opacity var(--wi-motion-enter) var(--wi-motion-ease);
+}
+
+.wi-drawer-leave-active {
+    transition: opacity var(--wi-motion-exit) var(--wi-motion-ease);
+}
+
+.wi-drawer-enter-active .wi-drawer,
+.wi-drawer-leave-active .wi-drawer {
+    transition: transform var(--wi-motion-enter) var(--wi-motion-ease);
+}
+
+.wi-drawer-leave-active .wi-drawer {
+    transition: transform var(--wi-motion-exit) var(--wi-motion-ease);
+}
+
+.wi-drawer-enter-from,
+.wi-drawer-leave-to {
+    opacity: 0;
+}
+
+.wi-drawer-enter-from .wi-drawer--left,
+.wi-drawer-leave-to .wi-drawer--left {
+    transform: translateX(-100%);
+}
+
+.wi-drawer-enter-from .wi-drawer--right,
+.wi-drawer-leave-to .wi-drawer--right {
+    transform: translateX(100%);
+}
+
+.wi-drawer-enter-from .wi-drawer--top,
+.wi-drawer-leave-to .wi-drawer--top {
+    transform: translateY(-100%);
+}
+
+.wi-drawer-enter-from .wi-drawer--bottom,
+.wi-drawer-leave-to .wi-drawer--bottom {
+    transform: translateY(100%);
+}
+
+.wi-drawer-backdrop {
+    inset: 0;
+    position: fixed;
+    z-index: var(--wi-z-overlay);
+}
+
+.wi-drawer-backdrop--modal {
+    background: var(--wi-overlay-scrim);
+}
+
+.wi-drawer {
+    background: var(--wi-color-surface);
+    box-shadow: var(--wi-shadow-lg);
+    color: var(--wi-color-text);
+    display: flex;
+    flex-direction: column;
+    position: fixed;
+    z-index: var(--wi-z-overlay-raised);
+}
+
+.wi-drawer--left {
+    bottom: 0;
+    left: 0;
+    top: 0;
+    width: min(20rem, 100vw);
+}
+
+.wi-drawer--right {
+    bottom: 0;
+    right: 0;
+    top: 0;
+    width: min(20rem, 100vw);
+}
+
+.wi-drawer--top {
+    left: 0;
+    right: 0;
+    top: 0;
+    max-height: min(40vh, 100%);
+}
+
+.wi-drawer--bottom {
+    bottom: 0;
+    left: 0;
+    right: 0;
+    max-height: min(40vh, 100%);
+}
+
+.wi-drawer__header {
+    align-items: center;
+    border-bottom: 1px solid var(--wi-color-border);
+    display: flex;
+    justify-content: space-between;
+    padding: var(--wi-space-4);
+}
+
+.wi-drawer__header h2 {
+    font-size: var(--wi-font-size-lg);
+    margin: 0;
+}
+
+.wi-drawer__close {
+    background: transparent;
+    border: 0;
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    font-size: 1.25rem;
+}
+
+.wi-drawer__close:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-drawer__body {
+    flex: 1;
+    overflow: auto;
+    padding: var(--wi-space-4);
+}

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

@@ -10,6 +10,10 @@ export interface DrawerProps {
     dismissable?: boolean;
     showCloseIcon?: boolean;
     header?: string;
+    /** Panel width for left/right. Number is pixels. */
+    width?: string | number;
+    /** Panel height for top/bottom. Number is pixels. */
+    height?: string | number;
     /** Lock `document.body` overflow while open. */
     blockScroll?: boolean;
     /** Teleport overlay. Defaults to `true`. */
@@ -21,5 +25,6 @@ export interface DrawerEmits {
     (event: 'update:modelValue', value: boolean): void;
     (event: 'show'): void;
     (event: 'hide'): void;
+    (event: 'after-leave'): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Drawer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oCAAoC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;CAC7B"}

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

@@ -1,12 +1,12 @@
-import { DropdownItem, DropdownProps } from './types';
+import { DropdownItem, DropdownProps, DropdownTrigger } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_15: {
+declare var __VLS_1: {}, __VLS_25: {
     item: DropdownItem;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_15) => any;
+    item?: (props: typeof __VLS_25) => any;
 };
 declare const __VLS_base: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;
@@ -17,8 +17,11 @@ declare const __VLS_base: DefineComponent<DropdownProps, {}, {}, {}, {}, Compone
 }>, {
     modelValue: boolean;
     teleport: boolean;
+    trigger: DropdownTrigger;
     placement: "bottom-start" | "bottom-end";
     closeOnSelect: boolean;
+    showDelay: number;
+    hideDelay: number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Dropdown/Dropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.vue"],"names":[],"mappings":";AAmMA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA2Q1D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS7C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.vue"],"names":[],"mappings":";AAoPA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAoV1D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Dropdown/DropdownNodes.vue.d.ts

@@ -0,0 +1,32 @@
+import { DropdownItem } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    items: DropdownItem[];
+    highlightedValue?: string;
+};
+declare var __VLS_14: {
+    item: DropdownItem;
+}, __VLS_29: {
+    item: DropdownItem;
+};
+type __VLS_Slots = {} & {
+    item?: (props: typeof __VLS_14) => any;
+} & {
+    item?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    select: (item: DropdownItem) => any;
+    highlight: (value: string | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: DropdownItem) => any) | undefined;
+    onHighlight?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, 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;
+    };
+};
+//# sourceMappingURL=DropdownNodes.vue.d.ts.map

package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownNodes.vue"],"names":[],"mappings":";AAmHA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAG3C,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC;AA+RF,QAAA,IAAI,QAAQ;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Dropdown/styles.css

@@ -0,0 +1,78 @@
+.wi-dropdown {
+    display: inline-block;
+    position: relative;
+}
+
+.wi-dropdown__trigger {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+}
+
+.wi-dropdown__menu {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    display: grid;
+    gap: var(--wi-space-1);
+    min-width: var(--wi-menu-min-width);
+    padding: var(--wi-space-1);
+    position: absolute;
+    top: calc(100% + var(--wi-space-2));
+    z-index: var(--wi-z-popper);
+}
+
+.wi-dropdown__menu--bottom-start {
+    left: 0;
+}
+
+.wi-dropdown__menu--bottom-end {
+    right: 0;
+}
+
+.wi-dropdown__menu--teleported {
+    position: fixed;
+    top: auto;
+    z-index: var(--wi-z-overlay);
+}
+
+.wi-dropdown__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    font-size: var(--wi-font-size-md);
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: left;
+    white-space: nowrap;
+}
+
+.wi-dropdown__item:hover:not(:disabled),
+.wi-dropdown__item--highlighted:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
+    color: var(--wi-color-primary);
+}
+
+.wi-dropdown__item:disabled {
+    color: var(--wi-color-text-muted);
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-dropdown__separator {
+    background: var(--wi-color-border);
+    height: 1px;
+    margin: var(--wi-space-1) 0;
+}
+
+.wi-dropdown__group-label {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+    padding: var(--wi-space-2) var(--wi-space-3) var(--wi-space-1);
+}

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

@@ -1,11 +1,19 @@
 import { WiAppendTo } from '../../shared/overlay';
+export type DropdownItemType = 'item' | 'group' | 'divider';
+export type DropdownTrigger = 'click' | 'hover';
 export interface DropdownItem {
-    /** 菜单项的稳定标识，同时用于 v-for 的 key。 */
-    value: string;
+    /** 菜单项的稳定标识，同时用于 v-for 的 key。分组 / 分割线可省略。 */
+    value?: string;
     /** 菜单项展示文本。需要自定义内容时可使用 item slot。 */
-    label: string;
+    label?: string;
     /** 禁用后不可聚焦、不可选择。 */
     disabled?: boolean;
+    icon?: string;
+    command?: () => void;
+    type?: DropdownItemType;
+    /** Alias of `type: 'divider'`. */
+    separator?: boolean;
+    items?: DropdownItem[];
 }
 export interface DropdownProps {
     /** 控制菜单是否打开。 */
@@ -16,6 +24,9 @@ export interface DropdownProps {
     placement?: 'bottom-start' | 'bottom-end';
     /** 选择菜单项后是否自动关闭菜单。 */
     closeOnSelect?: boolean;
+    trigger?: DropdownTrigger;
+    showDelay?: number;
+    hideDelay?: number;
     /**
      * 是否将菜单 Teleport 出去。默认 `true`。
      * 设为 `false` 时等价于 `appendTo: 'self'`。

package/dist/components/Dropdown/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAA;IACb,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa;IACb,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAA;IACzC,sBAAsB;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEtD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa;IACb,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAA;IACzC,sBAAsB;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5C"}

package/dist/components/Fieldset/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACtD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Fieldset/styles.css

@@ -0,0 +1,37 @@
+/* —— Panel: Fieldset —— */
+.wi-fieldset {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    margin: 0;
+    min-inline-size: 0;
+    padding: var(--wi-space-3) var(--wi-space-4) var(--wi-space-4);
+}
+
+.wi-fieldset__legend {
+    color: var(--wi-color-text);
+    font-weight: 600;
+    padding: 0 var(--wi-space-1);
+}
+
+.wi-fieldset__toggler {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--wi-space-2);
+    padding: 0;
+}
+
+.wi-fieldset__toggler:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-fieldset__content {
+    color: var(--wi-color-text);
+    padding-top: var(--wi-space-2);
+}

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

@@ -96,6 +96,7 @@ declare const __VLS_base: DefineComponent<FileUploadProps, {
     mode: FileUploadMode;
     name: string;
     drag: boolean;
+    directory: boolean;
     showFileList: boolean;
     listType: FileUploadListType;
     method: string;

package/dist/components/FileUpload/FileUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.vue"],"names":[],"mappings":";AAkhBA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAA4B,MAAM,SAAS,CAAA;AAuKxF,iBAAS,UAAU,SAGlB;AAmGD,iBAAS,MAAM,SAId;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,QAMnC;AAqBD,iBAAS,UAAU,SAIlB;AA4dD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.vue"],"names":[],"mappings":";AAohBA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAA4B,MAAM,SAAS,CAAA;AAwKxF,iBAAS,UAAU,SAGlB;AAmGD,iBAAS,MAAM,SAId;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,QAMnC;AAqBD,iBAAS,UAAU,SAIlB;AA8dD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/FileUpload/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,gBAAgB,GACjB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,gBAAgB,GACjB,MAAM,SAAS,CAAA"}