@well-insight/ui 0.1.6 → 0.1.8

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

@@ -1,19 +1,57 @@
-import { WiDensity } from '../../shared/config';
-import { FormFieldValidator } from './context';
 export type FormLabelPosition = 'top' | 'left';
-export type FormValidateTrigger = 'submit' | 'blur' | 'change';
+export type FormLabelAlign = 'left' | 'center' | 'right';
+export type FormValidateTrigger = 'submit' | 'blur' | 'change' | 'input';
+export type FormFieldValidator = (trigger?: FormValidateTrigger | 'all') => boolean | string | undefined | void | Promise<boolean | string | undefined | void>;
+export type FormModel = Record<string, unknown>;
+export interface FormItemRule {
+    required?: boolean;
+    message?: string;
+    min?: number;
+    max?: number;
+    pattern?: RegExp;
+    /**
+     * When this rule runs. Omit to inherit Form `validateOn`.
+     * Programmatic `validate()` / submit always runs every rule.
+     */
+    trigger?: FormValidateTrigger | FormValidateTrigger[];
+    /**
+     * Return an error string, `false`, or a Promise of either when invalid.
+     * `undefined` / `true` / void means valid.
+     */
+    validator?: (value: unknown) => boolean | string | undefined | void | Promise<boolean | string | undefined | void>;
+}
+export type FormRules = Record<string, FormItemRule | FormItemRule[]>;
+export interface FormValidateResult {
+    valid: boolean;
+    errors: Record<string, string>;
+}
+export interface FormInstance {
+    validate: (name?: string) => Promise<FormValidateResult>;
+    clearValidate: (name?: string) => void;
+    errors: Record<string, string>;
+}
 export interface FormProps {
+    /** Bound values used by declarative `rules`. */
+    model?: FormModel;
+    /** Declarative rules keyed by FormItem `name`. */
+    rules?: FormRules;
     /** Label placement for FormItem children. */
     labelPosition?: FormLabelPosition;
-    /** Fixed label column width when `labelPosition` is `left`. */
-    labelWidth?: string;
-    /** Show required mark on FormItem with `required`. */
+    /** Alias of `labelPosition` (Naive `label-placement`). `labelPosition` wins. */
+    labelPlacement?: FormLabelPosition;
+    /** Label text alignment. */
+    labelAlign?: FormLabelAlign;
+    /** Fixed label column width when labels are on the left. Number is px. */
+    labelWidth?: string | number;
+    /** Arrange items in a wrapping row. */
+    inline?: boolean;
+    /** Show required mark on FormItem with `required` or a required rule. */
     requireMark?: boolean;
     /** Disable all nested fields (informational; FormItem forwards via CSS). */
     disabled?: boolean;
     /**
-     * When to run field `validate` callbacks.
-     * No built-in rules DSL — validators stay in the consumer.
+     * When to run field validation.
+     * Also the default `trigger` for rules that omit one.
      */
     validateOn?: FormValidateTrigger | FormValidateTrigger[];
 }
@@ -21,7 +59,7 @@ export interface FormItemProps {
     label?: string;
     /** Associates label with a control id. */
     for?: string;
-    /** Field name used for Form.validateField / validate. */
+    /** Field name used for Form.validate / rules lookup. */
     name?: string;
     required?: boolean;
     /** Explicit invalid state (also implied by non-empty `error`). */
@@ -32,10 +70,13 @@ export interface FormItemProps {
     help?: string;
     /** Consumer-provided validator; return a string message when invalid. */
     validate?: FormFieldValidator;
+    /** Item-level rules; merged after Form `rules[name]`. */
+    rules?: FormItemRule | FormItemRule[];
     /** Override Form `labelPosition`. */
     labelPosition?: FormLabelPosition;
+    /** Override Form `labelAlign`. */
+    labelAlign?: FormLabelAlign;
     /** Override Form `labelWidth`. */
-    labelWidth?: string;
+    labelWidth?: string | number;
 }
-export type { WiDensity };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,MAAM,CAAA;AAC9C,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE9D,MAAM,WAAW,SAAS;IACxB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,sDAAsD;IACtD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAA;CACzD;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yEAAyE;IACzE,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,qCAAqC;IACrC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,YAAY,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/types.ts"],"names":[],"mappings":"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"}

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

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

package/dist/components/Gallery/styles.css

@@ -0,0 +1,52 @@
+/* —— Media: Gallery —— */
+.wi-gallery {
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-space-3);
+    width: 100%;
+}
+
+.wi-gallery__main {
+    align-items: center;
+    display: flex;
+    gap: var(--wi-space-2);
+}
+
+.wi-gallery__image {
+    border-radius: var(--wi-radius-md);
+    display: block;
+    flex: 1;
+    max-height: 20rem;
+    min-width: 0;
+    object-fit: cover;
+    width: 100%;
+}
+
+.wi-gallery__thumbs {
+    display: flex;
+    gap: var(--wi-space-2);
+    list-style: none;
+    margin: 0;
+    overflow-x: auto;
+    padding: 0;
+}
+
+.wi-gallery__thumb {
+    background: transparent;
+    border: 2px solid transparent;
+    border-radius: var(--wi-radius-sm);
+    cursor: pointer;
+    padding: 0;
+}
+
+.wi-gallery__thumb--active {
+    border-color: var(--wi-color-primary);
+}
+
+.wi-gallery__thumb img {
+    border-radius: calc(var(--wi-radius-sm) - 2px);
+    display: block;
+    height: 3.5rem;
+    object-fit: cover;
+    width: 5rem;
+}

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

@@ -0,0 +1,25 @@
+import { GridProps, GridResponsive } 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<GridProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<GridProps> & Readonly<{}>, {
+    collapsed: boolean;
+    layoutShiftDisabled: boolean;
+    responsive: GridResponsive;
+    cols: number | string;
+    xGap: number | string;
+    yGap: number | string;
+    itemResponsive: boolean;
+    collapsedRows: 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=Grid.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.vue"],"names":[],"mappings":";AA+PA,OAAO,EAAkC,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAyQxE,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;AAO/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/Grid/GridItem.vue.d.ts

@@ -0,0 +1,22 @@
+import { GridItemProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {
+    overflow: boolean;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<GridItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<GridItemProps> & Readonly<{}>, {
+    span: number | string;
+    offset: number | string;
+    suffix: 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=GridItem.vue.d.ts.map

package/dist/components/Grid/GridItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/GridItem.vue"],"names":[],"mappings":";AAqEA,OAAO,EAAkC,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AA0F5E,QAAA,IAAI,OAAO;;CAAW,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/Grid/index.d.ts

@@ -0,0 +1,6 @@
+export { default as WiGrid } from './Grid.vue';
+export { default as WiGridItem } from './GridItem.vue';
+export { default as WiGi } from './GridItem.vue';
+export type { GridItemProps, GridProps, GridResponsive } from './types';
+export { WI_GRID_KEY } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Grid/styles.css

@@ -0,0 +1,9 @@
+/* —— Panel: Grid —— */
+.wi-grid {
+    box-sizing: border-box;
+}
+
+.wi-grid-item {
+    box-sizing: border-box;
+    min-width: 0;
+}

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

@@ -0,0 +1,51 @@
+import { CSSProperties, InjectionKey, Ref } from 'vue';
+export type GridResponsive = 'self' | 'screen';
+export interface GridProps {
+    /** Disable layout shift / collapsed bookkeeping; plain CSS grid. */
+    layoutShiftDisabled?: boolean;
+    /** Responsive query source. */
+    responsive?: GridResponsive;
+    /** Column count: number or responsive string like `1 s:2 m:3`. */
+    cols?: number | string;
+    /** Horizontal gap (px number or responsive string). */
+    xGap?: number | string;
+    /** Vertical gap (px number or responsive string). */
+    yGap?: number | string;
+    /**
+     * Force width queries so item `span` / `offset` responsive strings resolve
+     * even when `cols` / gaps are plain numbers.
+     */
+    itemResponsive?: boolean;
+    /** Collapse overflowing items past `collapsedRows`. */
+    collapsed?: boolean;
+    /** Visible rows when collapsed. */
+    collapsedRows?: number;
+    /** Style applied to each grid item. */
+    itemStyle?: string | CSSProperties;
+}
+export interface GridItemProps {
+    /** Column span: number or responsive string. */
+    span?: number | string;
+    /** Offset before this item: number or responsive string. */
+    offset?: number | string;
+    /** Stick to the end of the last visible row when collapsed. */
+    suffix?: boolean;
+}
+export interface GridItemLayout {
+    span: number;
+    offset: number;
+    colStart?: number;
+    show: boolean;
+}
+export interface WiGridContext {
+    overflow: Ref<boolean>;
+    itemStyle: Ref<string | CSSProperties | undefined>;
+    xGap: Ref<string>;
+    layoutShiftDisabled: Ref<boolean>;
+    assignLayout: (uid: number, layout: GridItemLayout) => GridItemLayout | undefined;
+    register: (uid: number) => void;
+    unregister: (uid: number) => void;
+}
+export declare const WI_GRID_KEY: InjectionKey<WiGridContext>;
+export declare const WI_GRID_ITEM_FLAG: "__WI_GRID_ITEM__";
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAA;AAE9C,MAAM,WAAW,SAAS;IACxB,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,+BAA+B;IAC/B,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mCAAmC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa;IAC5B,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,OAAO,CAAA;CACd;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,SAAS,EAAE,GAAG,CAAC,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA;IAClD,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB,mBAAmB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACjC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,cAAc,GAAG,SAAS,CAAA;IACjF,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,aAAa,CAAoB,CAAA;AACxE,eAAO,MAAM,iBAAiB,EAAG,kBAA2B,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAEhB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,iBAAiB,EACjB,SAAS,EACT,YAAY,EACZ,UAAU,GACX,MAAM,SAAS,CAAA;AAChB,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACtE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Icon/styles.css

@@ -0,0 +1,38 @@
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon svg {
+    height: 100%;
+    width: 100%;
+}
+
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
+}
+
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
+}
+
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
+}
+
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}

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

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

package/dist/components/IconField/styles.css

@@ -0,0 +1,27 @@
+/* —— Form: IconField —— */
+.wi-icon-field {
+    align-items: center;
+    display: inline-flex;
+    max-width: 100%;
+    position: relative;
+    width: 100%;
+}
+
+.wi-icon-field__icon {
+    align-items: center;
+    color: var(--wi-color-text-muted);
+    display: inline-flex;
+    pointer-events: none;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+}
+
+.wi-icon-field--left .wi-icon-field__icon {
+    left: var(--wi-space-3);
+}
+
+.wi-icon-field--right .wi-icon-field__icon {
+    right: var(--wi-space-3);
+}

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

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

package/dist/components/Inplace/styles.css

@@ -0,0 +1,26 @@
+/* —— Misc: Inplace —— */
+.wi-inplace__display {
+    border-radius: var(--wi-radius-sm);
+    cursor: pointer;
+    display: inline-block;
+    padding: var(--wi-space-1) var(--wi-space-2);
+}
+
+.wi-inplace__display:hover {
+    background: color-mix(in srgb, var(--wi-color-primary) 8%, var(--wi-color-surface));
+}
+
+.wi-inplace__display:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-inplace--disabled .wi-inplace__display {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-inplace__content {
+    display: inline-block;
+}

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

@@ -20,10 +20,10 @@ declare const __VLS_base: DefineComponent<InputProps, {
     disabled: boolean;
     type: "text" | "email" | "password" | "search" | "url" | "tel";
     error: boolean;
+    clearable: boolean;
     invalid: boolean;
     fluid: boolean;
     readonly: boolean;
-    clearable: boolean;
     showCount: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":";AAoJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAoEzC,iBAAS,KAAK,SAEb;AA4ID,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;;;;;;;;;;;;;;;;;;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":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":";AAqJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAuEzC,iBAAS,KAAK,SAEb;AA+ID,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;;;;;;;;;;;;;;;;;;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/Input/index.d.ts.map

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

package/dist/components/Input/styles.css

@@ -0,0 +1,191 @@
+.wi-input:focus {
+    outline: none;
+}
+
+.wi-input:hover:not(:disabled):not(:focus) {
+    border-color: var(--wi-color-primary-hover);
+}
+
+.wi-input:focus-visible {
+    border-color: var(--wi-color-primary-hover);
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-input--invalid:focus-visible,
+.wi-input--error:focus-visible {
+    border-color: var(--wi-color-danger);
+    box-shadow: var(--wi-focus-shadow-danger);
+}
+
+.wi-input-field {
+    display: grid;
+    gap: var(--wi-space-2);
+}
+
+.wi-input-field--fluid {
+    width: 100%;
+}
+
+.wi-input-field__label {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+    font-weight: 600;
+}
+
+.wi-input-field__help {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+}
+
+.wi-input-field__help--error {
+    color: var(--wi-color-danger);
+}
+
+.wi-input-field__control {
+    position: relative;
+}
+
+.wi-input-field__control--prefixed,
+.wi-input-field__control--suffixed {
+    align-items: center;
+    display: flex;
+}
+
+.wi-input-field__control--prefixed .wi-input,
+.wi-input-field__control--suffixed .wi-input {
+    flex: 1 1 auto;
+    min-width: 0;
+}
+
+.wi-input__prefix,
+.wi-input__suffix {
+    align-items: center;
+    color: var(--wi-color-text-muted);
+    display: inline-flex;
+    flex: 0 0 auto;
+    font-size: var(--wi-font-size-md);
+    gap: var(--wi-space-1);
+    line-height: 1;
+    pointer-events: none;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 1;
+}
+
+.wi-input__prefix {
+    left: var(--wi-control-padding-x-medium);
+}
+
+.wi-input__suffix {
+    right: var(--wi-control-padding-x-medium);
+}
+
+.wi-input-field__control--clearable .wi-input__suffix {
+    right: var(--wi-control-affix-gap);
+}
+
+.wi-input--has-prefix {
+    padding-left: var(--wi-control-affix-gap);
+}
+
+.wi-input--has-suffix {
+    padding-right: var(--wi-control-affix-gap);
+}
+
+.wi-input-field__control--clearable.wi-input-field__control--suffixed .wi-input--has-suffix {
+    padding-right: 4.25rem;
+}
+
+.wi-input__prefix button,
+.wi-input__suffix button,
+.wi-input__prefix a,
+.wi-input__suffix a {
+    pointer-events: auto;
+}
+
+.wi-input {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    transition:
+        border-color var(--wi-motion-fast) var(--wi-motion-ease),
+        box-shadow var(--wi-motion-fast) var(--wi-motion-ease),
+        background-color var(--wi-motion-fast) var(--wi-motion-ease);
+}
+
+.wi-input--filled {
+    background: color-mix(in srgb, var(--wi-color-text-muted) 12%, var(--wi-color-surface));
+    border-color: transparent;
+}
+
+.wi-input--fluid {
+    width: 100%;
+}
+
+.wi-input--invalid,
+.wi-input--error {
+    border-color: var(--wi-color-danger);
+}
+
+.wi-input--small,
+.wi-input--sm {
+    font-size: var(--wi-control-font-small);
+    min-height: var(--wi-control-height-small);
+    padding: 0 var(--wi-control-padding-x-small);
+}
+
+.wi-input--normal {
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+}
+
+.wi-input--large,
+.wi-input--lg {
+    font-size: var(--wi-control-font-large);
+    min-height: var(--wi-control-height-large);
+    padding: 0 var(--wi-control-padding-x-large);
+}
+
+.wi-input-field__control .wi-input {
+    width: 100%;
+}
+
+.wi-input-field__control:has(.wi-input__clear) .wi-input {
+    padding-right: var(--wi-control-affix-padding);
+}
+
+.wi-input__clear {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    display: flex;
+    font-size: var(--wi-font-size-lg);
+    height: var(--wi-control-affix-size);
+    justify-content: center;
+    padding: 0;
+    position: absolute;
+    right: var(--wi-space-1);
+    top: 50%;
+    transform: translateY(-50%);
+    width: var(--wi-control-affix-size);
+}
+
+.wi-input__clear:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-input__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}

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

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

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

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