@well-insight/ui 0.1.7 → 0.1.9

package/dist/components/TieredMenu/styles.css

@@ -0,0 +1,83 @@
+/* —— Menu: TieredMenu —— */
+.wi-tieredmenu {
+    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-lg);
+    padding: var(--wi-space-1);
+    position: relative;
+}
+
+.wi-tieredmenu--popup {
+    box-shadow: var(--wi-shadow-md);
+    position: absolute;
+    z-index: var(--wi-z-popper);
+}
+
+.wi-tieredmenu--teleported {
+    position: fixed;
+    z-index: var(--wi-z-dropdown);
+}
+
+.wi-tieredmenu__row {
+    position: relative;
+}
+
+.wi-tieredmenu__item {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: flex;
+    font: inherit;
+    justify-content: space-between;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    text-align: start;
+    width: 100%;
+}
+
+.wi-tieredmenu__item:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--wi-color-primary) 10%, var(--wi-color-surface));
+}
+
+.wi-tieredmenu__item:disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-tieredmenu__item:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-tieredmenu__caret {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+}
+
+.wi-tieredmenu__submenu {
+    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;
+    flex-direction: column;
+    gap: 0.125rem;
+    left: calc(100% + 0.25rem);
+    min-width: var(--wi-menu-min-width);
+    padding: var(--wi-space-1);
+    position: absolute;
+    top: 0;
+    z-index: var(--wi-z-popper);
+}
+
+.wi-tieredmenu__separator {
+    background: var(--wi-color-border);
+    height: 1px;
+    margin: var(--wi-space-1) 0;
+}

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

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

package/dist/components/Timeline/styles.css

@@ -0,0 +1,155 @@
+/* —— Data: Timeline —— */
+.wi-timeline {
+    display: flex;
+    flex-direction: column;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.wi-timeline__event {
+    display: grid;
+    gap: var(--wi-space-3);
+    grid-template-columns: 1fr auto 1fr;
+    min-height: 4rem;
+}
+
+.wi-timeline__event--left .wi-timeline__content {
+    grid-column: 3;
+}
+
+.wi-timeline__event--left .wi-timeline__opposite {
+    grid-column: 1;
+    text-align: end;
+}
+
+.wi-timeline__event--right .wi-timeline__content {
+    grid-column: 1;
+    text-align: end;
+}
+
+.wi-timeline__event--right .wi-timeline__opposite {
+    grid-column: 3;
+}
+
+.wi-timeline__separator {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    grid-column: 2;
+    grid-row: 1;
+}
+
+.wi-timeline__marker {
+    align-items: center;
+    background: var(--wi-color-surface);
+    border: 2px solid var(--wi-color-primary);
+    border-radius: 50%;
+    color: var(--wi-color-primary);
+    display: inline-flex;
+    font-size: var(--wi-font-size-xs);
+    height: 1.5rem;
+    justify-content: center;
+    width: 1.5rem;
+    z-index: 1;
+}
+
+.wi-timeline__marker--success {
+    border-color: var(--wi-color-success);
+    color: var(--wi-color-success);
+}
+
+.wi-timeline__marker--info {
+    border-color: var(--wi-color-info);
+    color: var(--wi-color-info);
+}
+
+.wi-timeline__marker--warn,
+.wi-timeline__marker--warning {
+    border-color: var(--wi-color-warn);
+    color: var(--wi-color-warn);
+}
+
+.wi-timeline__marker--error {
+    border-color: var(--wi-color-danger);
+    color: var(--wi-color-danger);
+}
+
+.wi-timeline__marker--help {
+    border-color: var(--wi-color-help);
+    color: var(--wi-color-help);
+}
+
+.wi-timeline__connector {
+    background: var(--wi-color-border);
+    flex: 1;
+    min-height: var(--wi-control-height-small);
+    width: 2px;
+}
+
+.wi-timeline__event:last-child .wi-timeline__connector {
+    visibility: hidden;
+}
+
+.wi-timeline__status {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-sm);
+    font-weight: 600;
+    margin-bottom: var(--wi-space-1);
+}
+
+.wi-timeline__opposite {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-md);
+}
+
+.wi-timeline--horizontal {
+    flex-direction: row;
+    overflow-x: auto;
+    width: 100%;
+}
+
+.wi-timeline--horizontal .wi-timeline__event {
+    flex: 1 0 10rem;
+    grid-template-columns: 1fr;
+    grid-template-rows: auto auto auto;
+    min-height: 0;
+}
+
+.wi-timeline--horizontal .wi-timeline__separator {
+    flex-direction: row;
+    grid-column: 1;
+    grid-row: 2;
+    width: 100%;
+}
+
+.wi-timeline--horizontal .wi-timeline__connector {
+    height: 2px;
+    min-height: 0;
+    min-width: var(--wi-control-affix-size);
+    width: auto;
+}
+
+.wi-timeline--horizontal .wi-timeline__opposite {
+    grid-column: 1;
+    grid-row: 1;
+    text-align: start;
+}
+
+.wi-timeline--horizontal .wi-timeline__content {
+    grid-column: 1;
+    grid-row: 3;
+    text-align: start;
+}
+
+.wi-timeline--horizontal .wi-timeline__event--left .wi-timeline__content,
+.wi-timeline--horizontal .wi-timeline__event--right .wi-timeline__content,
+.wi-timeline--horizontal .wi-timeline__event--left .wi-timeline__opposite,
+.wi-timeline--horizontal .wi-timeline__event--right .wi-timeline__opposite {
+    grid-column: 1;
+    text-align: start;
+}
+
+.wi-timeline__event--pending .wi-timeline__marker {
+    border-style: dashed;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,GACb,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACzC,YAAY,EACV,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,GACb,MAAM,SAAS,CAAA"}

package/dist/components/Toast/styles.css

@@ -0,0 +1,97 @@
+.wi-toast {
+    display: grid;
+    gap: var(--wi-space-3);
+    max-width: min(24rem, calc(100vw - 2 * var(--wi-space-4)));
+    padding: var(--wi-space-4);
+    pointer-events: none;
+    position: fixed;
+    z-index: var(--wi-z-toast);
+}
+
+.wi-toast--top-right {
+    right: 0;
+    top: 0;
+}
+
+.wi-toast--top-left {
+    left: 0;
+    top: 0;
+}
+
+.wi-toast--bottom-right {
+    bottom: 0;
+    right: 0;
+}
+
+.wi-toast--bottom-left {
+    bottom: 0;
+    left: 0;
+}
+
+.wi-toast__message {
+    align-items: flex-start;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-left: 3px solid var(--wi-color-info);
+    border-radius: var(--wi-radius-md);
+    box-shadow: var(--wi-shadow-md);
+    color: var(--wi-color-text);
+    display: flex;
+    font-family: var(--wi-font-sans);
+    gap: var(--wi-space-3);
+    padding: var(--wi-space-3);
+    pointer-events: auto;
+}
+
+.wi-toast__message--success {
+    border-left-color: var(--wi-color-success);
+}
+
+.wi-toast__message--warn,
+.wi-toast__message--warning {
+    border-left-color: var(--wi-color-warn);
+}
+
+.wi-toast__message--error {
+    border-left-color: var(--wi-color-danger);
+}
+
+.wi-toast__message--secondary {
+    border-left-color: color-mix(in srgb, var(--wi-color-text-muted) 55%, var(--wi-color-border));
+}
+
+.wi-toast__message--contrast {
+    border-left-color: var(--wi-color-contrast);
+}
+
+.wi-toast__content {
+    display: grid;
+    gap: var(--wi-space-1);
+}
+
+.wi-toast__content strong {
+    font-size: var(--wi-font-size-md);
+}
+
+.wi-toast__content p {
+    color: var(--wi-color-text-muted);
+    font-size: var(--wi-font-size-xs);
+    line-height: 1.45;
+    margin: 0;
+}
+
+.wi-toast__close {
+    background: transparent;
+    border: 0;
+    color: var(--wi-color-text-muted);
+    cursor: pointer;
+    font: inherit;
+    font-size: var(--wi-font-size-lg);
+    line-height: 1;
+    padding: 0;
+}
+
+.wi-toast__close:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}

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

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

package/dist/components/ToggleButton/styles.css

@@ -0,0 +1,45 @@
+/* —— Form: ToggleButton —— */
+.wi-togglebutton {
+    align-items: center;
+    background: color-mix(in srgb, var(--wi-color-text-muted) 14%, var(--wi-color-surface));
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-control);
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    font-size: var(--wi-control-font-medium);
+    font-weight: 600;
+    gap: var(--wi-space-2);
+    min-height: var(--wi-control-height-medium);
+    padding: 0 var(--wi-button-padding-x-medium);
+}
+
+.wi-togglebutton--small {
+    font-size: var(--wi-control-font-small);
+    min-height: var(--wi-control-height-small);
+    padding: 0 var(--wi-button-padding-x-small);
+}
+
+.wi-togglebutton--large {
+    font-size: var(--wi-control-font-large);
+    min-height: var(--wi-control-height-large);
+    padding: 0 var(--wi-button-padding-x-large);
+}
+
+.wi-togglebutton--checked {
+    background: var(--wi-color-primary);
+    border-color: var(--wi-color-primary);
+    color: var(--wi-color-on-emphasis);
+}
+
+.wi-togglebutton:disabled,
+.wi-togglebutton--disabled {
+    cursor: not-allowed;
+    opacity: var(--wi-opacity-disabled);
+}
+
+.wi-togglebutton:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}

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

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

package/dist/components/Toolbar/styles.css

@@ -0,0 +1,30 @@
+/* —— Panel: Toolbar —— */
+.wi-toolbar {
+    align-items: center;
+    background: var(--wi-color-surface);
+    border: 1px solid var(--wi-color-border);
+    border-radius: var(--wi-radius-md);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--wi-space-3);
+    justify-content: space-between;
+    padding: var(--wi-space-2) var(--wi-space-3);
+}
+
+.wi-toolbar__start,
+.wi-toolbar__center,
+.wi-toolbar__end {
+    align-items: center;
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: var(--wi-space-2);
+}
+
+.wi-toolbar__center {
+    flex: 1 1 auto;
+    justify-content: center;
+}
+
+.wi-toolbar__end {
+    margin-inline-start: auto;
+}

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

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

package/dist/components/Tooltip/styles.css

@@ -0,0 +1,50 @@
+.wi-tooltip {
+    display: inline-flex;
+    position: relative;
+}
+
+.wi-tooltip__content {
+    background: var(--wi-color-text);
+    border-radius: var(--wi-radius-sm);
+    color: var(--wi-color-surface);
+    font-family: var(--wi-font-sans);
+    font-size: var(--wi-font-size-xs);
+    left: 50%;
+    line-height: 1.35;
+    padding: var(--wi-space-2) var(--wi-space-3);
+    pointer-events: none;
+    position: absolute;
+    transform: translateX(-50%);
+    white-space: nowrap;
+    z-index: var(--wi-z-popper);
+}
+
+.wi-tooltip__content--top {
+    bottom: calc(100% + var(--wi-space-2));
+}
+
+.wi-tooltip__content--bottom {
+    top: calc(100% + var(--wi-space-2));
+}
+
+.wi-tooltip__content--left {
+    left: auto;
+    right: calc(100% + var(--wi-space-2));
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.wi-tooltip__content--right {
+    left: calc(100% + var(--wi-space-2));
+    top: 50%;
+    transform: translateY(-50%);
+}
+
+.wi-tooltip__content--teleported {
+    bottom: auto;
+    left: auto;
+    position: fixed;
+    right: auto;
+    top: auto;
+    z-index: var(--wi-z-toast);
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,YAAY,CAAA;AAC9C,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,SAAS,CAAA"}

package/dist/components/Tree/styles.css

@@ -0,0 +1,98 @@
+/* —— Data: Tree —— */
+.wi-tree,
+.wi-tree__children {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.wi-tree {
+    color: var(--wi-color-text);
+    font-size: var(--wi-font-size-md);
+}
+
+.wi-tree__children {
+    border-left: 1px solid color-mix(in srgb, var(--wi-color-border) 80%, transparent);
+    margin-left: 0.7rem;
+    padding-left: var(--wi-space-3);
+}
+
+.wi-tree__row {
+    align-items: center;
+    border-radius: var(--wi-radius-sm);
+    display: flex;
+    gap: var(--wi-space-1);
+    min-height: var(--wi-control-height-small, 1.75rem);
+    padding-right: var(--wi-space-2);
+}
+
+.wi-tree__row:hover {
+    background: color-mix(in srgb, var(--wi-color-primary) 6%, var(--wi-color-surface));
+}
+
+.wi-tree__row--selected {
+    background: color-mix(in srgb, var(--wi-color-primary) 12%, var(--wi-color-surface));
+}
+
+.wi-tree__row--matched .wi-tree__label {
+    color: var(--wi-color-primary);
+    font-weight: 650;
+}
+
+.wi-tree__row--disabled {
+    opacity: var(--wi-opacity-disabled);
+    pointer-events: none;
+}
+
+.wi-tree__row--indeterminate .wi-tree__checkbox {
+    opacity: 0.85;
+}
+
+.wi-tree__toggler,
+.wi-tree__label {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: var(--wi-color-text);
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+}
+
+.wi-tree__toggler {
+    color: var(--wi-color-text-muted);
+    flex: 0 0 1.25rem;
+    justify-content: center;
+    line-height: 1;
+    padding: var(--wi-space-1);
+}
+
+.wi-tree__toggler:focus-visible,
+.wi-tree__label:focus-visible {
+    box-shadow: var(--wi-focus-shadow);
+    outline: none;
+}
+
+.wi-tree__toggler--leaf {
+    visibility: hidden;
+}
+
+.wi-tree__checkbox {
+    flex-shrink: 0;
+}
+
+.wi-tree__label {
+    border-radius: var(--wi-radius-sm);
+    flex: 1;
+    padding: var(--wi-space-1) var(--wi-space-2);
+    text-align: start;
+}
+
+.wi-tree__label:hover {
+    color: var(--wi-color-primary);
+}
+
+.wi-tree__icon {
+    color: var(--wi-color-text-muted);
+    display: inline-flex;
+}

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

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