morya-ui 0.4.5 → 0.5.0

package/dist/color-picker/style.js

@@ -0,0 +1,8 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/Input/styles.css'
+import '../components/InputNumber/styles.css'
+import '../components/Segmented/styles.css'
+import '../components/Select/styles.css'
+import '../components/ColorPicker/styles.css'

package/dist/command-menu/style.css

@@ -405,7 +405,7 @@
 
 :root {
     /* Shared minimum width for menu-like panels (select/orderlist/picklist) */
-    --m-menu-min-width: 12rem;
+    --m-overlay-menu-min-width: 12rem;
 }
 
 .m-button,
@@ -463,7 +463,7 @@
 .m-progress-spinner,
 .m-cascadeselect,
 .m-treeselect,
-.m-inputcolor,
+.m-colorpicker,
 .m-inputtags,
 .m-label,
 .m-speeddial,
@@ -489,8 +489,7 @@
 .m-password__input:disabled,
 .m-inputnumber__input:disabled,
 .m-inputotp__input:disabled,
-.m-inputcolor__text:disabled,
-.m-inputcolor__swatch:disabled,
+.m-colorpicker__trigger:disabled,
 .m-inputtags--disabled {
     background-color: var(--m-color-bg-disabled);
     color: var(--m-color-text-disabled);
@@ -513,8 +512,7 @@
 .m-textarea::placeholder,
 .m-password__input::placeholder,
 .m-inputnumber__input::placeholder,
-.m-inputtags__input::placeholder,
-.m-inputcolor__text::placeholder {
+.m-inputtags__input::placeholder {
     color: var(--m-color-text-muted);
     opacity: 1;
 }
@@ -858,9 +856,7 @@
     font-family: var(--m-font-sans);
     gap: var(--m-space-2);
     max-width: 100%;
-    min-width: var(--m-menu-min-width);
     position: relative;
-    width: fit-content;
 }
 
 .m-textarea-field--fluid,
@@ -1051,7 +1047,7 @@
     flex: 1;
     max-height: 16rem;
     min-height: 12rem;
-    min-width: var(--m-menu-min-width);
+    min-width: var(--m-overlay-menu-min-width);
 }
 
 .m-orderlist__list,
@@ -1119,7 +1115,6 @@
     .m-cascadeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
 .m-treeselect:not(.m-treeselect--open)
     .m-treeselect__trigger:hover:not(:disabled):not(:focus):not(:focus-visible),
-.m-inputcolor__text:hover:not(:disabled):not(:focus),
 .m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within),
 .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--checked):not(:focus-visible),
 .m-inplace__display:hover:not(:focus-visible) {
@@ -1134,8 +1129,6 @@
 .m-treeselect--open .m-treeselect__trigger,
 .m-treeselect__trigger:focus,
 .m-treeselect__trigger:focus-visible,
-.m-inputcolor__text:focus,
-.m-inputcolor__text:focus-visible,
 .m-inputtags:focus-within,
 .m-togglebutton:focus-visible,
 .m-selectbutton__button:focus-visible,
@@ -1150,9 +1143,7 @@
 
 .m-inputotp--invalid .m-inputotp__input:focus,
 .m-inputotp--invalid .m-inputotp__input:focus-visible,
-.m-inputtags--invalid:focus-within,
-.m-inputcolor--invalid .m-inputcolor__text:focus,
-.m-inputcolor--invalid .m-inputcolor__text:focus-visible {
+.m-inputtags--invalid:focus-within {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }

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

@@ -0,0 +1,41 @@
+import { ColorPickerFormat, ColorPickerProps, ColorPickerPlacement, ColorPickerPreset } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { MSizeInput, MotionPresetId } from '../..';
+import { FieldPassThrough } from '../../shared/passThrough';
+declare function openPanel(): void;
+declare function closePanel(): void;
+declare function togglePanel(): void;
+declare const __VLS_export: DefineComponent<ColorPickerProps, {
+    open: typeof openPanel;
+    close: typeof closePanel;
+    toggle: typeof togglePanel;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+    change: (value: string) => any;
+    show: () => any;
+    hide: () => any;
+}, string, PublicProps, Readonly<ColorPickerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onChange?: ((value: string) => any) | undefined;
+    onShow?: (() => any) | undefined;
+    onHide?: (() => any) | undefined;
+}>, {
+    size: MSizeInput;
+    pt: FieldPassThrough;
+    modelValue: string;
+    disabled: boolean;
+    transition: MotionPresetId | false;
+    teleport: boolean;
+    allowClear: boolean;
+    placement: ColorPickerPlacement;
+    format: ColorPickerFormat;
+    gradient: boolean;
+    disabledAlpha: boolean;
+    presets: ColorPickerPreset[];
+    showText: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ColorPicker.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/ColorPicker.vue"],"names":[],"mappings":";;;AAuvBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAA+B,MAAM,SAAS,CAAA;AA8gB/F,iBAAS,SAAS,SAQjB;AAED,iBAAS,UAAU,SAOlB;AAED,iBAAS,WAAW,SAGnB;AAyiBD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/ColorPicker/colorUtils.d.ts

@@ -0,0 +1,23 @@
+export interface RGB {
+    r: number;
+    g: number;
+    b: number;
+}
+export interface HSB {
+    h: number;
+    s: number;
+    b: number;
+}
+export interface HSV extends HSB {
+}
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function round(value: number, precision?: number): number;
+export declare function hexToRgb(hex: string): RGB | null;
+export declare function rgbToHex(rgb: RGB): string;
+export declare function rgbToHsb(rgb: RGB): HSB;
+export declare function hsbToRgb(hsb: HSB): RGB;
+export declare function rgbToHsvString(rgb: RGB): string;
+export declare function hsbToHsvString(hsb: HSB): string;
+export declare function isValidHex(value: string): boolean;
+export declare function normalizeHex(value: string): string;
+//# sourceMappingURL=colorUtils.d.ts.map

package/dist/components/ColorPicker/colorUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/colorUtils.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,GAAG;IAClB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,MAAM,WAAW,GAAI,SAAQ,GAAG;CAAG;AAEnC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAG1D;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,IAAI,CAQhD;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAGzC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAetC;AAED,wBAAgB,QAAQ,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG,CAmBtC;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAE/C;AAED,wBAAgB,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM,CAE/C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKlD"}

package/dist/components/ColorPicker/gradientUtils.d.ts

@@ -0,0 +1,9 @@
+import { GradientStop, GradientValue } from './types';
+export declare function createStopId(): string;
+export declare function isGradient(value: string): boolean;
+export declare function parseGradient(value: string): GradientValue | null;
+export declare function gradientToString(gradient: GradientValue): string;
+export declare function normalizeColor(color: string): string;
+export declare function createDefaultGradient(): GradientValue;
+export declare function stopsToGradientPreview(stops: GradientStop[]): string;
+//# sourceMappingURL=gradientUtils.d.ts.map

package/dist/components/ColorPicker/gradientUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradientUtils.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/gradientUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAI1D,wBAAgB,YAAY,IAAI,MAAM,CAErC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI,CA2FjE;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,aAAa,GAAG,MAAM,CAShE;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAmBpD;AAED,wBAAgB,qBAAqB,IAAI,aAAa,CASrD;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM,CAGpE"}

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

@@ -0,0 +1,3 @@
+export { default as MColorPicker } from './ColorPicker.vue';
+export type { ColorPickerEmits, ColorPickerFormat, ColorPickerMode, ColorPickerPreset, ColorPickerProps, GradientStop, GradientType, GradientValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,YAAY,EACV,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,SAAS,CAAA"}

package/dist/components/ColorPicker/styles.css

@@ -0,0 +1,405 @@
+/* --- Form: ColorPicker --- */
+.m-colorpicker {
+    display: inline-block;
+    position: relative;
+}
+
+.m-colorpicker--disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-colorpicker__trigger {
+    align-items: center;
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-control);
+    box-sizing: border-box;
+    color: var(--m-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-medium);
+    gap: var(--m-space-2);
+    height: var(--m-control-height-medium);
+    justify-content: center;
+    padding: 0 var(--m-space-2);
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-colorpicker__trigger:hover:not(:disabled) {
+    border-color: var(--m-color-primary-hover);
+}
+
+.m-colorpicker__trigger:focus-visible {
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-colorpicker__trigger:disabled {
+    cursor: not-allowed;
+}
+
+.m-colorpicker--open .m-colorpicker__trigger {
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
+}
+
+.m-colorpicker__trigger-swatch {
+    border: 1px solid rgb(0 0 0 / 10%);
+    border-radius: var(--m-radius-sm);
+    display: inline-block;
+    flex: 0 0 auto;
+    height: calc(var(--m-control-height-medium) - 2 * var(--m-space-2));
+    width: calc(var(--m-control-height-medium) - 2 * var(--m-space-2));
+}
+
+.m-colorpicker--small .m-colorpicker__trigger {
+    font-size: var(--m-control-font-small);
+    height: var(--m-control-height-small);
+    padding: 0 var(--m-space-1);
+}
+
+.m-colorpicker--small .m-colorpicker__trigger-swatch {
+    height: calc(var(--m-control-height-small) - 2 * var(--m-space-1));
+    width: calc(var(--m-control-height-small) - 2 * var(--m-space-1));
+}
+
+.m-colorpicker--large .m-colorpicker__trigger {
+    font-size: var(--m-control-font-large);
+    height: var(--m-control-height-large);
+    padding: 0 var(--m-space-3);
+}
+
+.m-colorpicker--large .m-colorpicker__trigger-swatch {
+    height: calc(var(--m-control-height-large) - 2 * var(--m-space-3));
+    width: calc(var(--m-control-height-large) - 2 * var(--m-space-3));
+}
+
+.m-colorpicker__trigger-text {
+    font-variant-numeric: tabular-nums;
+    white-space: nowrap;
+}
+
+.m-colorpicker__arrow {
+    color: var(--m-color-text-muted);
+    transition: transform var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-colorpicker--open .m-colorpicker__arrow {
+    transform: rotate(180deg);
+}
+
+.m-colorpicker__clear {
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+}
+
+.m-colorpicker__clear:hover {
+    color: var(--m-color-text);
+}
+
+/* Panel */
+.m-colorpicker__panel {
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-control);
+    box-shadow: var(--m-shadow-lg);
+    box-sizing: border-box;
+    padding: var(--m-space-3);
+    position: absolute;
+    width: 260px;
+    z-index: var(--m-z-overlay, 1000);
+}
+
+.m-colorpicker__panel-inner {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-3);
+}
+
+/* Saturation / Brightness area */
+.m-colorpicker__saturation {
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    height: 160px;
+    overflow: hidden;
+    position: relative;
+    touch-action: none;
+    user-select: none;
+    width: 100%;
+}
+
+.m-colorpicker__saturation-white {
+    background: linear-gradient(to right, #fff, rgb(255 255 255 / 0));
+    inset: 0;
+    position: absolute;
+}
+
+.m-colorpicker__saturation-black {
+    background: linear-gradient(to top, #000, rgb(0 0 0 / 0));
+    inset: 0;
+    position: absolute;
+}
+
+.m-colorpicker__saturation-handle {
+    border: 2px solid #fff;
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%), inset 0 0 0 1px rgb(0 0 0 / 10%);
+    box-sizing: border-box;
+    height: 12px;
+    position: absolute;
+    transform: translate(-50%, -50%);
+    width: 12px;
+}
+
+/* Sliders */
+.m-colorpicker__sliders {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-2);
+}
+
+.m-colorpicker__hue,
+.m-colorpicker__alpha {
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    height: 12px;
+    position: relative;
+    touch-action: none;
+    user-select: none;
+}
+
+.m-colorpicker__hue-track {
+    background: linear-gradient(
+        to right,
+        #f00 0%,
+        #ff0 17%,
+        #0f0 33%,
+        #0ff 50%,
+        #00f 67%,
+        #f0f 83%,
+        #f00 100%
+    );
+    border-radius: inherit;
+    inset: 0;
+    position: absolute;
+}
+
+.m-colorpicker__alpha-track {
+    border-radius: inherit;
+    inset: 0;
+    position: absolute;
+}
+
+.m-colorpicker__hue-handle,
+.m-colorpicker__alpha-handle {
+    border: 2px solid #fff;
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
+    box-sizing: border-box;
+    height: 16px;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 16px;
+}
+
+/* Input */
+.m-colorpicker__input-row {
+    display: flex;
+    gap: var(--m-space-2);
+}
+
+/* Presets */
+.m-colorpicker__presets {
+    border-top: var(--m-border-width) solid var(--m-color-border);
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-2);
+    padding-top: var(--m-space-2);
+}
+
+.m-colorpicker__preset-group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-1);
+}
+
+.m-colorpicker__preset-label {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-xs);
+}
+
+.m-colorpicker__preset-colors {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-1);
+}
+
+.m-colorpicker__preset-swatch {
+    border: var(--m-border-width) solid rgb(0 0 0 / 10%);
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    height: 20px;
+    padding: 0;
+    transition:
+        transform var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
+    width: 20px;
+}
+
+.m-colorpicker__preset-swatch:hover:not(:disabled) {
+    transform: scale(1.1);
+}
+
+.m-colorpicker__preset-swatch--active {
+    box-shadow: 0 0 0 2px var(--m-color-primary);
+}
+
+.m-colorpicker__preset-swatch:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+/* Mode Switch */
+.m-colorpicker__mode-switch {
+    margin-bottom: var(--m-space-1);
+}
+
+/* Gradient Bar */
+.m-colorpicker__gradient-section {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-2);
+}
+
+.m-colorpicker__gradient-bar {
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    height: 24px;
+    position: relative;
+    touch-action: none;
+    user-select: none;
+}
+
+.m-colorpicker__gradient-stop {
+    border: 2px solid #fff;
+    border-radius: 50%;
+    box-shadow: 0 0 0 1px rgb(0 0 0 / 20%), 0 2px 4px rgb(0 0 0 / 20%);
+    box-sizing: border-box;
+    cursor: grab;
+    height: 16px;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 16px;
+}
+
+.m-colorpicker__gradient-stop:active {
+    cursor: grabbing;
+}
+
+.m-colorpicker__gradient-stop--active {
+    box-shadow: 0 0 0 2px var(--m-color-primary), 0 2px 4px rgb(0 0 0 / 20%);
+    z-index: 1;
+}
+
+.m-colorpicker__gradient-stops-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-1);
+    max-height: 120px;
+    overflow-y: auto;
+}
+
+.m-colorpicker__gradient-stop-item {
+    align-items: center;
+    border: var(--m-border-width) solid transparent;
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    display: flex;
+    gap: var(--m-space-2);
+    padding: var(--m-space-1) var(--m-space-2);
+    transition: all var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-colorpicker__gradient-stop-item:hover {
+    background: var(--m-color-surface-secondary, rgb(0 0 0 / 4%));
+}
+
+.m-colorpicker__gradient-stop-item--active {
+    background: var(--m-color-primary-light, rgb(22 119 255 / 10%));
+    border-color: var(--m-color-primary);
+}
+
+.m-colorpicker__gradient-stop-color {
+    border: 1px solid rgb(0 0 0 / 10%);
+    border-radius: var(--m-radius-sm);
+    display: inline-block;
+    height: 16px;
+    width: 16px;
+}
+
+.m-colorpicker__gradient-stop-pos {
+    color: var(--m-color-text-muted);
+    flex: 1;
+    font-size: var(--m-font-size-xs);
+    font-variant-numeric: tabular-nums;
+}
+
+.m-colorpicker__gradient-stop-delete {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    display: flex;
+    height: 20px;
+    justify-content: center;
+    padding: 0;
+    width: 20px;
+}
+
+.m-colorpicker__gradient-stop-delete:hover:not(:disabled) {
+    background: rgb(0 0 0 / 8%);
+    color: var(--m-color-danger);
+}
+
+.m-colorpicker__gradient-stop-delete:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+/* Gradient Options */
+.m-colorpicker__gradient-options {
+    align-items: center;
+    display: flex;
+    gap: var(--m-space-2);
+}
+
+.m-colorpicker__gradient-options > * {
+    flex: 0 0 auto;
+}
+
+.m-colorpicker__gradient-options .m-select__control {
+    width: 90px;
+}
+
+.m-colorpicker__gradient-options .m-inputnumber {
+    width: 70px;
+}
+
+.m-colorpicker__gradient-options .m-inputnumber .m-inputnumber__input-wrap {
+    width: 100%;
+}
+
+.m-colorpicker__gradient-angle-unit {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-xs);
+}

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

@@ -0,0 +1,60 @@
+import { MAppendTo } from '../../shared/overlay';
+import { FieldPassThrough } from '../../shared/passThrough';
+import { MSizeInput } from '../../shared/types';
+import { MotionPresetId } from '../../theme/motionPresets';
+export type ColorPickerFormat = 'hex' | 'rgb' | 'hsb';
+export type ColorPickerPlacement = 'top' | 'bottom' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'right-start' | 'left-start';
+export interface ColorPickerPreset {
+    label?: string;
+    colors: string[];
+    defaultOpen?: boolean;
+}
+export type ColorPickerMode = 'single' | 'gradient';
+export type GradientType = 'linear' | 'radial';
+export interface GradientStop {
+    id: string;
+    color: string;
+    position: number;
+}
+export interface GradientValue {
+    type: GradientType;
+    angle: number;
+    stops: GradientStop[];
+}
+export interface ColorPickerProps {
+    /** Current color value in hex (e.g. '#1677ff') or CSS gradient string. */
+    modelValue?: string;
+    disabled?: boolean;
+    /** Disable alpha channel. */
+    disabledAlpha?: boolean;
+    /** Show clear button. */
+    allowClear?: boolean;
+    /** Format of the displayed value. */
+    format?: ColorPickerFormat;
+    /** Preset color palettes. */
+    presets?: ColorPickerPreset[];
+    /** Show text input in trigger. */
+    showText?: boolean;
+    /** Trigger size. */
+    size?: MSizeInput;
+    /** Popup placement. */
+    placement?: ColorPickerPlacement;
+    /** Teleport overlay. Defaults to `true`. */
+    teleport?: boolean;
+    /** Mount target. Defaults to `'body'`. */
+    appendTo?: MAppendTo;
+    /** Named motion preset, or `false` to disable transition. */
+    transition?: MotionPresetId | false;
+    /** Pass-through attrs/classes/styles per DOM part. */
+    pt?: FieldPassThrough;
+    /** Enable gradient mode. */
+    gradient?: boolean;
+}
+export interface ColorPickerEmits {
+    (event: 'update:modelValue', value: string): void;
+    (event: 'change', value: string): void;
+    (event: 'clear'): void;
+    (event: 'show'): void;
+    (event: 'hide'): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAC5B,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,cAAc,GACd,YAAY,GACZ,aAAa,GACb,YAAY,CAAA;AAEhB,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,UAAU,CAAA;AACnD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAE9C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,EAAE,CAAA;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,yBAAyB;IACzB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC7B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oBAAoB;IACpB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,uBAAuB;IACvB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,cAAc,GAAG,KAAK,CAAA;IACnC,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;IACrB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACtC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB"}

package/dist/components/ContextMenu/styles.css

@@ -1,6 +1,6 @@
 /* —— Navigation: ContextMenu —— */
 .m-contextmenu {
-    --m-contextmenu-min-width: var(--m-menu-min-width, 10rem);
+    --m-contextmenu-min-width: var(--m-overlay-menu-min-width, 10rem);
     --m-contextmenu-item-gap: var(--m-space-1);
     --m-contextmenu-max-height: min(18rem, 45vh);
     background: var(--m-color-surface);

package/dist/components/Dropdown/styles.css

@@ -1,5 +1,5 @@
 .m-dropdown {
-    --m-dropdown-menu-min-width: var(--m-menu-min-width, 10rem);
+    --m-dropdown-menu-min-width: var(--m-overlay-menu-min-width, 10rem);
     display: inline-block;
     font-family: var(--m-font-sans);
     position: relative;