@autoai-ui/autoui 0.2.6 → 0.2.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +76 -75
- package/dist/index.mjs +1546 -1538
- package/package.json +2 -2
- package/dist/autoui.css +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@autoai-ui/autoui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"scripts": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"vite-plugin-css-injected-by-js": "^3.5.2"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@autoai-ui/autoui": "^0.2.
|
|
39
|
+
"@autoai-ui/autoui": "^0.2.6",
|
|
40
40
|
"@changesets/cli": "^2.29.7",
|
|
41
41
|
"@dnd-kit/core": "^6.3.1",
|
|
42
42
|
"@dnd-kit/modifiers": "^9.0.0",
|
package/dist/autoui.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.spinner-base{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.spinner-label{margin-top:.5rem;font-size:14px;color:#666}.spinner-dots-wrapper{display:flex;gap:6px}.spinner-dot{width:8px;height:8px;border-radius:50%;animation:bounce .6s infinite ease-in-out}@keyframes bounce{0%,80%,to{transform:scale(.4)}40%{transform:scale(1)}}.spinner-simple{animation:spin 1s linear infinite}.spinner-simple-circle1{opacity:.25}.spinner-simple-circle2{opacity:.75}@keyframes spin{to{transform:rotate(360deg)}}.spinner-bars-wrapper{position:relative;width:24px;height:24px}.spinner-bar{position:absolute;left:50%;top:50%;width:3px;height:6px;opacity:.2;animation:pulse 1s infinite linear;transform-origin:center}@keyframes pulse{0%,20%{opacity:1}to{opacity:.2}}.spinner-default{position:relative;width:32px;height:32px}.spinner-default-circle1,.spinner-default-circle2{position:absolute;inset:0;border-width:4px;border-style:solid;border-radius:50%}.spinner-default-circle1{opacity:.25}.spinner-default-circle2{border-top-color:transparent!important;animation:spin 1s linear infinite}:root{--hero-bg: #ffffff;--hero-text: #111111;--hero-hover: rgba(0, 0, 0, .05);--hero-selected: rgba(0, 0, 0, .07);--hero-muted: rgba(0, 0, 0, .6);--hero-accent: #007aff}[data-theme=dark]{--hero-bg: #2c2c2e;--hero-text: #f2f2f7;--hero-hover: rgba(255, 255, 255, .06);--hero-selected: rgba(255, 255, 255, .1);--hero-muted: rgba(255, 255, 255, .6);--hero-accent: #0a84ff}.hero-menu{list-style:none;padding:6px;margin:0;width:240px;background:var(--hero-bg);color:var(--hero-text);border-radius:10px}.hero-menu-item{display:flex;align-items:center;padding:8px 10px;gap:10px;cursor:pointer;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease}.content .label{display:flex;align-items:center}.hero-menu-item:hover{background:var(--hero-hover)}.hero-menu-item.selected{background:var(--hero-selected);font-weight:500}.hero-menu-item.disabled{opacity:.4;pointer-events:none}.hero-menu-item .content{flex:1;display:flex;flex-direction:column}.hero-menu-item .description{font-size:12px;margin-top:-2px;color:var(--hero-muted)}.hero-menu-item .shortcut{font-size:12px;color:var(--hero-muted)}.selected-icon svg{width:16px;height:16px;color:var(--hero-accent)}.autoui-switch{--sw-track-off: color-mix(in srgb, var(--autoui-border, #e5e5e5) 85%, transparent);--sw-track-on: var(--autoui-accent, #007aff);--sw-thumb: var(--autoui-bg, #fff);--sw-ring: color-mix(in srgb, var(--autoui-accent, #007aff) 35%, transparent);--sw-text: var(--autoui-text, #111);display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--sw-text)}.autoui-switch.is-disabled{opacity:.5;pointer-events:none}.autoui-switch__control{position:relative;display:inline-flex;align-items:center}.autoui-switch__input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.autoui-switch__track{display:block;border-radius:999px;background:var(--sw-track-off);transition:background .16s ease;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--autoui-border, #e5e5e5) 55%,transparent)}.autoui-switch__thumb{position:absolute;top:50%;transform:translateY(-50%);border-radius:999px;background:var(--sw-thumb);display:grid;place-items:center;transition:left .16s ease,width .16s ease,height .16s ease,transform .16s ease;box-shadow:0 2px 8px #0000002e,inset 0 0 0 1px color-mix(in srgb,var(--autoui-border, #e5e5e5) 45%,transparent)}.autoui-switch__thumbContent{display:inline-flex;align-items:center;justify-content:center;line-height:0}.autoui-switch__input:focus-visible~.autoui-switch__track{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--autoui-border, #e5e5e5) 55%,transparent),0 0 0 4px var(--sw-ring)}.autoui-switch__input:checked~.autoui-switch__track{background:var(--sw-track-on)}.autoui-switch--sm .autoui-switch__track{width:36px;height:20px}.autoui-switch--sm .autoui-switch__thumb{width:16px;height:16px;left:2px}.autoui-switch--sm .autoui-switch__input:checked~.autoui-switch__thumb{left:18px}.autoui-switch--md .autoui-switch__track{width:44px;height:24px}.autoui-switch--md .autoui-switch__thumb{width:20px;height:20px;left:2px}.autoui-switch--md .autoui-switch__input:checked~.autoui-switch__thumb{left:22px}.autoui-switch--lg .autoui-switch__track{width:54px;height:30px}.autoui-switch--lg .autoui-switch__thumb{width:26px;height:26px;left:2px}.autoui-switch--lg .autoui-switch__input:checked~.autoui-switch__thumb{left:26px}.autoui-switch__text{display:flex;flex-direction:column;gap:2px;min-width:0}.autoui-switch__label{display:flex;align-items:center;font-weight:600}.autoui-switch__description{font-size:12px;opacity:.7}:root{--autoui-bg: #ffffff;--autoui-bg-alt: #f4f4f5;--autoui-text: #111111;--autoui-accent: #007aff;--autoui-border: #e5e5e5;--icon-filter-text: invert(0%);--icon-filter-accent: invert(77%) sepia(82%) saturate(1012%) hue-rotate(359deg) brightness(103%) contrast(103%)}[data-theme=dark]{--autoui-bg: #1c1c1e;--autoui-bg-alt: #2c2c2e;--autoui-text: #f2f2f7;--autoui-accent: #004d99;--autoui-border: #3a3a3c;--icon-filter-text: invert(100%);--icon-filter-accent: invert(77%) sepia(82%) saturate(1012%) hue-rotate(359deg) brightness(103%) contrast(103%)}.autoui-chat{background:var(--autoui-bg);color:var(--autoui-text);border:1px solid var(--autoui-border);border-radius:1rem;display:flex;flex-direction:column;width:400px;height:clamp(200px,80dvh,600px);font-family:system-ui,sans-serif}.autoui-chat-header{background:var(--autoui-bg-alt);padding:.75rem 1rem;border-bottom:1px solid var(--autoui-border);display:flex;justify-content:space-between;align-items:center;border-top-left-radius:1rem;border-top-right-radius:1rem}.autoui-chat-title{font-size:1rem;display:flex;color:var(--autoui-text);align-items:center;font-weight:600;margin:0}.autoui-chat-closebtn{width:2rem;height:2rem!important;display:flex;justify-content:center;border:none;cursor:pointer;font-size:1rem;fill:var(--autoui-text);color:var(--autoui-text);background-color:transparent;align-items:center;border-radius:100%}.autoui-chat-messages{position:relative;flex:1;overflow-y:auto;padding:0 .5rem;display:flex;flex-direction:column;gap:.5rem;scroll-behavior:smooth}.autoui-chat-messages-wrapper{padding:.5rem 0}[data-testid=virtuoso-item-list]{padding-left:.5rem!important;padding-right:.5rem!important}.autoui-chat-messages::-webkit-scrollbar{width:8px}.autoui-chat-messages::-webkit-scrollbar-track{background:transparent}.autoui-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#444,#666);border-radius:6px;-webkit-transition:background .3s ease;transition:background .3s ease}.autoui-chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#555,#777)}.autoui-chat-messages{scrollbar-width:thin;scrollbar-color:#555 transparent}.autoui-message-row{padding:.6rem 0;max-width:90%}.autoui-message-row.is-user{position:relative;justify-self:flex-end;display:flex;justify-content:flex-end;max-width:80%}.autoui-chat-bubble{background:var(--autoui-bg-alt);padding:.5rem .75rem;border-radius:16px;max-width:100%;word-break:break-word}.autoui-chat-message.assistant .autoui-chat-bubble:has(>div[class*=w-full]){max-width:100%;width:100%;background:transparent}.autoui-chat-bubble>div[class*=w-full]{max-width:100%;width:100%;min-width:0}.autoui-chat-bubble--string{width:100%}.autoui-chat-bubble--react-node{background:transparent;padding:0}.autoui-chat-message.user{position:relative;width:100%}.autoui-chat-message.user .autoui-chat-bubble{width:100%;background:var(--autoui-accent);color:#fff;justify-content:flex-end;justify-self:flex-end}.autoui-chat-input{width:100%;display:flex;position:relative;background:transparent;padding:.5rem;gap:.5rem}.autoui-chat-textbox{flex:1;border:1px solid var(--autoui-border);border-radius:1rem;width:100%;padding:.5rem 5rem .5rem 2rem;background:var(--autoui-bg);color:var(--autoui-text);outline:none;transition:border-color .25s ease,box-shadow .25s ease}.autoui-chat-textbox:focus{border-color:color-mix(in srgb,var(--autoui-accent, #4a8cff) 45%,transparent);box-shadow:0 0}.autoui-chat-send{background:transparent;border:none;color:color-mix(in srgb,var(--autoui-accent, #4a8cff) 45%,transparent);border-radius:100%;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #00000014,0 6px 12px #0000000f;cursor:pointer;position:absolute!important;right:.9rem;top:20%;width:2rem;height:2rem;font-size:1rem}[data-theme=dark] .autoui-chat-send{box-shadow:0 2px 4px #00000073,0 6px 12px #00000059}.autoui-chat-messages>div{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--autoui-border) 40%,transparent) transparent}.autoui-chat-messages>div::-webkit-scrollbar{width:6px;padding-right:8px;padding-left:8px}.autoui-chat-messages>div::-webkit-scrollbar-track{background:transparent}.autoui-chat-messages>div::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--autoui-border) 50%,transparent);border-radius:8px;-webkit-transition:background .2s ease;transition:background .2s ease}.autoui-chat-messages>div::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--autoui-accent) 40%,var(--autoui-border))}.autoui-chat-send img{height:1.5rem;color:var(--autoui-accent)}.autoui-chat-send:hover{opacity:.9}.autoui-chat-open-btn{width:50px;height:50px;border-radius:50%;border:1px solid var(--autoui-border);background:#fff;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;position:fixed;bottom:1.75rem;right:1.75rem;background:var(--autoui-bg);color:var(--autoui-text);z-index:999}.autoui-chat-open-btn:hover{background:var(--autoui-accent);color:#fff;transform:translateY(-2px)}.autoui-chat-open-btn:active{transform:translateY(0);opacity:.9}.autoui-chat-input-start{width:1.5rem;height:1.5rem;left:1rem;position:absolute;top:30%}.autoui-chat-portal{position:fixed;right:4rem;bottom:4rem;z-index:1000;display:flex;justify-content:flex-end;align-items:flex-end;background:transparent}.autoui-chat-wrapper{pointer-events:auto;margin:1rem;width:full;background:var(--autoui-bg);border-radius:16px;box-shadow:0 8px 24px #00000026;transform:translateY(20px);opacity:0;animation:autoui-slide-up .25s ease forwards}@keyframes autoui-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:520px){.autoui-chat-portal{position:fixed;inset:0;margin:0;padding:0;z-index:1000;display:flex;justify-content:center;align-items:flex-end;pointer-events:auto!important}.autoui-chat-wrapper{width:100vw!important;height:100vh!important;max-height:none;max-width:none;margin:0!important;border-radius:0!important;box-shadow:none!important}.autoui-chat{width:100vw!important;height:100vh!important;max-width:none;max-height:none;border-radius:0!important}}.empty__palceholder{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.empty__palceholder--main{font-size:1.2rem}.empty__palceholder--secondary{font-size:.8rem}.autoui-icon{width:16px;height:16px;color:red}.chat-scroll-bottom{position:absolute;right:1.5rem;bottom:1.5rem;display:flex;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;border-radius:100%;border:none;background:var(--autoui-bg);color:var(--autoui-text);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .15s ease,opacity .15s ease}.chat-scroll-bottom:hover{transform:translateY(-2px)}.chat-mic-btn{position:absolute;right:3.2rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:opacity .2s ease,background .2s ease,transform .2s ease}.chat-mic-btn:hover{opacity:.9;background:color-mix(in srgb,var(--autoui-accent) 12%,transparent)}.chat-mic-btn img{width:20px;height:20px;filter:var(--icon-filter-text);transition:filter .2s ease}.chat-mic-btn.is-active{opacity:1;background:color-mix(in srgb,var(--autoui-accent) 20%,transparent);animation:mic-pulse 1.2s ease-in-out infinite}@keyframes mic-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--autoui-accent) 40%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--autoui-accent) 0%,transparent)}to{box-shadow:0 0 0 0 transparent}}
|