@alquimia-ai/ui 1.2.1 → 1.2.4

package/src/styles/call-out.css

@@ -1,153 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.alq--callout-actions {
-  @apply flex flex-row gap-3 py-2;
-}
-
-.alq--callout-action label {
-  @apply hidden;
-}
-
-.alq--callout-action svg {
-  @apply w-4 h-4 text-gray-800;
-  transition: transform 0.2s ease-in-out;
-}
-
-.alq--callout-action svg:active {
-  transform: scale(0.85);
-  transition: transform 0.1s ease;
-}
-
-.alq--callout-action[data-clicked="true"] svg {
-  @apply text-primary;
-}
-
-.alq--callout-action[data-clicked="true"] svg path {
-  @apply fill-primary;
-}
-
-.alq--callout-actions {
-  @apply px-2;
-}
-
-.alq--callout-box {
-  @apply flex flex-col items-start px-4;
-}
-
-.alq--callout-response[data-role="assistant"] {
-  @apply bg-muted border text-sm p-4 max-w-4xl rounded mr-10;
-  position: relative;
-}
-
-.alq--callout-response[data-role="assistant"]::before {
-  content: "";
-  position: absolute;
-  left: -32px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(77, 141, 245)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M7 7h10M7 11h10M7 15h10'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center;
-  opacity: 0.5;
-  background-color: rgba(77, 141, 245, 0.1);
-  border-radius: 50%;
-  padding: 12px;
-}
-
-.alq--callout-response[data-role="user"] {
-  @apply bg-muted border text-sm p-4 max-w-4xl rounded ml-10;
-  position: relative;
-}
-
-.alq--callout-response[data-role="user"]::before {
-  content: "";
-  position: absolute;
-  left: -32px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='rgb(77, 141, 245)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='13' r='4'/%3E%3Cpath d='M24 27a8 8 0 0 0-16 0'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center;
-  opacity: 0.5;
-  background-color: rgba(77, 141, 245, 0.1);
-  border-radius: 50%;
-  padding: 12px;
-}
-
-.alq--callout-response[data-error-code] {
-  @apply bg-red-100 border-red-500 text-red-500;
-  position: relative;
-}
-
-.alq--callout-response[data-error-code]::before {
-  content: "";
-  position: absolute;
-  left: -32px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center;
-  opacity: 0.8;
-}
-
-.alq--callout-response-additional-info {
-  @apply text-xs text-muted-foreground/80 pt-4;
-}
-
-@keyframes heartbeat {
-  0% {
-    transform: scale(1);
-  }
-  14% {
-    transform: scale(1.3);
-  }
-  28% {
-    transform: scale(1);
-  }
-  42% {
-    transform: scale(1.3);
-  }
-  70% {
-    transform: scale(1);
-  }
-}
-
-.alq--callout-animate-action {
-  animation: heartbeat 1.5s ease infinite;
-}
-
-.alq--think-indicator::before {
-  content: "";
-  position: absolute;
-  left: -32px;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 20px;
-  height: 20px;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(77, 141, 245)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Cpath d='M7 7h10M7 11h10M7 15h10'/%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: center;
-  opacity: 0.5;
-  background-color: rgba(77, 141, 245, 0.1);
-  border-radius: 50%;
-  padding: 12px;
-}
-
-.alq--think-indicator {
-  @apply bg-muted border text-sm p-4 text-sm max-w-4xl rounded mr-10;
-  position: relative;
-}
-
-.alq--think-indicator-text {
-  @apply text-sm text-black;
-}
-

package/src/styles/drawer.css

@@ -1,28 +0,0 @@
-.alq--drawer-content {
-  @apply fixed inset-x-0 bottom-0 z-50 mt-24;
-  @apply flex h-auto flex-col;
-  @apply rounded-t-[10px] border border-border;
-  @apply bg-background text-foreground;
-}
-
-.alq--drawer-header {
-  @apply grid gap-1.5 p-4;
-  @apply text-center sm:text-left;
-}
-
-.alq--drawer-header h2 {
-  @apply text-3xl;
-}
-
-.alq--drawer-footer {
-  @apply mt-auto flex flex-col gap-2 p-4;
-}
-
-.alq--drawer-title {
-  @apply text-lg font-semibold;
-  @apply leading-none tracking-tight;
-}
-
-.alq--drawer-description {
-  @apply text-sm text-muted-foreground;
-}

package/src/styles/globals.css

@@ -1,69 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-    --primary: 222.2 47.4% 11.2%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222.2 47.4% 11.2%;
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222.2 47.4% 11.2%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222.2 84% 4.9%;
-    --radius: 0.5rem;
-    --chart-1: 12 76% 61%;
-    --chart-2: 173 58% 39%;
-    --chart-3: 197 37% 24%;
-    --chart-4: 43 74% 66%;
-    --chart-5: 27 87% 67%;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-    --primary: 210 40% 98%;
-    --primary-foreground: 222.2 47.4% 11.2%;
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
-    --chart-1: 220 70% 50%;
-    --chart-2: 160 60% 45%;
-    --chart-3: 30 80% 55%;
-    --chart-4: 280 65% 60%;
-    --chart-5: 340 75% 55%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/src/styles/prose.css

@@ -1,51 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-.alq--prose {
-  @apply prose lg:prose-xl w-full max-w-none prose-zinc;
-}
-
-.alq--prose h1 {
-  @apply text-3xl font-bold;
-}
-
-.alq--prose h2 {
-  @apply text-2xl font-bold;
-}
-
-.alq--prose h3 {
-  @apply text-xl font-bold;
-}
-
-.alq--prose h4 {
-  @apply text-lg font-bold;
-}
-
-.alq--prose h5 {
-  @apply text-base font-bold;
-}
-
-.alq--prose h6 {
-  @apply text-sm font-bold;
-}
-
-.alq--prose p {
-  @apply my-2;
-}
-
-.alq--prose table {
-  @apply w-full border-collapse my-4;
-}
-
-.alq--prose thead {
-  @apply bg-zinc-50;
-}
-
-.alq--prose th {
-  @apply border border-zinc-200 px-4 py-2 text-left font-semibold;
-}
-
-.alq--prose td {
-  @apply border border-zinc-200 px-4 py-2;
-}

package/src/styles/ratings.css

@@ -1,27 +0,0 @@
-.alq-rating-star-active {
-  @apply text-yellow-400;
-}
-
-.alq-rating-star-inactive {
-  @apply text-gray-400;
-}
-
-.alq-rating-comment {
-  @apply stroke-blue-500;
-}
-
-.alq-rating-thumbsup {
-  @apply text-green-400;
-}
-
-.alq-rating-thumbsdown {
-  @apply text-red-400;
-}
-
-.alq-rating-thumbs-inactive {
-  @apply stroke-gray-400;
-}
-
-.alq--callout-box[data-role="user"] {
-  @apply flex flex-col items-end;
-}

package/src/styles/themes/base-alquimia.css

@@ -1,95 +0,0 @@
-@import "../call-out.css";
-@import "../ratings.css";
-@import "../drawer.css";
-@import "../prose.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-
-
-@layer base {
-  :root {
-    --background: 230 22% 4%;   
-    --foreground: 0 0% 100%;     
-    
-    --card: 240 15% 8%;          
-    --card-foreground: 0 0% 100%;
-    
-    --popover: 240 15% 8%;
-    --popover-foreground: 0 0% 100%;
-    
-    --primary: 0 0% 100%;        
-    --primary-foreground: 230 22% 4%;
-    
-    --secondary: 220 8% 39%;     
-    --secondary-foreground: 0 0% 100%;
-    
-    --muted: 220 8% 39%;         
-    --muted-foreground: 220 8% 79%;
-    
-    --accent: 191 100% 50%;      
-    --accent-foreground: 230 22% 4%;
-    
-    --destructive: 0 84% 60%;
-    --destructive-foreground: 0 0% 98%;
-    
-    --border: 220 8% 39%;        
-    --input: 220 8% 39%;
-    --ring: 191 100% 50%;
-    --radius: 0.5rem;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #091144;
-    --ring-color: rgb(0 215 255 / 0.5);  
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-    --chart-1: 12 76% 61%;
-    --chart-2: 173 58% 39%;
-    --chart-3: 197 37% 24%;
-    --chart-4: 43 74% 66%;
-    --chart-5: 27 87% 67%;
-  }
-
-  .dark {
-    --background: 230 22% 4%;
-    --foreground: 0 0% 100%;
-    
-    --card: 240 15% 8%;
-    --card-foreground: 0 0% 100%;
-    
-    --popover: 240 15% 8%;
-    --popover-foreground: 0 0% 100%;
-    
-    --primary: 0 0% 100%;
-    --primary-foreground: 230 22% 4%;
-    
-    --secondary: 220 8% 39%;
-    --secondary-foreground: 0 0% 100%;
-    
-    --muted: 220 8% 39%;
-    --muted-foreground: 220 8% 79%;
-    
-    --accent: 191 100% 50%;
-    --accent-foreground: 230 22% 4%;
-    
-    --destructive: 0 84% 60%;
-    --destructive-foreground: 0 0% 98%;
-    
-    --border: 220 8% 39%;
-    --input: 220 8% 39%;
-    --ring: 191 100% 50%;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #091144;
-    --ring-color: rgb(0 215 255 / 0.5);
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-    --chart-1: 220 70% 50%;
-    --chart-2: 160 60% 45%;
-    --chart-3: 30 80% 55%;
-    --chart-4: 280 65% 60%;
-    --chart-5: 340 75% 55%;
-  }
-}

package/src/styles/themes/base-nordic.css

@@ -1,83 +0,0 @@
-@import "../call-out.css";
-@import "../ratings.css";
-@import "../drawer.css";
-@import "../prose.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-
-@layer base {
-  :root {
-    --background: 210 25% 98%;
-    --foreground: 210 25% 12%;
-    
-    --card: 210 25% 98%;
-    --card-foreground: 210 25% 12%;
-    
-    --popover: 210 25% 98%;
-    --popover-foreground: 210 25% 12%;
-    
-    --primary: 200 48% 40%;
-    --primary-foreground: 210 25% 98%;
-    
-    --secondary: 210 20% 92%;
-    --secondary-foreground: 210 25% 12%;
-    
-    --muted: 210 20% 92%;
-    --muted-foreground: 210 20% 40%;
-    
-    --accent: 200 30% 88%;
-    --accent-foreground: 210 25% 12%;
-    
-    --destructive: 0 65% 45%;
-    --destructive-foreground: 210 25% 98%;
-    
-    --border: 210 20% 88%;
-    --input: 210 20% 88%;
-    --ring: 200 48% 40%;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #f8fafc;
-    --ring-color: rgb(71 127 157 / 0.5);
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-  }
-
-  .dark {
-    --background: 215 25% 12%;
-    --foreground: 210 25% 98%;
-    
-    --card: 215 25% 14%;
-    --card-foreground: 210 25% 98%;
-    
-    --popover: 215 25% 14%;
-    --popover-foreground: 210 25% 98%;
-    
-    --primary: 200 48% 50%;
-    --primary-foreground: 210 25% 98%;
-    
-    --secondary: 215 25% 22%;
-    --secondary-foreground: 210 25% 98%;
-    
-    --muted: 215 25% 22%;
-    --muted-foreground: 210 20% 75%;
-    
-    --accent: 200 30% 22%;
-    --accent-foreground: 210 25% 98%;
-    
-    --destructive: 0 65% 45%;
-    --destructive-foreground: 210 25% 98%;
-    
-    --border: 215 25% 22%;
-    --input: 215 25% 22%;
-    --ring: 200 48% 50%;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #1a1f2b;
-    --ring-color: rgb(71 127 157 / 0.5);
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-  }
-}

package/src/styles/themes/base-primary.css

@@ -1,85 +0,0 @@
-@import "../call-out.css";
-@import "../ratings.css";
-@import "../drawer.css";
-@import "../prose.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222 47% 11%;
-    
-    --card: 0 0% 100%;
-    --card-foreground: 222 47% 11%;
-    
-    --popover: 0 0% 100%;
-    --popover-foreground: 222 47% 11%;
-    
-    --primary: 222 47% 11%;
-    --primary-foreground: 210 40% 98%;
-    
-    --secondary: 210 40% 96.1%;
-    --secondary-foreground: 222 47% 11%;
-    
-    --muted: 210 40% 96.1%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    
-    --accent: 210 40% 96.1%;
-    --accent-foreground: 222 47% 11%;
-    
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 222 47% 11%;
-    
-    --radius: 0.5rem;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #fff;
-    --ring-color: rgb(59 130 246 / 0.5);
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-  }
-
-  .dark {
-    --background: 222 47% 11%;
-    --foreground: 210 40% 98%;
-    
-    --card: 222 47% 11%;
-    --card-foreground: 210 40% 98%;
-    
-    --popover: 222 47% 11%;
-    --popover-foreground: 210 40% 98%;
-    
-    --primary: 210 40% 98%;
-    --primary-foreground: 222 47% 11%;
-    
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-    
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-    
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 212.7 26.8% 83.9%;
-
-    --ring-offset-width: 0px;
-    --ring-offset-color: #000;
-    --ring-color: rgb(59 130 246 / 0.5);
-    --ring-offset-shadow: 0 0 #0000;
-    --ring-shadow: 0 0 #0000;
-  }
-}

package/src/styles/themes/base.css

@@ -1,8 +0,0 @@
-@import "../call-out.css";
-@import "../ratings.css";
-@import "../drawer.css";
-@import "../prose.css";
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/src/types/index.ts

@@ -1 +0,0 @@
-export * from "./type";

package/src/types/type.ts

@@ -1,76 +0,0 @@
-export type AlquimiaDocument = {
-  id: string;
-  name: string;
-  description?: string;
-  isActive: boolean;
-  contentType: string;
-  url: string;
-  updatedAt?: string;
-};
-
-export type AlquimiaTopic = {
-  id: string;
-  externalCollectionId: string;
-  isActive: boolean;
-  name: string;
-  description: string;
-  createdAt?: string;
-  updatedAt?: string;
-  files: AlquimiaDocument[];
-  ratings?: TopicRating[];
-};
-
-export type TopicRating = {
-  id: number;
-  sessionId: string;
-}
-
-export type AlquimiaFile = {
-  id: string;
-  file: Blob;
-}
-
-export enum EditingStatus {
-  EDITING = 'EDITING',
-  FINISHED = 'FINISHED',
-}
-
-export interface RatingData {
-  assistantId: string;
-  sessionId: string;
-  topicId: number;
-  score?: number;
-  emoji?: string;
-  description?: string;
-};
-
-export interface ActionResponse<T = void> {
-  success: boolean;
-  data?: T;
-  error?: ActionError;
-}
-
-export type ActionError = {
-  message: string;
-  code?: string;
-  details?: ErrorDetails;
-}
-
-export type ErrorDetails = {
-  status: string;
-  statusText?: string;
-}
-
-export type ApiError = Error & {
-  message: string;
-  name: string;
-  cause: string;
-  code?: string | number;
-  status?: string | number;
-}
-
-export interface TWYDServerActions {
-  getDocument?: (id: string) => Promise<ActionResponse<Blob>>;
-  sendRating?: (ratingData: RatingData) => Promise<any>;
-  logError?: (message: string, error: Error, data?: Record<string, any>) => Promise<any>;
-}