morya-ui 0.1.1

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

@@ -0,0 +1,15 @@
+import { MAppendTo } from '../../shared/overlay';
+export type ScrollTopTarget = 'window' | 'parent';
+export interface ScrollTopProps {
+    threshold?: number;
+    target?: ScrollTopTarget;
+    /** Distance from the right edge. Number is pixels. */
+    right?: string | number;
+    /** Distance from the bottom edge. Number is pixels. */
+    bottom?: string | number;
+    /** Teleport button. Defaults to `true`. */
+    teleport?: boolean;
+    /** Teleport target. Defaults to `'body'` (or ConfigProvider `appendTo`). */
+    appendTo?: MAppendTo;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollTop/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAEjD,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,eAAe,CAAA;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -0,0 +1,50 @@
+import { CSSProperties, StyleValue, DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ScrollbarDirection, ScrollbarProps, ScrollbarScrollPayload, ScrollbarClassValue } from './types';
+declare function handleScroll(): void;
+declare function update(): void;
+declare function scrollTo(xCord: number, yCord?: number): void;
+declare function scrollTo(options: ScrollToOptions): void;
+declare function setScrollTop(value: number): void;
+declare function setScrollLeft(value: number): void;
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: DefineComponent<ScrollbarProps, {
+    wrapRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    update: typeof update;
+    scrollTo: typeof scrollTo;
+    setScrollTop: typeof setScrollTop;
+    setScrollLeft: typeof setScrollLeft;
+    handleScroll: typeof handleScroll;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    scroll: (payload: ScrollbarScrollPayload) => any;
+    "end-reached": (direction: ScrollbarDirection) => any;
+}, string, PublicProps, Readonly<ScrollbarProps> & Readonly<{
+    onScroll?: ((payload: ScrollbarScrollPayload) => any) | undefined;
+    "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
+}>, {
+    width: string | number;
+    height: string | number;
+    maxWidth: string | number;
+    maxHeight: string | number;
+    tabindex: number | string;
+    fitContent: boolean;
+    wrapStyle: string | false | CSSProperties | StyleValue[] | null;
+    wrapClass: ScrollbarClassValue;
+    viewStyle: string | false | CSSProperties | StyleValue[] | null;
+    viewClass: ScrollbarClassValue;
+    tag: string;
+    trigger: "hover" | "none";
+    minSize: number;
+    distance: number;
+}, {}, {}, {}, 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=Scrollbar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollbar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Scrollbar.vue"],"names":[],"mappings":"AA8WA,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AACnD,OAAO,KAAK,EAAE,kBAAkB,EAAkB,cAAc,EAAE,MAAM,SAAS,CAAA;AAiMjF,iBAAS,YAAY,SAsCpB;AAED,iBAAS,MAAM,SAKd;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;AACtD,iBAAS,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,CAAA;AAWjD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,QAGlC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,QAGnC;AAmMD,QAAA,IAAuB,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/C,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/Scrollbar/Thumb.vue.d.ts

@@ -0,0 +1,12 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    vertical?: boolean;
+    size: string;
+    move: number;
+    ratio: number;
+    always?: boolean;
+};
+declare const __VLS_export: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Thumb.vue.d.ts.map

package/dist/components/Scrollbar/Thumb.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Thumb.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/Thumb.vue"],"names":[],"mappings":";AAgQA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAoRF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Scrollbar/constants.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, InjectionKey, Ref } from 'vue';
+export interface ScrollbarContext {
+    scrollbarElement: HTMLDivElement | undefined;
+    wrapElement: HTMLDivElement | undefined;
+    contentId: string;
+}
+export declare const scrollbarContextKey: InjectionKey<ScrollbarContext>;
+/** Internal shape used when providing refs via reactive(). */
+export interface ScrollbarProvideSource {
+    scrollbarElement: Ref<HTMLDivElement | undefined>;
+    wrapElement: Ref<HTMLDivElement | undefined>;
+    contentId: ComputedRef<string>;
+}
+//# sourceMappingURL=constants.d.ts.map

package/dist/components/Scrollbar/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,EAAE,cAAc,GAAG,SAAS,CAAA;IAC5C,WAAW,EAAE,cAAc,GAAG,SAAS,CAAA;IACvC,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,mBAAmB,EAAE,YAAY,CAAC,gBAAgB,CAAyB,CAAA;AAExF,8DAA8D;AAC9D,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IACjD,WAAW,EAAE,GAAG,CAAC,cAAc,GAAG,SAAS,CAAC,CAAA;IAC5C,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC/B"}

package/dist/components/Scrollbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MScrollbar } from './Scrollbar.vue';
+export type { ScrollbarAriaOrientation, ScrollbarDirection, ScrollbarEmits, ScrollbarInstance, ScrollbarProps, ScrollbarScrollPayload, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACvD,YAAY,EACV,wBAAwB,EACxB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,sBAAsB,GACvB,MAAM,SAAS,CAAA"}

package/dist/components/Scrollbar/styles.css

@@ -0,0 +1,122 @@
+.m-scrollbar {
+    --m-scrollbar-track-size: 6px;
+    --m-scrollbar-bg: color-mix(
+        in srgb,
+        var(--m-color-text) 28%,
+        transparent
+    );
+    --m-scrollbar-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-text) 45%,
+        transparent
+    );
+    --m-scrollbar-opacity: 0.5;
+    --m-scrollbar-hover-opacity: 0.8;
+    min-height: 0;
+    overflow: hidden;
+    position: relative;
+}
+
+.m-scrollbar--fill {
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.m-scrollbar__wrap {
+    overflow: auto;
+}
+
+.m-scrollbar--fill .m-scrollbar__wrap {
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.m-scrollbar--fit-content.m-scrollbar--fill {
+    height: auto;
+}
+
+.m-scrollbar--fit-content.m-scrollbar--fill .m-scrollbar__wrap {
+    height: auto;
+    max-height: inherit;
+    max-width: inherit;
+}
+
+.m-scrollbar__wrap--hidden-default {
+    scrollbar-width: none;
+}
+
+.m-scrollbar__wrap--hidden-default::-webkit-scrollbar {
+    display: none;
+}
+
+.m-scrollbar__view {
+    box-sizing: border-box;
+}
+
+.m-scrollbar__bar {
+    border-radius: var(--m-radius-sm);
+    bottom: 2px;
+    position: absolute;
+    right: 2px;
+    z-index: 1;
+}
+
+.m-scrollbar__bar--vertical {
+    top: 2px;
+    width: var(--m-scrollbar-track-size);
+}
+
+.m-scrollbar__bar--vertical > .m-scrollbar__thumb {
+    width: 100%;
+}
+
+.m-scrollbar__bar--horizontal {
+    height: var(--m-scrollbar-track-size);
+    left: 2px;
+}
+
+.m-scrollbar__bar--horizontal > .m-scrollbar__thumb {
+    height: 100%;
+}
+
+.m-scrollbar__bar:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+    outline-offset: 1px;
+}
+
+.m-scrollbar__thumb {
+    background-color: var(--m-scrollbar-bg);
+    border-radius: inherit;
+    cursor: pointer;
+    display: block;
+    height: 0;
+    opacity: var(--m-scrollbar-opacity);
+    position: relative;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+    width: 0;
+}
+
+.m-scrollbar__thumb:hover {
+    background-color: var(--m-scrollbar-hover-bg);
+    opacity: var(--m-scrollbar-hover-opacity);
+}
+
+.m-scrollbar-fade-enter-active {
+    transition: opacity var(--m-motion-scrollbar-show) var(--m-motion-ease);
+}
+
+.m-scrollbar-fade-leave-active {
+    transition: opacity var(--m-motion-scrollbar-hide) var(--m-motion-ease);
+}
+
+.m-scrollbar-fade-enter-from,
+.m-scrollbar-fade-leave-to {
+    opacity: 0;
+}

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

@@ -0,0 +1,71 @@
+import { CSSProperties, StyleValue } from 'vue';
+export type ScrollbarDirection = 'top' | 'bottom' | 'left' | 'right';
+export type ScrollbarAriaOrientation = 'horizontal' | 'vertical';
+export interface ScrollbarScrollPayload {
+    scrollTop: number;
+    scrollLeft: number;
+}
+export type ScrollbarClassValue = string | string[] | Record<string, boolean> | Array<string | Record<string, boolean> | null | undefined | false>;
+export interface ScrollbarProps {
+    /** Viewport height. */
+    height?: string | number;
+    /** Max viewport height; content-sized up to this cap (disables default fill layout). */
+    maxHeight?: string | number;
+    /** Viewport width. */
+    width?: string | number;
+    /** Max viewport width; content-sized up to this cap (disables default fill layout). */
+    maxWidth?: string | number;
+    /**
+     * Size to content up to a CSS `max-height` / `max-width` on the root.
+     * Use for dropdown panels; pair with `max-height` on the root class, not `height: 100%` fill.
+     */
+    fitContent?: boolean;
+    /** Use the browser native scrollbar instead of custom thumbs. */
+    native?: boolean;
+    /** Style of the scroll wrap container. */
+    wrapStyle?: StyleValue;
+    /** Class of the scroll wrap container. */
+    wrapClass?: ScrollbarClassValue;
+    /** Style of the view (content) element. */
+    viewStyle?: StyleValue;
+    /** Class of the view (content) element. */
+    viewClass?: ScrollbarClassValue;
+    /** Skip ResizeObserver updates when container size is static. */
+    noresize?: boolean;
+    /** HTML tag for the view element. */
+    tag?: string;
+    /** Always show scrollbar thumbs (otherwise hover / drag). */
+    always?: boolean;
+    /** `none` keeps thumbs visible; `hover` shows them on hover. `always` still wins. */
+    trigger?: 'hover' | 'none';
+    /** Minimum thumb size in pixels. */
+    minSize?: number;
+    /** Tabindex of the wrap container. */
+    tabindex?: number | string;
+    /** Id applied to the view element (also used for aria-controls). */
+    id?: string;
+    /** Role of the view element. */
+    role?: string;
+    /** aria-label of the view element. */
+    ariaLabel?: string;
+    /** aria-multiselectable of the view element. */
+    ariaMultiselectable?: boolean;
+    /** aria-orientation of the view element. */
+    ariaOrientation?: ScrollbarAriaOrientation;
+    /** Distance (px) from an edge that triggers `end-reached`. */
+    distance?: number;
+}
+export interface ScrollbarEmits {
+    (event: 'scroll', payload: ScrollbarScrollPayload): void;
+    (event: 'end-reached', direction: ScrollbarDirection): void;
+}
+export interface ScrollbarInstance {
+    wrapRef: HTMLDivElement | undefined;
+    update: () => void;
+    scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y?: number) => void);
+    setScrollTop: (value: number) => void;
+    setScrollLeft: (value: number) => void;
+    handleScroll: () => void;
+}
+export type { CSSProperties, StyleValue };
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/types.ts"],"names":[],"mappings":"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"}

package/dist/components/Scrollbar/util.d.ts

@@ -0,0 +1,35 @@
+import { CSSProperties } from 'vue';
+export declare const GAP = 4;
+export declare const BAR_MAP: {
+    readonly vertical: {
+        readonly offset: "offsetHeight";
+        readonly scroll: "scrollTop";
+        readonly scrollSize: "scrollHeight";
+        readonly size: "height";
+        readonly key: "vertical";
+        readonly axis: "Y";
+        readonly client: "clientY";
+        readonly direction: "top";
+    };
+    readonly horizontal: {
+        readonly offset: "offsetWidth";
+        readonly scroll: "scrollLeft";
+        readonly scrollSize: "scrollWidth";
+        readonly size: "width";
+        readonly key: "horizontal";
+        readonly axis: "X";
+        readonly client: "clientX";
+        readonly direction: "left";
+    };
+};
+export type BarMapKey = keyof typeof BAR_MAP;
+export type BarMapValue = (typeof BAR_MAP)[BarMapKey];
+export declare function addUnit(value?: string | number): string | undefined;
+export declare function renderThumbStyle({ move, size, bar, }: {
+    move: number;
+    size: string;
+    bar: BarMapValue;
+}): CSSProperties;
+export declare function isNumber(value: unknown): value is number;
+export declare function isObject(value: unknown): value is Record<string, unknown>;
+//# sourceMappingURL=util.d.ts.map

package/dist/components/Scrollbar/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/components/Scrollbar/util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AAExC,eAAO,MAAM,GAAG,IAAI,CAAA;AAEpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBV,CAAA;AAEV,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,OAAO,CAAA;AAC5C,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;AAErD,wBAAgB,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAKnE;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,WAAW,CAAA;CACjB,GAAG,aAAa,CAKhB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAExD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEzE"}

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

@@ -0,0 +1,56 @@
+import { SelectModelValue, SelectOption, SelectProps, SelectValue } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface MenuOption extends SelectOption {
+    created?: boolean;
+}
+declare var __VLS_6: {
+    option: SelectOption;
+}, __VLS_36: {
+    option: MenuOption;
+};
+type __VLS_Slots = {} & {
+    value?: (props: typeof __VLS_6) => any;
+} & {
+    option?: (props: typeof __VLS_36) => any;
+};
+declare const __VLS_base: DefineComponent<SelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: SelectModelValue) => any;
+    clear: () => any;
+    search: (query: string) => any;
+    change: (value: SelectModelValue) => any;
+    show: () => any;
+    hide: () => any;
+    create: (option: SelectOption) => any;
+}, string, PublicProps, Readonly<SelectProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: SelectModelValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onSearch?: ((query: string) => any) | undefined;
+    onChange?: ((value: SelectModelValue) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+    onCreate?: ((option: SelectOption) => any) | undefined;
+}>, {
+    modelValue: SelectValue | SelectValue[];
+    multiple: boolean;
+    filter: boolean;
+    disabled: boolean;
+    required: boolean;
+    loading: boolean;
+    invalid: boolean;
+    tag: boolean;
+    clearable: boolean;
+    teleport: boolean;
+    showClear: boolean;
+    fluid: boolean;
+    placement: "bottom-start" | "bottom-end";
+    remote: 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=Select.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.vue"],"names":[],"mappings":";AA2eA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAUvF,UAAU,UAAW,SAAQ,YAAY;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAqtBD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAU/C,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/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MSelect } from './Select.vue';
+export type { SelectEmits, SelectModelValue, SelectOption, SelectProps, SelectSize, SelectValue } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Select/styles.css

@@ -0,0 +1,240 @@
+.m-select__control {
+    position: relative;
+    width: 100%;
+}
+
+.m-select {
+    align-items: center;
+    cursor: pointer;
+    display: flex;
+    font-size: var(--m-control-font-medium);
+    min-height: var(--m-control-height-medium);
+    padding: 0 var(--m-control-padding-x-medium);
+    padding-right: var(--m-control-end-padding);
+    position: relative;
+    text-align: left;
+}
+
+.m-select--small,
+.m-select--sm {
+    font-size: var(--m-control-font-small);
+    min-height: var(--m-control-height-small);
+    padding-left: var(--m-control-padding-x-small);
+    padding-right: var(--m-control-end-padding);
+}
+
+.m-select--normal {
+    font-size: var(--m-control-font-medium);
+    min-height: var(--m-control-height-medium);
+}
+
+.m-select--large,
+.m-select--lg {
+    font-size: var(--m-control-font-large);
+    min-height: var(--m-control-height-large);
+    padding-left: var(--m-control-padding-x-large);
+    padding-right: var(--m-control-end-padding);
+}
+
+.m-select--multiple {
+    align-items: center;
+    gap: var(--m-space-1);
+    padding-bottom: var(--m-space-1);
+    padding-top: var(--m-space-1);
+}
+
+.m-select__tags {
+    display: flex;
+    flex: 1 1 auto;
+    flex-wrap: wrap;
+    gap: var(--m-space-1);
+    min-width: 0;
+}
+
+.m-select__spinner {
+    border: 2px solid
+        color-mix(in srgb, var(--m-color-text-muted) 35%, transparent);
+    border-radius: 50%;
+    border-top-color: var(--m-color-primary);
+    flex: 0 0 auto;
+    height: 0.85rem;
+    width: 0.85rem;
+    animation: wk-select-spin var(--m-motion-spin-medium) linear infinite;
+}
+
+@keyframes wk-select-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-select__spinner {
+        animation: none;
+        border-top-color: var(--m-color-text-muted);
+    }
+}
+
+.m-select:hover:not(:disabled):not(.m-select--disabled):not(
+        .m-select--open
+    ) {
+    border-color: var(--m-color-primary-hover);
+}
+
+.m-select--open,
+.m-select:focus-visible {
+    border-color: var(--m-color-primary-hover);
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-select--placeholder .m-select__value {
+    color: var(--m-color-text-muted);
+}
+
+.m-select__value {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.m-select__menu {
+    --m-select-menu-max-height: min(18rem, 45vh);
+    --m-select-list-max-height: var(--m-select-menu-max-height);
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    box-shadow: var(--m-shadow-md);
+    display: flex;
+    flex-direction: column;
+    margin-top: var(--m-space-2);
+    max-height: var(--m-select-menu-max-height);
+    min-width: 100%;
+    overflow: hidden;
+    padding: var(--m-space-1);
+    position: absolute;
+    width: max-content;
+    z-index: var(--m-z-popper);
+}
+
+.m-select__menu:has(.m-select__filter) {
+    --m-select-list-max-height: calc(var(--m-select-menu-max-height) - 2.75rem);
+}
+
+.m-select__filter {
+    background: var(--m-color-surface);
+    border: 0;
+    border-bottom: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text);
+    flex: 0 0 auto;
+    font: inherit;
+    margin: calc(var(--m-space-1) * -1) calc(var(--m-space-1) * -1) 0;
+    padding: var(--m-space-2) var(--m-space-3);
+    width: calc(100% + var(--m-space-1) * 2);
+}
+
+.m-select__list {
+    max-height: var(--m-select-list-max-height);
+    min-height: 0;
+}
+
+.m-select__list-view {
+    display: grid;
+    gap: var(--m-space-1);
+}
+
+.m-select__filter:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-select__empty {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-md);
+    padding: var(--m-space-3);
+    text-align: center;
+}
+
+.m-select__menu--bottom-start {
+    left: 0;
+}
+
+.m-select__menu--bottom-end {
+    right: 0;
+}
+
+.m-select__menu--teleported {
+    margin-top: 0;
+    position: fixed;
+    z-index: var(--m-z-dropdown);
+}
+
+.m-select__option {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text);
+    cursor: pointer;
+    display: flex;
+    font: inherit;
+    font-size: var(--m-control-font-medium);
+    gap: var(--m-space-3);
+    justify-content: space-between;
+    min-height: var(--m-control-height-medium);
+    padding: 0 var(--m-control-padding-x-medium);
+    text-align: left;
+    white-space: nowrap;
+}
+
+.m-select__option:hover:not(:disabled),
+.m-select__option--highlighted:not(:disabled) {
+    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
+    color: var(--m-color-primary);
+}
+
+.m-select__option--selected {
+    font-weight: 600;
+}
+
+.m-select__option:disabled {
+    color: var(--m-color-text-muted);
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-select__check {
+    color: var(--m-color-primary);
+    flex: 0 0 auto;
+}
+
+.m-select__required-input {
+    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+}
+
+.m-select--invalid {
+    border-color: var(--m-color-danger);
+}
+
+.m-select__option:focus-visible {
+    background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
+    box-shadow: none;
+    outline: none;
+}
+
+.m-select__option--create {
+    color: var(--m-color-primary);
+    font-style: italic;
+}