@well-insight/ui 0.1.9 → 0.1.10

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

@@ -1,11 +1,15 @@
 import { CSSProperties } from 'vue';
 import { ScrollbarProps } from '../Scrollbar/types';
-export type LayoutPosition = 'static' | 'absolute';
-export type LayoutSiderPlacement = 'left' | 'right';
-export type LayoutCollapseMode = 'width' | 'transform';
+export type LayoutPosition = "static" | "absolute";
+export type LayoutSiderPlacement = "left" | "right";
+export type LayoutCollapseMode = "width" | "transform";
 /** `true` / `'bar'` → bar trigger; `'arrow-circle'` / `'arrow'` → circle arrow. */
-export type LayoutTrigger = boolean | 'bar' | 'arrow' | 'arrow-circle';
+export type LayoutTrigger = boolean | "bar" | "arrow" | "arrow-circle";
 export interface LayoutProps {
+    /** Layout height. Defaults to `var(--wi-layout-height)`. */
+    height?: number | string;
+    /** Layout width. Defaults to `100%`. */
+    width?: number | string;
     /** Soft background for nested content areas. */
     embedded?: boolean;
     /** Position mode. */
@@ -27,16 +31,28 @@ export interface LayoutProps {
     contentStyle?: string | CSSProperties;
 }
 export interface LayoutHeaderProps {
+    /** Header height. Defaults to `var(--wi-layout-header-height)`. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
     bordered?: boolean;
     inverted?: boolean;
     position?: LayoutPosition;
 }
 export interface LayoutFooterProps {
+    /** Footer height. Defaults to `var(--wi-layout-footer-height)`. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
     bordered?: boolean;
     inverted?: boolean;
     position?: LayoutPosition;
 }
 export interface LayoutContentProps {
+    /** Content height. Defaults to filling the parent layout. */
+    height?: number | string;
+    padding?: number | string;
+    radius?: number | string;
     /** Soft background. */
     embedded?: boolean;
     position?: LayoutPosition;
@@ -57,7 +73,9 @@ export interface LayoutSiderProps {
     /** Expanded width (always applied as `width`; collapse uses `max-width`). */
     width?: number | string;
     /** Collapsed max-width. */
-    collapsedWidth?: number;
+    collapsedWidth?: number | string;
+    padding?: number | string;
+    radius?: number | string;
     /** Controlled collapsed state (`v-model:collapsed`). */
     collapsed?: boolean;
     /** Uncontrolled initial collapsed state. */
@@ -85,15 +103,15 @@ export interface LayoutSiderProps {
     contentStyle?: string | CSSProperties;
 }
 export interface LayoutSiderEmits {
-    (event: 'update:collapsed', value: boolean): void;
-    (event: 'collapse'): void;
-    (event: 'expand'): void;
-    (event: 'after-enter'): void;
-    (event: 'after-leave'): void;
-    (event: 'scroll', eventPayload: Event): void;
+    (event: "update:collapsed", value: boolean): void;
+    (event: "collapse"): void;
+    (event: "expand"): void;
+    (event: "after-enter"): void;
+    (event: "after-leave"): void;
+    (event: "scroll", eventPayload: Event): void;
 }
 export interface LayoutScrollEmits {
-    (event: 'scroll', eventPayload: Event): void;
+    (event: "scroll", eventPayload: Event): void;
 }
 export interface LayoutExpose {
     scrollTo: {

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAwFA,OAAO,KAAK,EAAiB,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAyIxE,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAwFA,OAAO,KAAK,EAAiB,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA2IxE,QAAA,MAAM,YAAY;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Listbox/styles.css

@@ -1,68 +1,78 @@
-/* —— Form: Listbox —— */
-.wi-listbox {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    display: inline-flex;
-    flex-direction: column;
-    min-width: var(--wi-menu-min-width-lg);
-    overflow: hidden;
+/* —— Form: Listbox —— */
+.wi-listbox {
+    --wi-listbox-min-width: 12rem;
+    --wi-listbox-list-max-height: 14rem;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: inline-flex;
+    flex-direction: column;
+    min-width: var(--wi-listbox-min-width);
+    overflow: hidden;
 }
 
-.wi-listbox--disabled {
-    opacity: var(--wi-opacity-disabled);
-    pointer-events: none;
+.wi-listbox--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
 }
 
-.wi-listbox__filter {
-    background: var(--wi-color-surface);
-    border: 0;
-    border-bottom: 1px solid var(--wi-color-border);
-    color: var(--wi-color-text);
-    font: inherit;
-    padding: var(--wi-space-2) var(--wi-space-3);
+.wi-listbox__filter {
+    background: var(--wi-color-surface);
+    border: 0;
+    border-bottom: 1px solid var(--wi-color-border);
+    color: var(--wi-color-text);
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
 }
 
-.wi-listbox__list {
-    list-style: none;
-    margin: 0;
-    max-height: 14rem;
-    overflow: auto;
-    padding: var(--wi-space-1);
+.wi-listbox__list {
+    list-style: none;
+    margin: 0;
+    max-height: var(--wi-listbox-list-max-height);
+    overflow: auto;
+    padding: var(--wi-space-1);
 }
 
-.wi-listbox__option {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    display: block;
-    font: inherit;
-    font-size: var(--wi-control-font-medium);
-    min-height: var(--wi-control-height-medium);
-    padding: 0 var(--wi-control-padding-x-medium);
-    text-align: start;
-    width: 100%;
+.wi-listbox__option {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: block;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-control-padding-x-medium);
+    text-align: start;
+    width: 100%;
 }
 
-.wi-listbox__option--selected {
-    background: color-mix(in srgb, var(--wi-color-primary) 16%, var(--wi-color-surface));
-    color: var(--wi-color-primary);
-    font-weight: 600;
+.wi-listbox__option--selected {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 16%,
+        var(--wi-color-surface)
+    );
+    color: var(--wi-color-primary);
+    font-weight: 600;
 }
 
-.wi-listbox__option:hover:not(:disabled):not(.wi-listbox__option--selected) {
-    background: color-mix(in srgb, var(--wi-color-primary) 8%, var(--wi-color-surface));
+.wi-listbox__option:hover:not(:disabled):not(.wi-listbox__option--selected) {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 8%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-listbox__option:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-listbox__option:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-listbox__empty {
-    color: var(--wi-color-text-muted);
-    padding: var(--wi-space-3);
-    text-align: center;
+.wi-listbox__empty {
+    color: var(--wi-color-text-muted);
+    padding: var(--wi-space-3);
+    text-align: center;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AA2IA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAwN1D,QAAA,MAAM,YAAY;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AAwIA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA2N1D,QAAA,MAAM,YAAY;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/MegaMenu/styles.css

@@ -1,75 +1,77 @@
-/* —— Menu: MegaMenu —— */
-.wi-megamenu {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    display: flex;
-    gap: var(--wi-space-1);
-    padding: var(--wi-space-1);
-    position: relative;
+/* —— Menu: MegaMenu —— */
+.wi-megamenu {
+    --wi-megamenu-column-min-width: 8rem;
+    --wi-megamenu-panel-gap: var(--wi-space-4);
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: flex;
+    gap: var(--wi-space-1);
+    padding: var(--wi-space-1);
+    position: relative;
 }
 
-.wi-megamenu__item {
-    position: relative;
+.wi-megamenu__item {
+    position: relative;
 }
 
-.wi-megamenu__trigger {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: inherit;
-    cursor: pointer;
-    display: inline-flex;
-    font: inherit;
-    gap: var(--wi-space-1);
-    padding: var(--wi-space-2) var(--wi-space-3);
+.wi-megamenu__trigger {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--wi-space-1);
+    padding: var(--wi-space-2) var(--wi-space-3);
 }
 
-.wi-megamenu__item--open .wi-megamenu__trigger,
-.wi-megamenu__trigger:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
+.wi-megamenu__item--open .wi-megamenu__trigger,
+.wi-megamenu__trigger:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
 }
 
-.wi-megamenu__panel {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    box-shadow: var(--wi-shadow-md);
-    display: flex;
-    gap: var(--wi-space-4);
-    left: 0;
-    margin-top: var(--wi-space-1);
-    padding: var(--wi-space-3);
-    position: absolute;
-    top: 100%;
-    z-index: var(--wi-z-popper);
+.wi-megamenu__panel {
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    display: flex;
+    gap: var(--wi-megamenu-panel-gap);
+    left: 0;
+    margin-top: var(--wi-space-1);
+    padding: var(--wi-space-3);
+    position: absolute;
+    top: 100%;
+    z-index: var(--wi-z-popper);
 }
 
-.wi-megamenu__panel--teleported {
-    margin-top: 0;
-    position: fixed;
-    top: auto;
-    z-index: var(--wi-z-dropdown);
+.wi-megamenu__panel--teleported {
+    margin-top: 0;
+    position: fixed;
+    top: auto;
+    z-index: var(--wi-z-dropdown);
 }
 
-.wi-megamenu__column {
-    display: flex;
-    flex-direction: column;
-    gap: var(--wi-space-1);
-    min-width: 8rem;
+.wi-megamenu__column {
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-space-1);
+    min-width: var(--wi-megamenu-column-min-width);
 }
 
-.wi-megamenu__link {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: inherit;
-    cursor: pointer;
-    font: inherit;
-    padding: var(--wi-space-2);
-    text-align: left;
+.wi-megamenu__link {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: inherit;
+    cursor: pointer;
+    font: inherit;
+    padding: var(--wi-space-2);
+    text-align: left;
 }
 
-.wi-megamenu__link:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
+.wi-megamenu__link:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, transparent);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAsGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAgMlD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAkGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAoMlD,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Menu/MenuNodes.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuNodes.vue"],"names":[],"mappings":";AAqGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAGvC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAC;AA4NF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MenuNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuNodes.vue"],"names":[],"mappings":";AAkGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAMvC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,OAAO,CAAA;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAC;AA4NF,QAAA,MAAM,YAAY;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Menu/styles.css

@@ -1,68 +1,74 @@
-/* —— Menu: Menu —— */
-.wi-menu {
-    background: var(--wi-color-surface);
-    border: 1px solid var(--wi-color-border);
-    border-radius: var(--wi-radius-md);
-    display: flex;
-    flex-direction: column;
-    gap: 0.125rem;
-    min-width: var(--wi-menu-min-width);
-    padding: var(--wi-space-1);
+/* —— Menu: Menu —— */
+.wi-menu {
+    --wi-menu-min-width: 10rem;
+    --wi-menu-item-gap: 0.125rem;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: flex;
+    flex-direction: column;
+    gap: var(--wi-menu-item-gap);
+    min-width: var(--wi-menu-min-width);
+    padding: var(--wi-space-1);
 }
 
-.wi-menu--popup {
-    box-shadow: var(--wi-shadow-md);
-    position: absolute;
-    z-index: var(--wi-z-popper);
+.wi-menu--popup {
+    box-shadow: var(--wi-shadow-md);
+    position: absolute;
+    z-index: var(--wi-z-popper);
 }
 
-.wi-menu--teleported {
-    position: fixed;
-    z-index: var(--wi-z-dropdown);
+.wi-menu--teleported {
+    position: fixed;
+    z-index: var(--wi-z-dropdown);
 }
 
-.wi-menu__item {
-    background: transparent;
-    border: 0;
-    border-radius: var(--wi-radius-sm);
-    color: var(--wi-color-text);
-    cursor: pointer;
-    font: inherit;
-    padding: var(--wi-space-2) var(--wi-space-3);
-    text-align: start;
-    width: 100%;
+.wi-menu__item {
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    font: inherit;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: start;
+    width: 100%;
 }
 
-.wi-menu__item:hover:not(:disabled) {
-    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+.wi-menu__item:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--wi-color-primary) 10%,
+        var(--wi-color-surface)
+    );
 }
 
-.wi-menu__item:disabled {
-    cursor: not-allowed;
-    opacity: var(--wi-opacity-disabled);
+.wi-menu__item:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
 }
 
-.wi-menu__item:focus-visible {
-    box-shadow: var(--wi-focus-shadow);
-    outline: none;
+.wi-menu__item:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
 }
 
-.wi-menu__separator {
-    background: var(--wi-color-border);
-    height: 1px;
-    margin: var(--wi-space-1) 0;
+.wi-menu__separator {
+    background: var(--wi-color-border);
+    height: 1px;
+    margin: var(--wi-space-1) 0;
 }
 
-.wi-menu--collapsed {
-    width: auto;
+.wi-menu--collapsed {
+    width: auto;
 }
 
-.wi-menu__item {
-    align-items: center;
-    display: flex;
-    gap: var(--wi-space-2);
+.wi-menu__item {
+    align-items: center;
+    display: flex;
+    gap: var(--wi-space-2);
 }
 
-.wi-menu__caret {
-    margin-left: auto;
+.wi-menu__caret {
+    margin-left: auto;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.vue"],"names":[],"mappings":";AA+KA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA+RxD,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Menubar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menubar/Menubar.vue"],"names":[],"mappings":";AAyKA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAqSxD,QAAA,MAAM,YAAY;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}