@henryx/onedot-ui 0.2.0 → 0.3.0

package/dist/style.css

@@ -1 +1 @@
-@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url("./fonts/inter-300.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./fonts/inter-400.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./fonts/inter-500.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./fonts/inter-600.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./fonts/inter-700.woff2") format("woff2")}:root{--od-color-primary: #1890ff;--od-color-primary-hover: #40a9ff;--od-color-primary-active: #096dd9;--od-color-primary-light: #e6f7ff;--od-color-text-primary: #262626;--od-color-text-secondary: #595959;--od-color-text-tertiary: #8c8c8c;--od-color-text-disabled: #bfbfbf;--od-color-bg-primary: #ffffff;--od-color-bg-secondary: #fafafa;--od-color-bg-tertiary: #f5f5f5;--od-color-border: #d9d9d9;--od-color-border-light: #e8e8e8;--od-color-success: #52c41a;--od-color-warning: #faad14;--od-color-error: #ff4d4f;--od-color-info: #1890ff;--od-shadow: 0 2px 8px rgb(0 0 0 / 9%);--od-shadow-hover: 0 4px 12px rgb(0 0 0 / 12%);--od-shadow-dialog: 0 8px 24px rgb(0 0 0 / 15%);--od-font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--od-font-size-xs: 12px;--od-font-size-sm: 13px;--od-font-size-md: 14px;--od-font-size-lg: 16px;--od-font-size-xl: 20px;--od-line-height-tight: 1.35;--od-line-height-normal: 1.5715;--od-space-1: 4px;--od-space-2: 8px;--od-space-3: 12px;--od-space-4: 16px;--od-space-5: 20px;--od-space-6: 24px;--od-space-8: 32px;--od-space-10: 40px;--od-space-12: 48px;--od-radius-sm: 4px;--od-radius-control: 6px;--od-radius-md: 8px;--od-radius-lg: 12px;--od-shadow-control: 0 1px 2px rgb(16 24 40 / 7%), inset 0 1px 0 rgb(255 255 255 / 70%);--od-shadow-control-hover: 0 3px 8px rgb(16 24 40 / 12%), inset 0 1px 0 rgb(255 255 255 / 80%);--od-shadow-primary: 0 1px 2px rgb(16 24 40 / 12%), 0 3px 8px rgb(32 82 135 / 18%), inset 0 1px 0 rgb(255 255 255 / 24%);--od-shadow-primary-hover: 0 2px 4px rgb(16 24 40 / 14%), 0 5px 12px rgb(32 82 135 / 20%), inset 0 1px 0 rgb(255 255 255 / 28%);--od-shadow-danger: 0 1px 2px rgb(16 24 40 / 12%), 0 3px 8px rgb(92 45 50 / 16%), inset 0 1px 0 rgb(255 255 255 / 24%);--od-shadow-danger-hover: 0 2px 4px rgb(16 24 40 / 14%), 0 5px 12px rgb(92 45 50 / 18%), inset 0 1px 0 rgb(255 255 255 / 28%);--od-shadow-button-loading: 0 1px 2px rgb(16 24 40 / 10%), inset 0 1px 0 rgb(255 255 255 / 20%);--od-button-primary-bg: #1a73e8;--od-button-primary-bg-hover: #1967d2;--od-button-primary-bg-active: #185abc;--od-button-accent-fg: #1a73e8;--od-button-accent-fg-hover: #1967d2;--od-button-danger-bg: #b84a55;--od-button-danger-bg-hover: #a6404b;--od-button-danger-bg-active: #903640;--od-button-disabled-bg: #f2f4f6;--od-button-disabled-border: #e1e5e9;--od-button-disabled-fg: #9aa3ad;--od-button-focus-ring: 0 0 0 3px rgb(26 115 232 / 22%);--od-focus-ring: 0 0 0 3px var(--od-color-primary-light);--od-transition-fast: .15s ease;--od-transition-normal: .2s ease;--od-z-dropdown: 1000;--od-z-modal: 1100;--od-z-toast: 1200}.od-button,.od-input,.od-form,.od-icon{font-family:var(--od-font-family)}.od-button,.od-input__control,.od-input__textarea{-webkit-font-smoothing:antialiased}.od-button:focus-visible{outline:none;box-shadow:var(--od-button-focus-ring)}.od-input__control:focus-visible,.od-input__textarea:focus-visible,.od-input__clear:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}.od-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.od-icon>svg{display:block}.od-button[data-v-9c41b3bf]{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--od-space-2);min-width:76px;height:36px;padding:0 15px;border:1px solid var(--od-color-border);border-radius:var(--od-radius-control);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-md);font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:var(--od-shadow-control);transform:translateY(0) scale(1);transition:background-color var(--od-transition-fast),border-color var(--od-transition-fast),box-shadow var(--od-transition-fast),color var(--od-transition-fast),transform var(--od-transition-fast)}.od-button[data-v-9c41b3bf]:hover:not(:disabled){border-color:color-mix(in srgb,var(--od-color-text-tertiary) 55%,var(--od-color-border));background:var(--od-color-bg-secondary);color:var(--od-color-text-primary);box-shadow:var(--od-shadow-control-hover);transform:translateY(-1px)}.od-button[data-v-9c41b3bf]:active:not(:disabled){border-color:color-mix(in srgb,var(--od-color-text-tertiary) 70%,var(--od-color-border));background:var(--od-color-bg-tertiary);box-shadow:inset 0 1px 2px #1018281a;transform:translateY(0) scale(.985)}.od-button[data-v-9c41b3bf]:disabled{background:var(--od-button-disabled-bg);border-color:var(--od-button-disabled-border);color:var(--od-button-disabled-fg);cursor:not-allowed;box-shadow:none;transform:none}.od-button--primary[data-v-9c41b3bf]{border-color:var(--od-button-primary-bg);background:var(--od-button-primary-bg);color:#fff;box-shadow:var(--od-shadow-primary)}.od-button--primary[data-v-9c41b3bf]:hover:not(:disabled){border-color:var(--od-button-primary-bg-hover);background:var(--od-button-primary-bg-hover);color:#fff;box-shadow:var(--od-shadow-primary-hover)}.od-button--primary[data-v-9c41b3bf]:active:not(:disabled){border-color:var(--od-button-primary-bg-active);background:var(--od-button-primary-bg-active);color:#fff;box-shadow:inset 0 2px 4px #12375447}.od-button--text[data-v-9c41b3bf]{min-width:auto;padding:0 var(--od-space-3);border-color:transparent;background:transparent;color:var(--od-button-accent-fg);box-shadow:none}.od-button--text[data-v-9c41b3bf]:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--od-button-accent-fg) 9%,transparent);color:var(--od-button-accent-fg-hover);box-shadow:none}.od-button--text[data-v-9c41b3bf]:active:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--od-button-accent-fg) 15%,transparent);color:var(--od-button-accent-fg-hover);box-shadow:none}.od-button.is-danger[data-v-9c41b3bf]:not(.od-button--primary){color:var(--od-button-danger-bg)}.od-button.is-danger[data-v-9c41b3bf]:not(.od-button--primary):hover:not(:disabled){border-color:color-mix(in srgb,var(--od-button-danger-bg) 45%,var(--od-color-border));background:color-mix(in srgb,var(--od-button-danger-bg) 7%,transparent);color:var(--od-button-danger-bg-hover)}.od-button--primary.is-danger[data-v-9c41b3bf]{border-color:var(--od-button-danger-bg);background:var(--od-button-danger-bg);box-shadow:var(--od-shadow-danger)}.od-button--primary.is-danger[data-v-9c41b3bf]:hover:not(:disabled){border-color:var(--od-button-danger-bg-hover);background:var(--od-button-danger-bg-hover);box-shadow:var(--od-shadow-danger-hover)}.od-button--primary.is-danger[data-v-9c41b3bf]:active:not(:disabled){border-color:var(--od-button-danger-bg-active);background:var(--od-button-danger-bg-active);box-shadow:inset 0 2px 4px #54161e47}.od-button--primary[data-v-9c41b3bf]:disabled:not(.is-loading){border-color:var(--od-button-disabled-border);background:var(--od-button-disabled-bg);color:var(--od-button-disabled-fg);box-shadow:none}.od-button--primary.is-loading[data-v-9c41b3bf]:disabled{border-color:var(--od-button-primary-bg);background:var(--od-button-primary-bg);color:#fff;box-shadow:var(--od-shadow-button-loading)}.od-button--primary.is-danger.is-loading[data-v-9c41b3bf]:disabled{border-color:var(--od-button-danger-bg);background:var(--od-button-danger-bg)}.od-button--small[data-v-9c41b3bf]{min-width:64px;height:30px;padding:0 11px;gap:6px;font-size:var(--od-font-size-sm)}.od-button--large[data-v-9c41b3bf]{height:44px;padding:0 19px;gap:10px;font-size:var(--od-font-size-lg)}.od-button__icon[data-v-9c41b3bf],.od-button__spinner[data-v-9c41b3bf]{display:inline-flex;align-items:center;justify-content:center;line-height:0}.od-button__spinner[data-v-9c41b3bf]{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:od-button-spin-9c41b3bf .7s linear infinite}.od-button.is-loading[data-v-9c41b3bf]{cursor:wait}@media(prefers-reduced-motion:reduce){.od-button[data-v-9c41b3bf]{transition:none}.od-button__spinner[data-v-9c41b3bf]{animation-duration:1.4s}}@keyframes od-button-spin-9c41b3bf{to{transform:rotate(360deg)}}.od-table[data-v-e8374838]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--od-space-3);min-width:0;color:var(--od-color-text-primary);font-family:var(--od-font-family);font-size:var(--od-font-size-md);line-height:var(--od-line-height-normal)}.od-table[data-v-e8374838] *{box-sizing:border-box}.od-table__toolbar[data-v-e8374838]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-3);min-height:32px}.od-table__toolbar-meta[data-v-e8374838]{display:flex;align-items:center;gap:var(--od-space-3);min-width:0}.od-table__total[data-v-e8374838]{color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__selected[data-v-e8374838]{color:var(--od-color-primary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__toolbar-button[data-v-e8374838]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-sm);cursor:pointer;transition:border-color var(--od-transition-fast),color var(--od-transition-fast)}.od-table__toolbar-button[data-v-e8374838]:hover{border-color:var(--od-color-primary-hover);color:var(--od-color-primary-hover)}.od-table__viewport[data-v-e8374838]{position:relative;min-height:120px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--od-color-border);border-radius:var(--od-radius-md);background:var(--od-color-bg-primary)}.od-table--bordered .od-table__viewport[data-v-e8374838]{border-color:var(--od-color-border)}.od-table:not(.od-table--bordered) .od-table__viewport[data-v-e8374838]{border-bottom:1px solid var(--od-color-border-light)}.od-table__table[data-v-e8374838]{table-layout:fixed;border-collapse:collapse;font-size:var(--od-font-size-md)}.od-table__head-row[data-v-e8374838]{background:var(--od-color-bg-tertiary)}.od-table__head[data-v-e8374838]{position:relative;height:44px;padding:0;border-bottom:1px solid var(--od-color-border);text-align:left;font-weight:600;white-space:nowrap}.od-table--bordered .od-table__head[data-v-e8374838]:not(:last-child){border-right:1px solid var(--od-color-border-light)}.od-table--compact .od-table__head[data-v-e8374838]{height:36px}.od-table__head--selection[data-v-e8374838]{width:48px}.od-table__head-inner[data-v-e8374838]{display:flex;align-items:center;gap:var(--od-space-1);padding:0 var(--od-space-3)}.od-table--compact .od-table__head-inner[data-v-e8374838]{padding:0 var(--od-space-2)}.od-table__head-inner--center[data-v-e8374838]{justify-content:center}.od-table__head-inner--right[data-v-e8374838]{justify-content:flex-end}.od-table__head-inner--selection[data-v-e8374838]{justify-content:center;padding:0}.od-table__head-title[data-v-e8374838]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__sort[data-v-e8374838]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.od-table__sort:hover .od-table__sort-title[data-v-e8374838],.od-table__sort:hover .od-table__sort-icon[data-v-e8374838]{color:var(--od-color-primary-hover)}.od-table__sort.is-active[data-v-e8374838]{color:var(--od-color-primary)}.od-table__sort-title[data-v-e8374838]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__sort-priority[data-v-e8374838]{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 2px;border-radius:var(--od-radius-sm);background:var(--od-color-primary-light);color:var(--od-color-primary-active);font-size:var(--od-font-size-xs);font-weight:600}.od-table__head-actions[data-v-e8374838]{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.od-table__icon-button[data-v-e8374838]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--od-radius-sm);background:transparent;color:var(--od-color-text-tertiary);cursor:pointer}.od-table__icon-button[data-v-e8374838]:hover{background:var(--od-color-bg-primary);color:var(--od-color-text-secondary)}.od-table__icon-button.is-active[data-v-e8374838]{color:var(--od-color-primary)}.od-table__resize-handle[data-v-e8374838]{position:absolute;top:0;right:0;width:6px;height:100%;margin-left:-3px;background-clip:content-box;background-color:transparent;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.od-table__resize-handle[data-v-e8374838]:after{content:"";display:block;width:2px;height:100%;margin:0 auto;background-color:transparent;transition:background-color var(--od-transition-fast)}.od-table__resize-handle[data-v-e8374838]:hover:after,.od-table__resize-handle.is-adjusting[data-v-e8374838]:after{background-color:var(--od-color-primary)}.od-table__row[data-v-e8374838]{border-bottom:1px solid var(--od-color-border-light);transition:background-color var(--od-transition-fast)}.od-table__row[data-v-e8374838]:hover{background:var(--od-color-bg-secondary)}.od-table__row[data-v-e8374838]:last-child{border-bottom:0}.od-table--striped .od-table__row[data-v-e8374838]:nth-child(2n){background:var(--od-color-bg-tertiary)}.od-table--bordered .od-table__row .od-table__cell[data-v-e8374838]:not(:last-child){border-right:1px solid var(--od-color-border-light)}.od-table__cell[data-v-e8374838]{height:44px;padding:var(--od-space-2) var(--od-space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--od-color-text-primary)}.od-table--compact .od-table__cell[data-v-e8374838]{height:34px;padding:var(--od-space-1) var(--od-space-2)}.od-table__cell--center[data-v-e8374838]{text-align:center}.od-table__cell--right[data-v-e8374838]{text-align:right}.od-table__cell--datetime[data-v-e8374838]{overflow:visible}.od-table__cell--selection[data-v-e8374838]{text-align:center;padding:0}.od-table__checkbox[data-v-e8374838]{width:16px;height:16px;accent-color:var(--od-color-primary);cursor:pointer}.od-table__time[data-v-e8374838]{position:relative;display:inline-block;cursor:default}.od-table__tooltip[data-v-e8374838]{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:var(--od-z-dropdown);padding:var(--od-space-1) var(--od-space-2);border-radius:var(--od-radius-sm);background:var(--od-color-text-primary);box-shadow:var(--od-shadow);color:var(--od-color-bg-primary);font-size:var(--od-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity var(--od-transition-fast)}.od-table__time:hover .od-table__tooltip[data-v-e8374838],.od-table__time:focus-visible .od-table__tooltip[data-v-e8374838]{opacity:1}.od-table__state-cell[data-v-e8374838]{padding:0!important;border-right:0!important}.od-table__state[data-v-e8374838]{display:flex;align-items:center;justify-content:center;gap:var(--od-space-2);min-height:160px;padding:var(--od-space-6);color:var(--od-color-text-tertiary)}.od-table__state--error[data-v-e8374838]{flex-direction:column;color:var(--od-color-error)}.od-table__state-title[data-v-e8374838]{margin:0;font-weight:600}.od-table__state-detail[data-v-e8374838]{margin:0;color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);text-align:center;word-break:break-all}.od-table__state--root .od-table__state-detail[data-v-e8374838]{color:var(--od-color-error)}.od-table__state-retry[data-v-e8374838]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) var(--od-space-3);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__state-retry[data-v-e8374838]:hover{border-color:var(--od-color-primary-hover)}.od-table__overlay[data-v-e8374838]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--od-z-dropdown);display:flex;align-items:center;justify-content:center;gap:var(--od-space-2);background:color-mix(in srgb,var(--od-color-bg-primary) 78%,transparent);color:var(--od-color-text-secondary)}.od-table__banner[data-v-e8374838]{display:flex;align-items:center;gap:var(--od-space-2);padding:var(--od-space-2) var(--od-space-3);border:1px solid var(--od-color-error);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-error)}.od-table__banner .od-table__state-retry[data-v-e8374838]{margin-left:auto}.od-table__spinner[data-v-e8374838]{animation:od-table-spin-e8374838 1s linear infinite}@keyframes od-table-spin-e8374838{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.od-table__spinner[data-v-e8374838]{animation:none}}.od-table__pagination[data-v-e8374838]{display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-3);flex-wrap:wrap}.od-table__pagination-total[data-v-e8374838]{color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__page-size[data-v-e8374838]{display:inline-flex;align-items:center;gap:var(--od-space-2);color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__page-size-select[data-v-e8374838]{padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__pager[data-v-e8374838]{display:flex;align-items:center;gap:var(--od-space-1)}.od-table__pager-button[data-v-e8374838]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--od-space-1);border:1px solid transparent;border-radius:var(--od-radius-sm);background:transparent;color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__pager-button[data-v-e8374838]:hover:not(:disabled):not(.is-current){border-color:var(--od-color-border);color:var(--od-color-primary-hover)}.od-table__pager-button.is-current[data-v-e8374838]{border-color:var(--od-color-primary);background:var(--od-color-primary-light);color:var(--od-color-primary-active);font-weight:600}.od-table__pager-button[data-v-e8374838]:disabled{color:var(--od-color-text-disabled);cursor:not-allowed}.od-table__pager-ellipsis[data-v-e8374838]{min-width:20px;text-align:center;color:var(--od-color-text-tertiary)}.od-table__popover[data-v-e8374838]{position:fixed;z-index:var(--od-z-dropdown);display:flex;flex-direction:column;gap:var(--od-space-2);padding:var(--od-space-3);border:1px solid var(--od-color-border-light);border-radius:var(--od-radius-md);background:var(--od-color-bg-primary);box-shadow:var(--od-shadow-dialog)}.od-table__search-input[data-v-e8374838]{padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);font-size:var(--od-font-size-sm)}.od-table__search-input[data-v-e8374838]:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}.od-table__filter-list[data-v-e8374838],.od-table__column-list[data-v-e8374838]{display:flex;flex-direction:column;gap:var(--od-space-1);margin:0;padding:0;list-style:none;max-height:264px;overflow-y:auto}.od-table__filter-item[data-v-e8374838],.od-table__column-item[data-v-e8374838]{display:flex;align-items:center;gap:var(--od-space-2)}.od-table__column-label[data-v-e8374838]{display:inline-flex;align-items:center;gap:var(--od-space-2);flex:1;min-width:0;font-size:var(--od-font-size-sm);font-weight:400;cursor:pointer}.od-table__column-label span[data-v-e8374838]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__condition-dot[data-v-e8374838]{width:6px;height:6px;flex:none;border-radius:50%;background:var(--od-color-primary)}.od-table__filter-actions[data-v-e8374838],.od-table__column-actions[data-v-e8374838]{display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-2);padding-top:var(--od-space-2);border-top:1px solid var(--od-color-border-light)}.od-table__link-button[data-v-e8374838]{padding:0;border:0;background:transparent;color:var(--od-color-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__link-button[data-v-e8374838]:hover{color:var(--od-color-primary-hover)}.od-table__link-button[data-v-e8374838]:disabled{color:var(--od-color-text-disabled);cursor:not-allowed}.od-table__filter-confirm[data-v-e8374838]{padding:var(--od-space-1) var(--od-space-3);border:0;border-radius:var(--od-radius-sm);background:var(--od-color-primary);color:var(--od-color-bg-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__filter-confirm[data-v-e8374838]:hover{background:var(--od-color-primary-hover)}.od-table__hint[data-v-e8374838]{margin:0;min-height:18px;color:var(--od-color-warning);font-size:var(--od-font-size-xs)}.od-table__sort[data-v-e8374838]:focus-visible,.od-table__icon-button[data-v-e8374838]:focus-visible,.od-table__toolbar-button[data-v-e8374838]:focus-visible,.od-table__pager-button[data-v-e8374838]:focus-visible,.od-table__state-retry[data-v-e8374838]:focus-visible,.od-table__link-button[data-v-e8374838]:focus-visible,.od-table__filter-confirm[data-v-e8374838]:focus-visible,.od-table__checkbox[data-v-e8374838]:focus-visible,.od-table__resize-handle[data-v-e8374838]:focus-visible,.od-table__search-input[data-v-e8374838]:focus-visible,.od-table__page-size-select[data-v-e8374838]:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}
+@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:300;src:url("./fonts/inter-300.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url("./fonts/inter-400.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url("./fonts/inter-500.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url("./fonts/inter-600.woff2") format("woff2")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url("./fonts/inter-700.woff2") format("woff2")}:root{--od-color-primary: #1890ff;--od-color-primary-hover: #40a9ff;--od-color-primary-active: #096dd9;--od-color-primary-light: #e6f7ff;--od-color-text-primary: #262626;--od-color-text-secondary: #595959;--od-color-text-tertiary: #8c8c8c;--od-color-text-disabled: #bfbfbf;--od-color-bg-primary: #ffffff;--od-color-bg-secondary: #fafafa;--od-color-bg-tertiary: #f5f5f5;--od-color-border: #d9d9d9;--od-color-border-light: #e8e8e8;--od-color-success: #52c41a;--od-color-warning: #faad14;--od-color-error: #ff4d4f;--od-color-info: #1890ff;--od-shadow: 0 2px 8px rgb(0 0 0 / 9%);--od-shadow-hover: 0 4px 12px rgb(0 0 0 / 12%);--od-shadow-dialog: 0 8px 24px rgb(0 0 0 / 15%);--od-font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;--od-font-size-xs: 12px;--od-font-size-sm: 13px;--od-font-size-md: 14px;--od-font-size-lg: 16px;--od-font-size-xl: 20px;--od-line-height-tight: 1.35;--od-line-height-normal: 1.5715;--od-space-1: 4px;--od-space-2: 8px;--od-space-3: 12px;--od-space-4: 16px;--od-space-5: 20px;--od-space-6: 24px;--od-space-8: 32px;--od-space-10: 40px;--od-space-12: 48px;--od-radius-sm: 4px;--od-radius-control: 6px;--od-radius-md: 8px;--od-radius-lg: 12px;--od-shadow-control: 0 1px 2px rgb(16 24 40 / 7%), inset 0 1px 0 rgb(255 255 255 / 70%);--od-shadow-control-hover: 0 3px 8px rgb(16 24 40 / 12%), inset 0 1px 0 rgb(255 255 255 / 80%);--od-shadow-primary: 0 1px 2px rgb(16 24 40 / 12%), 0 3px 8px rgb(32 82 135 / 18%), inset 0 1px 0 rgb(255 255 255 / 24%);--od-shadow-primary-hover: 0 2px 4px rgb(16 24 40 / 14%), 0 5px 12px rgb(32 82 135 / 20%), inset 0 1px 0 rgb(255 255 255 / 28%);--od-shadow-danger: 0 1px 2px rgb(16 24 40 / 12%), 0 3px 8px rgb(92 45 50 / 16%), inset 0 1px 0 rgb(255 255 255 / 24%);--od-shadow-danger-hover: 0 2px 4px rgb(16 24 40 / 14%), 0 5px 12px rgb(92 45 50 / 18%), inset 0 1px 0 rgb(255 255 255 / 28%);--od-shadow-button-loading: 0 1px 2px rgb(16 24 40 / 10%), inset 0 1px 0 rgb(255 255 255 / 20%);--od-button-primary-bg: #1a73e8;--od-button-primary-bg-hover: #1967d2;--od-button-primary-bg-active: #185abc;--od-button-accent-fg: #1a73e8;--od-button-accent-fg-hover: #1967d2;--od-button-danger-bg: #b84a55;--od-button-danger-bg-hover: #a6404b;--od-button-danger-bg-active: #903640;--od-button-disabled-bg: #f2f4f6;--od-button-disabled-border: #e1e5e9;--od-button-disabled-fg: #9aa3ad;--od-button-focus-ring: 0 0 0 3px rgb(26 115 232 / 22%);--od-focus-ring: 0 0 0 3px var(--od-color-primary-light);--od-transition-fast: .15s ease;--od-transition-normal: .2s ease;--od-z-dropdown: 1000;--od-z-modal: 1100;--od-z-toast: 1200}.od-button,.od-input,.od-form,.od-icon{font-family:var(--od-font-family)}.od-button,.od-input__control,.od-input__textarea{-webkit-font-smoothing:antialiased}.od-button:focus-visible{outline:none;box-shadow:var(--od-button-focus-ring)}.od-input__control:focus-visible,.od-input__textarea:focus-visible,.od-input__clear:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}.od-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.od-icon>svg{display:block}.od-button[data-v-9c41b3bf]{position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--od-space-2);min-width:76px;height:36px;padding:0 15px;border:1px solid var(--od-color-border);border-radius:var(--od-radius-control);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-md);font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:var(--od-shadow-control);transform:translateY(0) scale(1);transition:background-color var(--od-transition-fast),border-color var(--od-transition-fast),box-shadow var(--od-transition-fast),color var(--od-transition-fast),transform var(--od-transition-fast)}.od-button[data-v-9c41b3bf]:hover:not(:disabled){border-color:color-mix(in srgb,var(--od-color-text-tertiary) 55%,var(--od-color-border));background:var(--od-color-bg-secondary);color:var(--od-color-text-primary);box-shadow:var(--od-shadow-control-hover);transform:translateY(-1px)}.od-button[data-v-9c41b3bf]:active:not(:disabled){border-color:color-mix(in srgb,var(--od-color-text-tertiary) 70%,var(--od-color-border));background:var(--od-color-bg-tertiary);box-shadow:inset 0 1px 2px #1018281a;transform:translateY(0) scale(.985)}.od-button[data-v-9c41b3bf]:disabled{background:var(--od-button-disabled-bg);border-color:var(--od-button-disabled-border);color:var(--od-button-disabled-fg);cursor:not-allowed;box-shadow:none;transform:none}.od-button--primary[data-v-9c41b3bf]{border-color:var(--od-button-primary-bg);background:var(--od-button-primary-bg);color:#fff;box-shadow:var(--od-shadow-primary)}.od-button--primary[data-v-9c41b3bf]:hover:not(:disabled){border-color:var(--od-button-primary-bg-hover);background:var(--od-button-primary-bg-hover);color:#fff;box-shadow:var(--od-shadow-primary-hover)}.od-button--primary[data-v-9c41b3bf]:active:not(:disabled){border-color:var(--od-button-primary-bg-active);background:var(--od-button-primary-bg-active);color:#fff;box-shadow:inset 0 2px 4px #12375447}.od-button--text[data-v-9c41b3bf]{min-width:auto;padding:0 var(--od-space-3);border-color:transparent;background:transparent;color:var(--od-button-accent-fg);box-shadow:none}.od-button--text[data-v-9c41b3bf]:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--od-button-accent-fg) 9%,transparent);color:var(--od-button-accent-fg-hover);box-shadow:none}.od-button--text[data-v-9c41b3bf]:active:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--od-button-accent-fg) 15%,transparent);color:var(--od-button-accent-fg-hover);box-shadow:none}.od-button.is-danger[data-v-9c41b3bf]:not(.od-button--primary){color:var(--od-button-danger-bg)}.od-button.is-danger[data-v-9c41b3bf]:not(.od-button--primary):hover:not(:disabled){border-color:color-mix(in srgb,var(--od-button-danger-bg) 45%,var(--od-color-border));background:color-mix(in srgb,var(--od-button-danger-bg) 7%,transparent);color:var(--od-button-danger-bg-hover)}.od-button--primary.is-danger[data-v-9c41b3bf]{border-color:var(--od-button-danger-bg);background:var(--od-button-danger-bg);box-shadow:var(--od-shadow-danger)}.od-button--primary.is-danger[data-v-9c41b3bf]:hover:not(:disabled){border-color:var(--od-button-danger-bg-hover);background:var(--od-button-danger-bg-hover);box-shadow:var(--od-shadow-danger-hover)}.od-button--primary.is-danger[data-v-9c41b3bf]:active:not(:disabled){border-color:var(--od-button-danger-bg-active);background:var(--od-button-danger-bg-active);box-shadow:inset 0 2px 4px #54161e47}.od-button--primary[data-v-9c41b3bf]:disabled:not(.is-loading){border-color:var(--od-button-disabled-border);background:var(--od-button-disabled-bg);color:var(--od-button-disabled-fg);box-shadow:none}.od-button--primary.is-loading[data-v-9c41b3bf]:disabled{border-color:var(--od-button-primary-bg);background:var(--od-button-primary-bg);color:#fff;box-shadow:var(--od-shadow-button-loading)}.od-button--primary.is-danger.is-loading[data-v-9c41b3bf]:disabled{border-color:var(--od-button-danger-bg);background:var(--od-button-danger-bg)}.od-button--small[data-v-9c41b3bf]{min-width:64px;height:30px;padding:0 11px;gap:6px;font-size:var(--od-font-size-sm)}.od-button--large[data-v-9c41b3bf]{height:44px;padding:0 19px;gap:10px;font-size:var(--od-font-size-lg)}.od-button__icon[data-v-9c41b3bf],.od-button__spinner[data-v-9c41b3bf]{display:inline-flex;align-items:center;justify-content:center;line-height:0}.od-button__spinner[data-v-9c41b3bf]{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:od-button-spin-9c41b3bf .7s linear infinite}.od-button.is-loading[data-v-9c41b3bf]{cursor:wait}@media(prefers-reduced-motion:reduce){.od-button[data-v-9c41b3bf]{transition:none}.od-button__spinner[data-v-9c41b3bf]{animation-duration:1.4s}}@keyframes od-button-spin-9c41b3bf{to{transform:rotate(360deg)}}.od-table[data-v-f8755c8c]{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--od-space-3);min-width:0;color:var(--od-color-text-primary);font-family:var(--od-font-family);font-size:var(--od-font-size-md);line-height:var(--od-line-height-normal)}.od-table[data-v-f8755c8c] *{box-sizing:border-box}.od-table__toolbar[data-v-f8755c8c]{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-3);min-height:32px}.od-table__toolbar-meta[data-v-f8755c8c]{display:flex;align-items:center;gap:var(--od-space-3);min-width:0}.od-table__total[data-v-f8755c8c]{color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__selected[data-v-f8755c8c]{color:var(--od-color-primary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__toolbar-button[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-sm);cursor:pointer;transition:border-color var(--od-transition-fast),color var(--od-transition-fast)}.od-table__toolbar-button[data-v-f8755c8c]:hover{border-color:var(--od-color-primary-hover);color:var(--od-color-primary-hover)}.od-table__viewport[data-v-f8755c8c]{position:relative;min-height:120px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--od-color-border);border-radius:var(--od-radius-md);background:var(--od-color-bg-primary)}.od-table--bordered .od-table__viewport[data-v-f8755c8c]{border-color:var(--od-color-border)}.od-table:not(.od-table--bordered) .od-table__viewport[data-v-f8755c8c]{border-bottom:1px solid var(--od-color-border-light)}.od-table__table[data-v-f8755c8c]{table-layout:fixed;border-collapse:collapse;font-size:var(--od-font-size-md)}.od-table__head-row[data-v-f8755c8c]{background:var(--od-color-bg-tertiary)}.od-table__head[data-v-f8755c8c]{position:relative;height:44px;padding:0;border-bottom:1px solid var(--od-color-border);text-align:left;font-weight:600;white-space:nowrap}.od-table--bordered .od-table__head[data-v-f8755c8c]:not(:last-child){border-right:1px solid var(--od-color-border-light)}.od-table--compact .od-table__head[data-v-f8755c8c]{height:36px}.od-table__head--selection[data-v-f8755c8c]{width:48px}.od-table__head-inner[data-v-f8755c8c]{display:flex;align-items:center;gap:var(--od-space-1);padding:0 var(--od-space-3)}.od-table--compact .od-table__head-inner[data-v-f8755c8c]{padding:0 var(--od-space-2)}.od-table__head-inner--center[data-v-f8755c8c]{justify-content:center}.od-table__head-inner--right[data-v-f8755c8c]{justify-content:flex-end}.od-table__head-inner--selection[data-v-f8755c8c]{justify-content:center;padding:0}.od-table__head-title[data-v-f8755c8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__sort[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}.od-table__sort:hover .od-table__sort-title[data-v-f8755c8c],.od-table__sort:hover .od-table__sort-icon[data-v-f8755c8c]{color:var(--od-color-primary-hover)}.od-table__sort.is-active[data-v-f8755c8c]{color:var(--od-color-primary)}.od-table__sort-title[data-v-f8755c8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__sort-priority[data-v-f8755c8c]{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 2px;border-radius:var(--od-radius-sm);background:var(--od-color-primary-light);color:var(--od-color-primary-active);font-size:var(--od-font-size-xs);font-weight:600}.od-table__head-actions[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:2px;margin-left:auto}.od-table__icon-button[data-v-f8755c8c]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--od-radius-sm);background:transparent;color:var(--od-color-text-tertiary);cursor:pointer}.od-table__icon-button[data-v-f8755c8c]:hover{background:var(--od-color-bg-primary);color:var(--od-color-text-secondary)}.od-table__icon-button.is-active[data-v-f8755c8c]{color:var(--od-color-primary)}.od-table__resize-handle[data-v-f8755c8c]{position:absolute;top:0;right:0;width:6px;height:100%;margin-left:-3px;background-clip:content-box;background-color:transparent;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.od-table__resize-handle[data-v-f8755c8c]:after{content:"";display:block;width:2px;height:100%;margin:0 auto;background-color:transparent;transition:background-color var(--od-transition-fast)}.od-table__resize-handle[data-v-f8755c8c]:hover:after,.od-table__resize-handle.is-adjusting[data-v-f8755c8c]:after{background-color:var(--od-color-primary)}.od-table__row[data-v-f8755c8c]{border-bottom:1px solid var(--od-color-border-light);transition:background-color var(--od-transition-fast)}.od-table__row[data-v-f8755c8c]:hover{background:var(--od-color-bg-secondary)}.od-table__row[data-v-f8755c8c]:last-child{border-bottom:0}.od-table--striped .od-table__row[data-v-f8755c8c]:nth-child(2n){background:var(--od-color-bg-tertiary)}.od-table--bordered .od-table__row .od-table__cell[data-v-f8755c8c]:not(:last-child){border-right:1px solid var(--od-color-border-light)}.od-table__cell[data-v-f8755c8c]{height:44px;padding:var(--od-space-2) var(--od-space-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--od-color-text-primary)}.od-table--compact .od-table__cell[data-v-f8755c8c]{height:34px;padding:var(--od-space-1) var(--od-space-2)}.od-table__cell--center[data-v-f8755c8c]{text-align:center}.od-table__cell--right[data-v-f8755c8c]{text-align:right}.od-table__cell--datetime[data-v-f8755c8c]{overflow:visible}.od-table__cell--selection[data-v-f8755c8c]{text-align:center;padding:0}.od-table__cell .od-table__cell-link[data-v-f8755c8c-s]{display:inline-block;box-sizing:border-box;max-width:100%;margin:0;padding:0;overflow:hidden;border:0;border-radius:var(--od-radius-sm);background:transparent;color:var(--od-table-link-color, var(--od-color-primary-active));font:inherit;letter-spacing:0;text-align:inherit;text-decoration:underline;text-underline-offset:3px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;cursor:pointer}.od-table__cell .od-table__cell-link[data-v-f8755c8c-s]:hover{text-decoration-thickness:2px}.od-table__cell .od-table__cell-link[data-v-f8755c8c-s]:focus-visible{outline:2px solid var(--od-table-link-color, var(--od-color-primary-active));outline-offset:2px}.od-table__cell .od-table__cell-link[data-v-f8755c8c-s]:disabled{color:var(--od-color-text-disabled);text-decoration:none;cursor:not-allowed}.od-table__checkbox[data-v-f8755c8c]{width:16px;height:16px;accent-color:var(--od-color-primary);cursor:pointer}.od-table__time[data-v-f8755c8c]{position:relative;display:inline-block;cursor:default}.od-table__tooltip[data-v-f8755c8c]{position:absolute;bottom:calc(100% + 6px);left:50%;z-index:var(--od-z-dropdown);padding:var(--od-space-1) var(--od-space-2);border-radius:var(--od-radius-sm);background:var(--od-color-text-primary);box-shadow:var(--od-shadow);color:var(--od-color-bg-primary);font-size:var(--od-font-size-xs);white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity var(--od-transition-fast)}.od-table__time:hover .od-table__tooltip[data-v-f8755c8c],.od-table__time:focus-visible .od-table__tooltip[data-v-f8755c8c]{opacity:1}.od-table__state-cell[data-v-f8755c8c]{padding:0!important;border-right:0!important}.od-table__state[data-v-f8755c8c]{display:flex;align-items:center;justify-content:center;gap:var(--od-space-2);min-height:160px;padding:var(--od-space-6);color:var(--od-color-text-tertiary)}.od-table__state--error[data-v-f8755c8c]{flex-direction:column;color:var(--od-color-error)}.od-table__state-title[data-v-f8755c8c]{margin:0;font-weight:600}.od-table__state-detail[data-v-f8755c8c]{margin:0;color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);text-align:center;word-break:break-all}.od-table__state--root .od-table__state-detail[data-v-f8755c8c]{color:var(--od-color-error)}.od-table__state-retry[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:var(--od-space-1);padding:var(--od-space-1) var(--od-space-3);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__state-retry[data-v-f8755c8c]:hover{border-color:var(--od-color-primary-hover)}.od-table__overlay[data-v-f8755c8c]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--od-z-dropdown);display:flex;align-items:center;justify-content:center;gap:var(--od-space-2);background:color-mix(in srgb,var(--od-color-bg-primary) 78%,transparent);color:var(--od-color-text-secondary)}.od-table__banner[data-v-f8755c8c]{display:flex;align-items:center;gap:var(--od-space-2);padding:var(--od-space-2) var(--od-space-3);border:1px solid var(--od-color-error);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-error)}.od-table__banner .od-table__state-retry[data-v-f8755c8c]{margin-left:auto}.od-table__spinner[data-v-f8755c8c]{animation:od-table-spin-f8755c8c 1s linear infinite}@keyframes od-table-spin-f8755c8c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.od-table__spinner[data-v-f8755c8c]{animation:none}}.od-table__pagination[data-v-f8755c8c]{display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-3);flex-wrap:wrap}.od-table__pagination-total[data-v-f8755c8c]{color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__page-size[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:var(--od-space-2);color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);white-space:nowrap}.od-table__page-size-select[data-v-f8755c8c]{padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);background:var(--od-color-bg-primary);color:var(--od-color-text-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__pager[data-v-f8755c8c]{display:flex;align-items:center;gap:var(--od-space-1)}.od-table__pager-button[data-v-f8755c8c]{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--od-space-1);border:1px solid transparent;border-radius:var(--od-radius-sm);background:transparent;color:var(--od-color-text-secondary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__pager-button[data-v-f8755c8c]:hover:not(:disabled):not(.is-current){border-color:var(--od-color-border);color:var(--od-color-primary-hover)}.od-table__pager-button.is-current[data-v-f8755c8c]{border-color:var(--od-color-primary);background:var(--od-color-primary-light);color:var(--od-color-primary-active);font-weight:600}.od-table__pager-button[data-v-f8755c8c]:disabled{color:var(--od-color-text-disabled);cursor:not-allowed}.od-table__pager-ellipsis[data-v-f8755c8c]{min-width:20px;text-align:center;color:var(--od-color-text-tertiary)}.od-table__popover[data-v-f8755c8c]{position:fixed;z-index:var(--od-z-dropdown);display:flex;flex-direction:column;gap:var(--od-space-2);padding:var(--od-space-3);border:1px solid var(--od-color-border-light);border-radius:var(--od-radius-md);background:var(--od-color-bg-primary);box-shadow:var(--od-shadow-dialog)}.od-table__search-input[data-v-f8755c8c]{padding:var(--od-space-1) var(--od-space-2);border:1px solid var(--od-color-border);border-radius:var(--od-radius-sm);font-size:var(--od-font-size-sm)}.od-table__search-input[data-v-f8755c8c]:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}.od-table__filter-list[data-v-f8755c8c],.od-table__column-list[data-v-f8755c8c]{display:flex;flex-direction:column;gap:var(--od-space-1);margin:0;padding:0;list-style:none;max-height:264px;overflow-y:auto}.od-table__filter-item[data-v-f8755c8c],.od-table__column-item[data-v-f8755c8c]{display:flex;align-items:center;gap:var(--od-space-2)}.od-table__column-label[data-v-f8755c8c]{display:inline-flex;align-items:center;gap:var(--od-space-2);flex:1;min-width:0;font-size:var(--od-font-size-sm);font-weight:400;cursor:pointer}.od-table__column-label span[data-v-f8755c8c]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-table__condition-dot[data-v-f8755c8c]{width:6px;height:6px;flex:none;border-radius:50%;background:var(--od-color-primary)}.od-table__filter-actions[data-v-f8755c8c],.od-table__column-actions[data-v-f8755c8c]{display:flex;align-items:center;justify-content:space-between;gap:var(--od-space-2);padding-top:var(--od-space-2);border-top:1px solid var(--od-color-border-light)}.od-table__link-button[data-v-f8755c8c]{padding:0;border:0;background:transparent;color:var(--od-color-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__link-button[data-v-f8755c8c]:hover{color:var(--od-color-primary-hover)}.od-table__link-button[data-v-f8755c8c]:disabled{color:var(--od-color-text-disabled);cursor:not-allowed}.od-table__filter-confirm[data-v-f8755c8c]{padding:var(--od-space-1) var(--od-space-3);border:0;border-radius:var(--od-radius-sm);background:var(--od-color-primary);color:var(--od-color-bg-primary);font-size:var(--od-font-size-sm);cursor:pointer}.od-table__filter-confirm[data-v-f8755c8c]:hover{background:var(--od-color-primary-hover)}.od-table__hint[data-v-f8755c8c]{margin:0;min-height:18px;color:var(--od-color-warning);font-size:var(--od-font-size-xs)}.od-table__sort[data-v-f8755c8c]:focus-visible,.od-table__icon-button[data-v-f8755c8c]:focus-visible,.od-table__toolbar-button[data-v-f8755c8c]:focus-visible,.od-table__pager-button[data-v-f8755c8c]:focus-visible,.od-table__state-retry[data-v-f8755c8c]:focus-visible,.od-table__link-button[data-v-f8755c8c]:focus-visible,.od-table__filter-confirm[data-v-f8755c8c]:focus-visible,.od-table__checkbox[data-v-f8755c8c]:focus-visible,.od-table__resize-handle[data-v-f8755c8c]:focus-visible,.od-table__search-input[data-v-f8755c8c]:focus-visible,.od-table__page-size-select[data-v-f8755c8c]:focus-visible{outline:none;box-shadow:var(--od-focus-ring)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@henryx/onedot-ui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "private": false,
   "description": "A focused Vue 3 component library for the Onedot team.",
   "type": "module",
@@ -61,6 +61,7 @@
     "dev": "storybook dev -p 6006",
     "build": "vite build",
     "build:storybook": "storybook build",
+    "preview:storybook": "vite preview --outDir storybook-static --port 6006 --strictPort",
     "typecheck": "vue-tsc --noEmit -p tsconfig.app.json",
     "test": "vitest run",
     "test:watch": "vitest",
@@ -90,6 +91,7 @@
     "@storybook/test": "8.6.18",
     "@storybook/vue3": "8.6.18",
     "@storybook/vue3-vite": "8.6.18",
+    "@types/node": "^22.20.1",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vue/test-utils": "^2.4.6",
     "jsdom": "^26.0.0",