@super_studio/ecforce-ai-agent-react 0.1.5 → 0.3.0

package/src/chatbot.css

@@ -1,166 +0,0 @@
-/* Chatbot Trigger Button */
-.chatbot-trigger {
-  position: fixed;
-  bottom: 1rem;
-  right: 1rem;
-  z-index: 50;
-  border-radius: 9999px;
-  border: 1px solid #f0f2f7;
-  background-color: #ffffff;
-  padding: 0.375rem;
-  color: #0061ff;
-  box-shadow:
-    0 1px 3px 0 rgba(0, 0, 0, 0.1),
-    0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  transition: colors 200ms ease-in-out;
-  cursor: pointer;
-}
-
-.chatbot-trigger:hover {
-  background-color: #f0f2f7;
-}
-
-/* Popover Backdrop */
-.chatbot-popover-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 30;
-  background-color: rgba(0, 0, 0, 0.5);
-  animation: fade-in 150ms ease-out;
-}
-
-/* Popover Content */
-.chatbot-popover-content {
-  z-index: 50;
-  border-radius: 2rem;
-  background-color: #f7f9fa;
-  box-shadow:
-    0 4px 6px -1px rgba(0, 0, 0, 0.1),
-    0 2px 4px -1px rgba(0, 0, 0, 0.06);
-  outline: none;
-  overflow: hidden;
-  height: 80vh;
-  width: 600px;
-}
-
-/* Animation states */
-.chatbot-popover-content[data-state="closed"] {
-  display: none;
-}
-
-.chatbot-popover-content[data-state="open"] {
-  animation:
-    zoom-in 150ms ease-out,
-    fade-in 150ms ease-out;
-}
-
-.chatbot-popover-content[data-state="closed"] {
-  animation:
-    zoom-out 150ms ease-in,
-    fade-out 150ms ease-in;
-}
-
-/* Side-specific slide animations */
-.chatbot-popover-content[data-side="bottom"] {
-  animation:
-    zoom-in 150ms ease-out,
-    fade-in 150ms ease-out,
-    slide-in-from-top 150ms ease-out;
-}
-
-.chatbot-popover-content[data-side="top"] {
-  animation:
-    zoom-in 150ms ease-out,
-    fade-in 150ms ease-out,
-    slide-in-from-bottom 150ms ease-out;
-}
-
-.chatbot-popover-content[data-side="left"] {
-  animation:
-    zoom-in 150ms ease-out,
-    fade-in 150ms ease-out,
-    slide-in-from-right 150ms ease-out;
-}
-
-.chatbot-popover-content[data-side="right"] {
-  animation:
-    zoom-in 150ms ease-out,
-    fade-in 150ms ease-out,
-    slide-in-from-left 150ms ease-out;
-}
-
-/* Keyframe Animations */
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes zoom-in {
-  from {
-    transform: scale(0.95);
-  }
-  to {
-    transform: scale(1);
-  }
-}
-
-@keyframes zoom-out {
-  from {
-    transform: scale(1);
-  }
-  to {
-    transform: scale(0.95);
-  }
-}
-
-@keyframes slide-in-from-top {
-  from {
-    transform: translateY(-0.5rem);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-
-@keyframes slide-in-from-bottom {
-  from {
-    transform: translateY(0.5rem);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-
-@keyframes slide-in-from-left {
-  from {
-    transform: translateX(-0.5rem);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-
-@keyframes slide-in-from-right {
-  from {
-    transform: translateX(0.5rem);
-  }
-  to {
-    transform: translateX(0);
-  }
-}

package/src/popover.tsx

@@ -1,54 +0,0 @@
-"use client";
-
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React from "react";
-
-const Popover = PopoverPrimitive.Root;
-
-const PopoverTrigger = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>
->(({ className, ...props }, ref) => (
-  <PopoverPrimitive.Trigger
-    ref={ref}
-    className={`chatbot-trigger ${className}`}
-    {...props}
-  />
-));
-PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
-    backdrop?: boolean;
-  }
->(
-  (
-    {
-      className,
-      align = "center",
-      backdrop,
-      sideOffset = 4,
-      forceMount,
-      ...props
-    },
-    ref,
-  ) => (
-    <PopoverPrimitive.Portal forceMount={forceMount}>
-      <div>
-        {backdrop && <div className="chatbot-popover-backdrop" />}
-        <PopoverPrimitive.Content
-          ref={ref}
-          align={align}
-          sideOffset={sideOffset}
-          forceMount={forceMount}
-          className={`chatbot-popover-content ${className}`}
-          {...props}
-        />
-      </div>
-    </PopoverPrimitive.Portal>
-  ),
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export { Popover, PopoverTrigger, PopoverContent };