@well-insight/ui 0.1.6 → 0.1.8

package/dist/components/Slider/styles.css

@@ -0,0 +1,136 @@
+/* —— Form: Slider —— */
+.wi-slider {
+    align-items: center;
+    display: flex;
+    min-height: 1.5rem;
+    position: relative;
+    width: 100%;
+}
+
+.wi-slider--range {
+    height: 1.5rem;
+}
+
+.wi-slider__input {
+    -webkit-appearance: none;
+    appearance: none;
+    background: transparent;
+    cursor: pointer;
+    height: 1.5rem;
+    margin: 0;
+    width: 100%;
+}
+
+.wi-slider--range .wi-slider__input {
+    left: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+}
+
+.wi-slider--range .wi-slider__input::-webkit-slider-thumb {
+    pointer-events: auto;
+}
+
+.wi-slider--range .wi-slider__input::-moz-range-thumb {
+    pointer-events: auto;
+}
+
+.wi-slider__input::-webkit-slider-runnable-track {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 28%, var(--wi-color-surface));
+    border-radius: var(--wi-radius-full);
+    height: 0.35rem;
+}
+
+.wi-slider__input::-moz-range-track {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 28%, var(--wi-color-surface));
+    border-radius: var(--wi-radius-full);
+    height: 0.35rem;
+}
+
+.wi-slider__input::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    background: var(--wi-color-primary);
+    border: 2px solid var(--wi-color-surface);
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--wi-color-primary) 40%, transparent);
+    height: 1rem;
+    margin-top: -0.325rem;
+    width: 1rem;
+}
+
+.wi-slider__input::-moz-range-thumb {
+    background: var(--wi-color-primary);
+    border: 2px solid var(--wi-color-surface);
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px color-mix(in srgb, var(--wi-color-primary) 40%, transparent);
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-slider__input:focus-visible {
+    outline: none;
+}
+
+.wi-slider__input:focus-visible::-webkit-slider-thumb {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-slider__input:focus-visible::-moz-range-thumb {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-slider--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-slider--vertical {
+    flex-direction: column;
+    height: 12rem;
+    min-height: 12rem;
+    width: 2.5rem;
+}
+
+.wi-slider--vertical .wi-slider__input {
+    height: 100%;
+    width: 1.5rem;
+    writing-mode: vertical-lr;
+    direction: rtl;
+}
+
+.wi-slider__tooltip {
+    background: var(--wi-color-text);
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-surface);
+    font-size: var(--wi-font-size-xs);
+    left: 50%;
+    padding: 0.15rem 0.4rem;
+    position: absolute;
+    top: -1.5rem;
+    transform: translateX(-50%);
+    white-space: nowrap;
+}
+
+.wi-slider__marks {
+    inset: 0.9rem 0.5rem auto;
+    position: absolute;
+}
+
+.wi-slider--vertical .wi-slider__marks {
+    inset: 0.5rem auto 0.5rem 1.5rem;
+}
+
+.wi-slider__mark {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+    position: absolute;
+    transform: translateX(-50%);
+}
+
+.wi-slider--vertical .wi-slider__mark {
+    transform: translateY(50%);
+}

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

@@ -1,3 +1,4 @@
+export type SliderMarks = number[] | Record<number, string>;
 export interface SliderProps {
     modelValue?: number | number[];
     min?: number;
@@ -5,6 +6,12 @@ export interface SliderProps {
     step?: number;
     range?: boolean;
     disabled?: boolean;
+    /** Tick marks. Array of values, or a value-to-label map. */
+    marks?: SliderMarks;
+    /** Show the current value while interacting. */
+    tooltip?: boolean;
+    /** Render vertically. */
+    vertical?: boolean;
 }
 export interface SliderEmits {
     (event: 'update:modelValue', value: number | number[]): void;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CAC7D"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAE3D,MAAM,WAAW,WAAW;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,CAAA;CAC7D"}

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

@@ -0,0 +1,23 @@
+import { SpaceProps, SpaceJustify } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<SpaceProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
+    reverse: boolean;
+    inline: boolean;
+    vertical: boolean;
+    justify: SpaceJustify;
+    wrap: boolean;
+    wrapItem: boolean;
+}, {}, {}, {}, 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=Space.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Space.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Space/Space.vue"],"names":[],"mappings":";AAkEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiGzC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;6EAGd,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/Space/index.d.ts

@@ -0,0 +1,3 @@
+export { default as WiSpace } from './Space.vue';
+export type { SpaceAlign, SpaceJustify, SpaceProps, SpaceSize } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Space/styles.css

@@ -0,0 +1,10 @@
+/* —— Panel: Space —— */
+.wi-space {
+    box-sizing: border-box;
+    min-width: 0;
+}
+
+.wi-space__item {
+    display: flex;
+    max-width: 100%;
+}

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

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'vue';
+import { WiFlexAlign, WiFlexJustify, WiGapSize } from '../../shared/gap';
+export type SpaceAlign = WiFlexAlign;
+export type SpaceJustify = WiFlexJustify;
+export type SpaceSize = WiGapSize;
+export interface SpaceProps {
+    /** Cross-axis alignment. */
+    align?: SpaceAlign;
+    /** Main-axis alignment. */
+    justify?: SpaceJustify;
+    /** Use `inline-flex`. */
+    inline?: boolean;
+    /** Column direction. */
+    vertical?: boolean;
+    /** Reverse main axis. */
+    reverse?: boolean;
+    /** Gap between items. */
+    size?: SpaceSize;
+    /** Wrap each child in an item container. */
+    wrapItem?: boolean;
+    /** Class on wrapped items (when `wrapItem`). */
+    itemClass?: string;
+    /** Style on wrapped items (when `wrapItem`). */
+    itemStyle?: string | CSSProperties;
+    /** Allow wrapping (ignored when `vertical`). */
+    wrap?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Space/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE7E,MAAM,MAAM,UAAU,GAAG,WAAW,CAAA;AACpC,MAAM,MAAM,YAAY,GAAG,aAAa,CAAA;AACxC,MAAM,MAAM,SAAS,GAAG,SAAS,CAAA;AAEjC,MAAM,WAAW,UAAU;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAClC,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,cAAc,GACf,MAAM,SAAS,CAAA"}

package/dist/components/SpeedDial/styles.css

@@ -0,0 +1,109 @@
+/* —— Primitive: SpeedDial —— */
+.wi-speeddial {
+    display: inline-flex;
+    position: relative;
+}
+
+.wi-speeddial__button {
+    align-items: center;
+    background: var(--wi-color-primary);
+    border: 0;
+    border-radius: var(--wi-radius-full, 999px);
+    color: var(--wi-color-on-emphasis);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: 1.25rem;
+    height: var(--wi-control-height-large);
+    justify-content: center;
+    width: var(--wi-control-height-large);
+}
+
+.wi-speeddial__button:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-speeddial--disabled .wi-speeddial__button {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-speeddial__list {
+    display: flex;
+    gap: var(--wi-space-2);
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: absolute;
+}
+
+.wi-speeddial__list--teleported {
+    position: fixed;
+    z-index: var(--wi-z-dropdown);
+}
+
+.wi-speeddial--up .wi-speeddial__list--teleported,
+.wi-speeddial--down .wi-speeddial__list--teleported {
+    flex-direction: column;
+}
+
+.wi-speeddial--up .wi-speeddial__list--teleported {
+    flex-direction: column-reverse;
+}
+
+.wi-speeddial--left .wi-speeddial__list--teleported {
+    flex-direction: row-reverse;
+}
+
+.wi-speeddial--right .wi-speeddial__list--teleported {
+    flex-direction: row;
+}
+
+.wi-speeddial--up .wi-speeddial__list {
+    bottom: calc(100% + var(--wi-space-2));
+    flex-direction: column-reverse;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.wi-speeddial--down .wi-speeddial__list {
+    flex-direction: column;
+    left: 50%;
+    top: calc(100% + var(--wi-space-2));
+    transform: translateX(-50%);
+}
+
+.wi-speeddial--left .wi-speeddial__list {
+    flex-direction: row-reverse;
+    right: calc(100% + var(--wi-space-2));
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.wi-speeddial--right .wi-speeddial__list {
+    flex-direction: row;
+    left: calc(100% + var(--wi-space-2));
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.wi-speeddial__action {
+    align-items: center;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-full, 999px);
+    box-shadow: var(--wi-shadow-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--wi-space-1);
+    justify-content: center;
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-space-3);
+}
+
+.wi-speeddial__action-label {
+    font-size: var(--wi-font-size-sm);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/SplitButton.vue"],"names":[],"mappings":";AA6JA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAyOhE,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SplitButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/SplitButton.vue"],"names":[],"mappings":";AA2JA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAyOhE,QAAA,MAAM,YAAY;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

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

package/dist/components/SplitButton/styles.css

@@ -0,0 +1,120 @@
+/* —— Primitive: SplitButton —— */
+.wi-splitbutton {
+    display: inline-flex;
+    position: relative;
+    vertical-align: middle;
+}
+
+.wi-splitbutton__main,
+.wi-splitbutton__trigger {
+    align-items: center;
+    background: var(--wi-color-primary);
+    border: 1px solid var(--wi-color-primary);
+    color: var(--wi-color-on-emphasis);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    font-weight: 600;
+    gap: var(--wi-space-2);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-button-padding-x-medium);
+}
+
+.wi-splitbutton__main {
+    border-bottom-left-radius: var(--wi-radius-control);
+    border-top-left-radius: var(--wi-radius-control);
+}
+
+.wi-splitbutton__trigger {
+    border-bottom-right-radius: var(--wi-radius-control);
+    border-left: 1px solid color-mix(in srgb, var(--wi-color-on-emphasis) 35%, var(--wi-color-primary));
+    border-top-right-radius: var(--wi-radius-control);
+    padding: 0 var(--wi-control-padding-x-medium);
+}
+
+.wi-splitbutton--outlined .wi-splitbutton__main,
+.wi-splitbutton--outlined .wi-splitbutton__trigger {
+    background: transparent;
+    color: var(--wi-color-primary);
+}
+
+.wi-splitbutton--outlined .wi-splitbutton__trigger {
+    border-left-color: var(--wi-color-primary);
+}
+
+.wi-splitbutton--secondary .wi-splitbutton__main,
+.wi-splitbutton--secondary .wi-splitbutton__trigger {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 16%, var(--wi-color-surface));
+    border-color: var(--wi-color-border);
+    color: var(--wi-color-text);
+}
+
+.wi-splitbutton--danger .wi-splitbutton__main,
+.wi-splitbutton--danger .wi-splitbutton__trigger {
+    background: var(--wi-color-danger);
+    border-color: var(--wi-color-danger);
+}
+
+.wi-splitbutton--small .wi-splitbutton__main,
+.wi-splitbutton--small .wi-splitbutton__trigger {
+    min-height: var(--wi-control-height-small);
+    font-size: var(--wi-control-font-small);
+}
+
+.wi-splitbutton--large .wi-splitbutton__main,
+.wi-splitbutton--large .wi-splitbutton__trigger {
+    min-height: var(--wi-control-height-large);
+    font-size: var(--wi-control-font-large);
+}
+
+.wi-splitbutton--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-splitbutton__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);
+    list-style: none;
+    margin: var(--wi-space-1) 0 0;
+    min-width: 100%;
+    padding: var(--wi-space-1);
+    position: absolute;
+    right: 0;
+    top: 100%;
+    transform-origin: top right;
+    z-index: var(--wi-z-popper);
+}
+
+.wi-splitbutton__menu--teleported {
+    margin: 0;
+    position: fixed;
+    right: auto;
+    top: auto;
+    z-index: var(--wi-z-overlay);
+}
+
+.wi-splitbutton__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: start;
+    width: 100%;
+}
+
+.wi-splitbutton__item:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+}
+
+.wi-splitbutton__item:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}

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

@@ -1,22 +1,33 @@
-import { SplitterProps, SplitterLayout } from './types';
+import { SplitterProps, SplitterSize } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_8: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     panel1?: (props: typeof __VLS_1) => any;
 } & {
-    panel2?: (props: typeof __VLS_8) => any;
+    '1'?: (props: typeof __VLS_3) => any;
+} & {
+    'resize-trigger'?: (props: typeof __VLS_10) => any;
+} & {
+    panel2?: (props: typeof __VLS_12) => any;
+} & {
+    '2'?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_base: DefineComponent<SplitterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    resize: (value: number) => any;
-    "update:size": (value: number) => any;
+    resize: (value: SplitterSize) => any;
+    "update:size": (value: SplitterSize) => any;
+    "drag-start": (eventPayload: Event) => any;
+    "drag-move": (eventPayload: Event) => any;
+    "drag-end": (eventPayload: Event) => any;
 }, string, PublicProps, Readonly<SplitterProps> & Readonly<{
-    onResize?: ((value: number) => any) | undefined;
-    "onUpdate:size"?: ((value: number) => any) | undefined;
+    onResize?: ((value: SplitterSize) => any) | undefined;
+    "onUpdate:size"?: ((value: SplitterSize) => any) | undefined;
+    "onDrag-start"?: ((eventPayload: Event) => any) | undefined;
+    "onDrag-move"?: ((eventPayload: Event) => any) | undefined;
+    "onDrag-end"?: ((eventPayload: Event) => any) | undefined;
 }>, {
-    size: number;
-    layout: SplitterLayout;
-    min: number;
-    max: number;
+    disabled: boolean;
+    defaultSize: SplitterSize;
+    resizeTriggerSize: 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/Splitter/Splitter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AAiLA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAsO5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,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":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AA4RA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA+U1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACxC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,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/Splitter/index.d.ts

@@ -1,3 +1,3 @@
 export { default as WiSplitter } from './Splitter.vue';
-export type { SplitterLayout, SplitterProps } from './types';
+export type { SplitterEmits, SplitterLayout, SplitterProps, SplitterSize } from './types';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Splitter/size.d.ts

@@ -0,0 +1,8 @@
+import { SplitterSize } from './types';
+export type SizeMode = 'percent' | 'ratio' | 'px';
+export declare function detectSizeMode(value: SplitterSize | undefined, fallback?: SizeMode): SizeMode;
+export declare function parseToPx(value: SplitterSize, containerPx: number, mode: SizeMode): number;
+export declare function pxToSize(px: number, containerPx: number, mode: SizeMode): SplitterSize;
+export declare function sizeToFlexBasis(value: SplitterSize, mode: SizeMode): string;
+export declare function clampPx(px: number, minPx: number, maxPx: number, containerPx: number): number;
+//# sourceMappingURL=size.d.ts.map

package/dist/components/Splitter/size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/size.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,IAAI,CAAA;AAEjD,wBAAgB,cAAc,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,EAAE,QAAQ,GAAE,QAAoB,GAAG,QAAQ,CAKxG;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAO1F;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,YAAY,CAQtF;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,GAAG,MAAM,CAM3E;AAED,wBAAgB,OAAO,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,MAAM,CAI7F"}

package/dist/components/Splitter/styles.css

@@ -0,0 +1,69 @@
+/* —— Panel: Splitter —— */
+.wi-splitter {
+    display: flex;
+    min-height: 6rem;
+    overflow: hidden;
+    width: 100%;
+}
+
+.wi-splitter--horizontal {
+    flex-direction: row;
+}
+
+.wi-splitter--vertical {
+    flex-direction: column;
+}
+
+.wi-splitter--dragging,
+.wi-splitter--dragging * {
+    user-select: none !important;
+}
+
+.wi-splitter__panel {
+    background: var(--wi-color-surface);
+    min-height: 0;
+    min-width: 0;
+    overflow: auto;
+}
+
+.wi-splitter__panel--fill {
+    flex: 1 1 0;
+}
+
+.wi-splitter__gutter {
+    background: var(--wi-color-border);
+    flex: 0 0 6px;
+    touch-action: none;
+    z-index: 1;
+}
+
+.wi-splitter--horizontal > .wi-splitter__gutter {
+    cursor: col-resize;
+    width: 6px;
+}
+
+.wi-splitter--vertical > .wi-splitter__gutter {
+    cursor: row-resize;
+    height: 6px;
+    width: 100%;
+}
+
+.wi-splitter__gutter:hover,
+.wi-splitter--dragging > .wi-splitter__gutter,
+.wi-splitter__gutter:focus-visible {
+    background: var(--wi-color-primary);
+}
+
+.wi-splitter__gutter:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-splitter--disabled {
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-splitter--disabled > .wi-splitter__gutter {
+    cursor: not-allowed;
+    pointer-events: none;
+}