@wpic/ui 0.6.7 → 0.7.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.7.1 — 2026-09-10
+
+- 0.7.0 was deprecated: it was built and published with unrelated, uncommitted WModal/WPopover changes present in the working tree at build time. This release re-publishes the same WSplitButton addition from a clean tree.
+
+## 0.7.0 — 2026-09-10 (deprecated)
+
+- Add WSplitButton: a primary action button paired with a chevron that opens a menu of secondary actions, built from WButton + WButtonGroup + WPopover so it matches WButton exactly across every variant and size.
+
 ## 0.6.6 — 2026-09-10
 
 - Localize WDateRangePicker calendars and action labels; expose WSelect search/action labels through WFilterBar.
@@ -85,7 +93,3 @@ Import `@wpic/ui/style.css` alongside the components. No host Tailwind source sc
 ### Verification
 
 Run `npm run build` followed by `npm run test:semantic`. The browser tests use Google Chrome (`npx playwright install chrome` if needed). Open `/test-ui/semantic.html` with `npm run test:ui` for the standalone package showcase.
-
-## 0.6.7
-- WModal: optional draggable, non-modal floating windows, bounded pointer/keyboard movement, focus restoration, localized close/move labels.
-- Popovers inside modals inherit the overlay layer so selects and calendars remain visible.

package/COMPONENTS.md

@@ -379,6 +379,52 @@ close: []
 
 ---
 
+## WSplitButton
+
+A primary action button paired with a chevron that opens a menu of secondary
+actions. Generic: the primary action is not assumed to be any specific intent
+(export, save, etc.) — the caller supplies the primary label via the default
+slot and the menu entries via `options`.
+
+**Import:** `import { WSplitButton, type WSplitButtonOption } from '@wpic/ui'`
+
+**Props:**
+```ts
+options: WSplitButtonOption[]   // { value: string, label: string, icon?: object | Function, disabled?: boolean }
+variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'outline'
+size?: 'xs' | 'sm' | 'md' | 'lg'
+icon?: object | Function        // icon for the primary button
+disabled?: boolean
+loading?: boolean
+menuLabel?: string              // accessible name for the chevron trigger, default "More options"
+```
+
+**Emits:**
+```ts
+click: [e: MouseEvent]   // primary button activated
+select: [value: string]  // a menu option was chosen
+```
+
+**Slots:**
+```ts
+default  // primary button label/content
+```
+
+**Usage:**
+```html
+<WSplitButton
+  :options="[{ value: 'csv', label: 'CSV' }, { value: 'xlsx', label: 'Excel (.xlsx)' }]"
+  variant="outline"
+  :icon="Download"
+  @click="exportDefault"
+  @select="format => exportAs(format)"
+>
+  Export
+</WSplitButton>
+```
+
+---
+
 ## WProgress
 
 **Import:** `import { WProgress } from '@wpic/ui'`
@@ -697,8 +743,3 @@ For a shorter metric card, use `compact`. Use `changePosition="label"` to align
 ### Localization options (0.6.6)
 
 WTable accepts `labels` (`loading`, `results`, `of`, `item`, `items`, `previous`, `next`) and `loadingSpinner=false` for plain loading text. Existing `emptyText` and `searchPlaceholder` remain available. WSelect accepts `searchPlaceholder`, `selectAllLabel`, `clearLabel` and `noResultsLabel`; WFilterBar forwards `selectLabels` to its selects. WDateRangePicker accepts `locale`, `applyLabel`, `previousMonthLabel`, `nextMonthLabel` in addition to translated `presets`, `ariaLabel`, `clearLabel` and `placeholder`.
-
-WModal accepts `draggable` and `:modal="false"` for floating tools. Drag the title,
-use arrow keys on its move handle (Shift for larger steps), or Home to recenter.
-Pass `closeLabel` and `moveLabel` for localization. Close with Escape or the close
-button. Use `v-if` to open/close; the parent can retain form values across openings.

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

@@ -5,29 +5,20 @@ type __VLS_Props = {
     zIndex?: string;
     hideClose?: boolean;
     noPadding?: boolean;
-    draggable?: boolean;
-    modal?: boolean;
-    closeLabel?: string;
-    moveLabel?: string;
 };
-declare var __VLS_9: {}, __VLS_15: {}, __VLS_17: {};
+declare var __VLS_5: {}, __VLS_11: {}, __VLS_13: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_9) => any;
+    header?: (props: typeof __VLS_5) => any;
 } & {
-    default?: (props: typeof __VLS_15) => any;
+    default?: (props: typeof __VLS_11) => any;
 } & {
-    footer?: (props: typeof __VLS_17) => any;
+    footer?: (props: typeof __VLS_13) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
-}>, {
-    closeLabel: string;
-    draggable: boolean;
-    modal: boolean;
-    moveLabel: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1,34 @@
+export interface WSplitButtonOption {
+    value: string;
+    label: string;
+    icon?: object | Function;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    options: WSplitButtonOption[];
+    variant?: 'primary' | 'secondary' | 'subtle' | 'destructive' | 'ghost' | 'outline';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    icon?: object | Function;
+    disabled?: boolean;
+    loading?: boolean;
+    /** Accessible name for the chevron trigger. Defaults to "More options". */
+    menuLabel?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: MouseEvent) => any;
+    select: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((e: MouseEvent) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.d.ts

@@ -68,6 +68,8 @@ export { default as WImageTile } from './components/WImageTile.vue';
 export { default as WFilterBar } from './components/WFilterBar.vue';
 export type { FilterItem } from './components/WFilterBar.vue';
 export { default as WPopover } from './components/WPopover.vue';
+export { default as WSplitButton } from './components/WSplitButton.vue';
+export type { WSplitButtonOption } from './components/WSplitButton.vue';
 export { default as WTailwindColorPicker } from './components/WTailwindColorPicker.vue';
 export type { WTailwindColorOption } from './components/WTailwindColorPicker.vue';
 export { useRecentItems } from './composables/useRecentItems';