@memori.ai/memori-react 8.45.1 → 8.45.4

package/src/components/layouts/chat.css

@@ -1,451 +0,0 @@
-.memori-widget.memori-layout-chat {
-    height: 100vh !important;
-}
-
-.memori-widget.memori-layout-chat .memori--global-background.no-background-image {
-    background: none;
-}
-
-.memori-widget > .memori-spin.memori-chat-layout {
-    display: flex;
-    height: 100%;
-    flex-direction: column;
-}
-
-.memori-chat-layout--header {
-    margin-bottom: 12px;
-    text-align: right;
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout--header .memori-header {
-    display: inline-flex;
-    width: calc(50% - 1rem);
-    max-width: 100%;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: 0.2rem;
-}
-
-.memori-chat-layout--header-with-artifact {
-    display: none;
-}
-
-.memori-chat-layout .memori-header {
-    display: inline-block;
-    width: auto;
-}
-
-.memori-chat-layout-controls-hide {
-    display: none;
-}
-
-.memori-chat-layout-artifact-panel-full-screen {
-    width: 100%;
-    height: 100%;
-    flex: 1 1;
-}
-
-.memori-chat-layout--main {
-    position: relative;
-    display: flex;
-    overflow: hidden;
-    width: 100%;
-    height: 100%;
-    flex: 1;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    /* max-width: 1200px; */
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout--main-with-artifact {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-    /* padding: 1rem; */
-    gap: 1rem;
-}
-
-.memori-chat-layout--controls {
-    position: relative;
-    z-index: 5;
-    overflow: hidden;
-    min-width: 0;
-    height: 100%;
-    max-height: 100%;
-    flex: 1;
-    /* padding-bottom: 1.5rem; */
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout--controls-with-artifact {
-    max-height: 100%;
-    flex: 0 0 49%;
-    /* padding-bottom: 2.5rem; */
-    margin: 0;
-}
-
-.memori-chat-layout--artifact-panel {
-    position: relative;
-    display: flex;
-    overflow: hidden;
-    width: 100%;
-    min-width: 0;
-    height: 100%;
-    flex: 0 0 50%;
-    flex-direction: column;
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    border-radius: 12px;
-    backdrop-filter: blur(20px);
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.8) 100%);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-    opacity: 0;
-
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout--artifact-panel-enter {
-    animation: ease-in-out;
-    opacity: 1;
-    transform: translateX(0) scale(1);
-}
-
-@keyframes artifact-panel-slide-in {
-    0% {
-        opacity: 0;
-        transform: translateX(100%) scale(0.95);
-    }
-    100% {
-        opacity: 1;
-        transform: translateX(0) scale(1);
-    }
-}
-
-.memori-chat-layout .memori--avatar {
-    top: 0;
-}
-
-.memori-chat-layout .memori--title {
-    position: relative;
-    top: 10px;
-}
-
-.memori-chat-layout .memori-chat--cover {
-    display: none;
-}
-
-.memori-chat-layout .memori--cover {
-    top: 10px;
-    padding: 0;
-    background-image: none !important;
-}
-
-.memori-chat-layout .memori--powered-by {
-    top: 0;
-    bottom: auto;
-}
-
-.memori-chat-layout--controls .memori-chat--wrapper {
-    height: calc(100% - 1rem);
-}
-
-@media (max-width: 870px) {
-    .memori-chat-layout--header .memori-header {
-        width: 100%;
-    }
-
-    .memori-chat-layout .memori--powered-by {
-        top: 3.5rem;
-        bottom: auto;
-    }
-}
-
-.memori-chat-layout--controls .memori--start-panel,
-.memori-chat-layout--controls .memori-chat--wrapper {
-    max-width: 1200px;
-    height: 100%;
-    margin: 0 auto;
-}
-
-.memori-chat-layout .memori-chat--content {
-    padding: 0;
-}
-
-@media (max-width: 1200px) {
-    .memori-chat-layout--controls .memori--start-panel,
-    .memori-chat-layout--controls .memori-chat--wrapper {
-        max-width: 1000px;
-    }
-}
-
-@media (max-width: 991px) {
-    .memori-chat-layout--controls .memori--start-panel,
-    .memori-chat-layout--controls .memori-chat--wrapper {
-        max-width: 800px;
-    }
-}
-
-@media (max-width: 870px) {
-    .memori-chat-layout--controls .memori--start-panel,
-    .memori-chat-layout--controls .memori-chat--wrapper {
-        width: 100%;
-    }
-
-    .memori-chat-layout--controls .memori-chat--wrapper {
-        padding: 0;
-    }
-
-    .memori--powered-by {
-        display: none;
-    }
-}
-
-@media (max-width: 480px) {
-    .memori-chat-layout .memori-send-on-enter-menu {
-        display: none;
-    }
-
-    .memori-chat-layout .memori-header--button-settings {
-        display: none;
-    }
-}
-
-.memori-chat-layout .memori--avatar-toggle {
-    display: none;
-    width: 100%;
-    justify-content: center;
-}
-
-.memori-chat-layout .memori--title,
-.memori-chat-layout .memori--description,
-.memori-chat-layout .memori--needsPosition {
-    color: var(--memori-text-color);
-}
-
-.memori-chat-layout .memori--global-background-image {
-    position: relative;
-    overflow: hidden;
-    background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(200, 200, 200, 0.8) 100%);
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout .memori--global-background-image::before {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    animation: background-shimmer 4s ease-in-out infinite;
-    background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.05) 50%, transparent 70%);
-    background-size: 200% 200%;
-    content: '';
-    pointer-events: none;
-}
-
-@keyframes background-shimmer {
-    0%,
-    100% {
-        background-position: 200% 200%;
-    }
-    50% {
-        background-position: -200% -200%;
-    }
-}
-
-/* Loading states */
-.memori-chat-layout--loading {
-    position: relative;
-    overflow: hidden;
-}
-
-.memori-chat-layout--loading::before {
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    left: -100%;
-    width: 100%;
-    height: 100%;
-    animation: loading-shimmer 1.5s infinite;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
-    content: '';
-}
-
-@keyframes loading-shimmer {
-    0% {
-        left: -100%;
-    }
-    100% {
-        left: 100%;
-    }
-}
-
-/* Success animations */
-.memori-chat-layout--success {
-    animation: success-pulse 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@keyframes success-pulse {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.02);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
-
-/* Error states */
-.memori-chat-layout--error {
-    animation: error-shake 0.5s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@keyframes error-shake {
-    0%,
-    100% {
-        transform: translateX(0);
-    }
-    25% {
-        transform: translateX(-4px);
-    }
-    75% {
-        transform: translateX(4px);
-    }
-}
-
-/* Focus states for accessibility */
-.memori-chat-layout--controls:focus-within {
-    border-radius: 12px;
-    outline-offset: 2px;
-}
-
-/* High contrast mode support */
-@media (prefers-contrast: high) {
-    .memori-chat-layout--main {
-        border: 2px solid #333;
-    }
-
-    .memori-chat-layout--controls {
-        border: 2px solid #333;
-    }
-
-    .memori-chat-layout--artifact-panel {
-        border: 2px solid #333;
-    }
-}
-
-/* Reduced motion support */
-@media (prefers-reduced-motion: reduce) {
-    .memori-chat-layout--main,
-    .memori-chat-layout--controls,
-    .memori-chat-layout--artifact-panel,
-    .memori-chat-layout--header {
-        animation: none;
-        transition: none;
-    }
-
-    .memori-chat-layout--main:hover {
-        transform: none;
-    }
-
-    .memori-chat-layout--controls:hover {
-        transform: none;
-    }
-
-    .memori-chat-layout--artifact-panel:hover {
-        transform: none;
-    }
-
-    .memori-chat-layout--artifact-panel-enter {
-        animation: none;
-        opacity: 1;
-        transform: translateX(0) scale(1);
-    }
-
-    .memori-chat-layout--artifact-drawer {
-        transition: none;
-    }
-
-    .memori-chat-layout--artifact-drawer .memori-artifact-drawer {
-        animation: none;
-        transition: none;
-    }
-
-    .memori-chat-layout--artifact-drawer[data-headlessui-state~='open'] .memori-artifact-drawer {
-        transform: translateX(0);
-    }
-}
-
-.memori-chat-layout--artifact-drawer {
-    position: fixed;
-    z-index: 1000;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-    visibility: hidden;
-}
-
-.memori-chat-layout--artifact-drawer .memori-artifact-drawer {
-    pointer-events: auto;
-    transform: translateX(100%);
-    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-}
-
-/* Mobile drawer animations */
-
-.memori-chat-layout--artifact-drawer[data-headlessui-state~='open'] {
-    opacity: 1;
-    visibility: visible;
-}
-
-.memori-chat-layout--artifact-drawer[data-headlessui-state~='open'] .memori-artifact-drawer {
-    transform: translateX(0);
-}
-
-@keyframes mobile-drawer-slide-in {
-    0% {
-        opacity: 0;
-        transform: translateX(100%);
-    }
-    100% {
-        opacity: 1;
-        transform: translateX(0);
-    }
-}
-
-@keyframes mobile-drawer-slide-out {
-    0% {
-        opacity: 1;
-        transform: translateX(0);
-    }
-    100% {
-        opacity: 0;
-        transform: translateX(100%);
-    }
-}
-
-/* Adjust chat layout when drawer is open */
-.memori-chat-layout:has(.memori-chat-layout--artifact-drawer .memori-artifact-drawer[data-headlessui-state~='open'])
-    .memori-chat-layout--controls {
-    margin-right: 50%;
-    filter: blur(1px);
-    opacity: 0.8;
-    transform: scale(0.98);
-    transition: all 0.05s ease-in-out;
-}
-
-.memori-chat-layout:has(.memori-chat-layout--artifact-drawer .memori-artifact-drawer[data-headlessui-state~='open'])
-    .memori-chat-layout--main {
-    backdrop-filter: blur(5px);
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(248, 250, 252, 0.02) 100%);
-    transition: all 0.05s ease-in-out;
-}

package/src/components/layouts/hidden-chat.css

@@ -1,276 +0,0 @@
-.memori-sidebar-container {
-    position: fixed;
-    z-index: 1000;
-    top: 0;
-    right: 0;
-    height: 100%;
-}
-
-.memori-sidebar-toggle {
-    display: none;
-}
-.memori-chat--content {
-    padding: 0;
-}
-
-.memori-chat-inputs {
-    padding: 8px 24px;
-}
-
-.memori-chat-inputs--disclaimer {
-    width: 100%;
-    padding: 8px 16px;
-}
-
-.memori-chat-history {
-    height: calc(100% - 75px);
-    margin: 0;
-}
-/* Modern floating toggle button */
-.memori-sidebar-toggle-label {
-    position: absolute;
-    top: 50%;
-    right: 0;
-    display: flex;
-    width: auto;
-    height: 80px;
-    align-items: center;
-    justify-content: center;
-    padding: 12px 8px;
-    background-color: var(--memori-primary);
-    color: white;
-    cursor: pointer;
-    font-size: 18px;
-    font-weight: bold;
-    text-orientation: mixed;
-    transform: translateY(-50%);
-    transition: all 0.3s ease-in-out;
-    writing-mode: vertical-rl;
-}
-
-.memori-open-label {
-    border-radius: 5px 0 0 5px;
-}
-
-.memori-close-label {
-    right: 350px;
-    border-radius: 5px 0 0 5px;
-    opacity: 0;
-    pointer-events: none;
-    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, right 0.3s ease-in-out;
-}
-
-.memori-sidebar {
-    position: fixed;
-    z-index: 1000;
-    top: 0;
-    right: -350px;
-    width: 350px;
-    height: 100%;
-    background-color: white;
-    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
-    transition: all 0.3s ease-in-out;
-}
-
-/* Fullscreen styles */
-.memori-sidebar-fullscreen {
-    right: 0 !important;
-    width: 100% !important;
-    max-width: 100% !important;
-    height: 100% !important;
-    box-shadow: none;
-}
-
-.memori-sidebar-fullscreen .memori-close-label {
-    z-index: 1100;
-    top: 10px;
-    right: 10px;
-    width: 38px;
-    height: 38px;
-    border-radius: 50%;
-    background-color: var(--memori-primary);
-    opacity: 1;
-    pointer-events: auto;
-    transform: none;
-    transition: opacity 0.3s ease-in-out;
-    writing-mode: horizontal-tb;
-}
-
-.memori-hidden-chat-layout--controls {
-    display: flex;
-    height: 95%;
-    padding: 10px;
-    margin-top: 50px;
-}
-
-.memori-sidebar-fullscreen .memori-hidden-chat-layout--controls {
-    height: calc(100% - 80px);
-    max-height: none;
-}
-
-.memori-fullscreen-button {
-    display: flex;
-    width: 38px;
-    height: 38px;
-    align-items: center;
-    justify-content: center;
-    border: none;
-    border-radius: 50%;
-    margin-left: 10px;
-    aspect-ratio: 1;
-    background-color: var(--memori-primary);
-    color: white;
-    cursor: pointer;
-    transition: background-color 0.3s ease-in-out;
-}
-
-.memori-sidebar-content h2 {
-    margin-bottom: 20px;
-    color: var(--memori-primary);
-    font-size: 24px;
-    font-weight: bold;
-}
-
-.memori-sidebar-content ul {
-    padding: 0;
-    list-style-type: none;
-}
-
-.memori-sidebar-content li {
-    margin-bottom: 10px;
-}
-
-.memori-sidebar-content a {
-    display: flex;
-    align-items: center;
-    color: #4b5563;
-    text-decoration: none;
-    transition: color 0.2s ease-in-out;
-}
-
-.memori-sidebar-content a:hover {
-    color: var(--memori-primary);
-}
-
-.memori-sidebar-content svg {
-    width: 20px;
-    height: 20px;
-    margin-right: 10px;
-}
-
-.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-sidebar {
-    right: 0;
-}
-
-.memori-sidebar-toggle-artifact:checked ~ .memori-sidebar-container .memori-sidebar {
-    right: 46%;
-}
-
-.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
-    opacity: 0;
-    pointer-events: none;
-    transform: translateY(-50%) translateX(350px);
-}
-
-.memori-loading {
-    display: flex;
-    height: 100%;
-    align-items: center;
-    justify-content: center;
-}
-
-.memori-sidebar-content {
-    position: absolute;
-    top: -10px;
-    width: 100%;
-    padding: 20px;
-}
-
-.memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-close-label {
-    opacity: 1;
-    pointer-events: auto;
-}
-
-.memori-hidden-chat-layout--header {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 10px;
-    margin: 0;
-    background-color: white;
-    color: white;
-}
-
-.memori-hidden-chat-layout-header--layout {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 10px;
-    margin: 0;
-    background-color: white;
-    color: white;
-    gap: 4px;
-}
-
-.memori-hidden-chat-layout-header--layout > button,
-.memori-hidden-chat-layout-header--layout > div > button {
-    display: flex;
-    width: 38px;
-    height: 38px;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    aspect-ratio: 1;
-    background-color: var(--memori-primary);
-    cursor: pointer;
-    transition: background-color 0.3s ease-in-out;
-}
-
-.memori-button--icon > svg {
-    margin: 0;
-}
-
-.memori-icon,
-.memori-icon-close {
-    width: 25px;
-    height: 25px;
-}
-
-.memori-icon-close {
-    fill: white;
-}
-
-@media (max-width: 768px) {
-    .memori-sidebar-container {
-        display: none;
-    }
-
-    .memori-sidebar {
-        right: -100%;
-        width: 100%;
-    }
-
-    .memori-sidebar-toggle:checked ~ .memori-sidebar-container .memori-open-label {
-        transform: translateY(-50%) translateX(100%);
-    }
-
-    .memori-close-label {
-        right: 100%;
-    }
-
-    /* Mobile fullscreen styles */
-    .memori-sidebar-fullscreen {
-        display: block;
-    }
-
-    .memori-sidebar-container .memori-sidebar-fullscreen {
-        position: fixed;
-        top: 0;
-        left: 0;
-        display: block;
-        width: 100% !important;
-        height: 100% !important;
-    }
-}