@websolutespa/llm-plugin-maxmeyer 0.0.1

package/dist/esm/mock/page/thread.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/mock/page/thread.ts"],"sourcesContent":["/* eslint-disable comma-dangle */\n/* eslint-disable quotes */\n\nimport { LlmMockThread } from '@websolutespa/bom-mixer-llm';\n\nexport const thread: LlmMockThread = [\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Se ho poco spazio in casa che cucina mi consigli?\\n\",\n    ],\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      {\n        \"type\": \"custom01\",\n        \"id\": \"xxxxxx-1\",\n        \"title\": \"Custom 01\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"La più adatta alla mia cucina\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Come sfruttare al meglio gli angoli\"\n        }]\n      },\n      {\n        \"type\": \"custom02\",\n        \"id\": \"xxxxxx-2\",\n        \"title\": \"Custom 02\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"Generate 02\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Idea 02\"\n        }]\n      },\n      {\n        \"type\": \"custom03\",\n        \"id\": \"xxxxxx-3\",\n        \"title\": \"Custom 03\"\n      },\n      {\n        \"type\": \"custom04\",\n        \"id\": \"xxxxxx-4\",\n        \"title\": \"Custom 04\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"Generate 04\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Idea 04\"\n        }]\n      },\n      {\n        \"type\": \"custom05\",\n        \"id\": \"xxxxxx-5\",\n        \"title\": \"Custom 05\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"Generate 05\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Idea 05\"\n        }]\n      },\n      {\n        \"type\": \"custom06\",\n        \"id\": \"xxxxxx-6\",\n        \"title\": \"Custom 06\"\n      },\n      {\n        \"type\": \"custom07\",\n        \"id\": \"xxxxxx-7\",\n        \"title\": \"Custom 07\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"Generate 07\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Idea 07\"\n        }]\n      },\n      {\n        \"type\": \"custom08\",\n        \"id\": \"xxxxxx-8\",\n        \"title\": \"Custom 08\"\n      }\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Cucine con il piano in marmo\\n\",\n    ],\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Ecco alcuni elementi custom:\\n\",\n      {\n        \"type\": \"customCardItem\",\n        \"id\": \"xxxxxx-1\",\n        \"title\": \"A custom card\",\n        \"media\": {\n          \"type\": \"image\",\n          \"src\": \"https://picsum.photos/id/11/640/480\"\n        },\n        \"href\": \"/\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"La più adatta alla mia cucina\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Come sfruttare al meglio gli angoli\"\n        }]\n      },\n      {\n        \"type\": \"customCardItem\",\n        \"id\": \"xxxxxx-2\",\n        \"title\": \"A custom card\",\n        \"media\": {\n          \"type\": \"image\",\n          \"src\": \"https://picsum.photos/id/11/640/480\"\n        },\n        \"href\": \"/\",\n        \"actions\": [{\n          \"type\": \"generate\",\n          \"label\": \"La più adatta alla mia cucina\",\n          \"message\": \"message\"\n        }, {\n          \"type\": \"idea\",\n          \"label\": \"Come sfruttare al meglio gli angoli\"\n        }]\n      }\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Quali sono le opzioni di personalizzazione per Soul?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Products:\\n\",\n      {\n        \"type\": \"productItem\",\n        \"id\": \"54792\",\n        \"productType\": \"simple\",\n        \"sku\": \"K18090\",\n        \"currency\": \"EUR\",\n        \"price\": \"1.370000\",\n        \"priceLabel\": \"1,37€ al pubblico\",\n        \"title\": \"CAPPELLINO ZUCCOTTO DOPPIO STRATO IN ACRILICO MIMETICO\",\n        \"media\": {\n          \"type\": \"image\",\n          \"src\": \"https://www.siliconsrl.it/media/catalog/product/cache/95f6a12655416b1764261bf00237b0fc/k/1/k18090.jpg\"\n        },\n        \"url\": \"https://www.siliconsrl.it/it/k18090-cappellino-zuccotto-doppio-strato-in-acrilico-mimetico\",\n        \"availability\": \"87\",\n        \"label\": \"Outlet\"\n      },\n      {\n        \"type\": \"productItem\",\n        \"id\": \"54617\",\n        \"productType\": \"configurable\",\n        \"sku\": \"K18053\",\n        \"currency\": \"EUR\", \"price\": \"20.880000\",\n        \"priceLabel\": \"20,88€ al pubblico\",\n        \"title\": \"CAPPELLINO 6 PANNELLI SPORTY\",\n        \"abstract\": \"in cotone pesante pettinato con ricamo sulla visiera e sui pannelli laterali, chiusura regolabile con velcro.\",\n        \"media\": {\n          \"type\": \"image\",\n          \"src\": \"https://www.siliconsrl.it/media/catalog/product/cache/95f6a12655416b1764261bf00237b0fc/k/1/k18053bl_1.jpg\"\n        },\n        \"url\": \"https://www.siliconsrl.it/it/k18053-cappellino-6-pannelli-sporty\",\n        \"availability\": \"54\",\n        \"label\": \"Outlet\"\n      },\n      {\n        \"type\": \"productItem\",\n        \"id\": \"58216\",\n        \"productType\": \"configurable\",\n        \"sku\": \"K18118\",\n        \"currency\": \"EUR\", \"price\": \"21.060000\",\n        \"priceLabel\": \"21,06€ al pubblico\",\n        \"title\": \"CAPPELLINO MIRAMARE IN 100% COTONE\",\n        \"abstract\": \"in twill di cotone 16x12 di buona qualità.\",\n        \"media\": {\n          \"type\": \"image\",\n          \"src\": \"https://www.siliconsrl.it/media/catalog/product/cache/95f6a12655416b1764261bf00237b0fc/k/1/k18118b.jpg\"\n        },\n        \"url\": \"https://www.siliconsrl.it/it/k18118-cappellino-da-pescatore-a-falda-in-100-cotone\",\n        \"availability\": \"102\",\n        \"label\": \"Bestseller\"\n      },\n      \"Vuoi esplorare altre categorie di prodotti? Ecco alcune opzioni che potrebbero interessarti:\\n\",\n      \"<div class=\\\"llm__pill\\\">Scrittura</div>\\n\",\n      \"<div class=\\\"llm__pill\\\">Ufficio</div>\\n\",\n      \"<div class=\\\"llm__pill\\\">Tecnologia</div>\\n\"\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Come pulire il marmo del top?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Fammi pensare...\\n\",\n      \"ecco una lista di eventi:\\n\",\n      {\n        \"type\": \"eventItem\",\n        \"id\": \"xxxx\",\n        \"title\": \"Percorri la Bicipolitana di Pesaro con i tuoi bambini\",\n        \"abstract\": \"Un’esperienza da non perdere se visiterai la città con i bambini, noleggia la tua bici e esplora Pesaro.\",\n        \"place\": \"Pesaro\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://design.wslabs.it/llm/default/bicipolitana.jpg\",\n        \"date\": \"15-16 giugno 2024\",\n        \"time\": \"ore 20:00\",\n      },\n      {\n        \"type\": \"eventItem\",\n        \"id\": \"100\",\n        \"title\": \"Non perderti The Magic Castle di Gradara!\",\n        \"abstract\": \"The Magic Castle, l’evento per famiglie che ogni estate trasforma magicamente lo splendido borgo di Gradara.\",\n        \"place\": \"Gradara\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://design.wslabs.it/llm/default/gradara.jpg\",\n        \"date\": \"15-16 giugno 2024\",\n        \"time\": \"ore 20:00\",\n      },\n      {\n        \"type\": \"eventItem\",\n        \"id\": \"xxxx\",\n        \"title\": \"Trekking e panorami mozzafiato al San Bartolo\",\n        \"abstract\": \"Scendendo lungo la costa Adriatica, si erge il San Bartolo, un meraviglioso parco naturale affacciato sul mare.\",\n        \"place\": \"Parco San Bartolo\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://design.wslabs.it/llm/default/san-bartolo.jpg\",\n        \"date\": \"15-16 giugno 2024\",\n        \"time\": \"ore 20:00\",\n      },\n      \"Per qualunque altra cosa sono qui. 🙂\\n\",\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Che cos’è l'anta AIR\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Dammi un momento...\\n\",\n      \"ecco un evento:\\n\",\n      {\n        \"type\": \"event\",\n        \"id\": \"234\",\n        \"title\": \"Rossini Virtual 'Experience': esplora casa Rossini in AR\",\n        \"abstract\": \"Lasciati guidare dallo stesso Gioacchino nella sua casa e scopri la sua storia attraverso giocosi aneddoti in AR.\",\n        \"place\": \"Pesaro\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://picsum.photos/id/103/800/600\",\n        \"date\": \"15-16 giugno 2024\",\n        \"time\": \"ore 20:00\",\n      },\n      \"Serve altro?\\n\",\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Differenze tra Obliqua e One?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Bene!\\n\",\n      \"ecco alcuni punti di interesse:\\n\",\n      {\n        \"type\": \"poiItem\",\n        \"id\": \"111\",\n        \"title\": \"Title\",\n        \"abstract\": \"Lorem ipsum dolor sit amet.\",\n        \"place\": \"Place\",\n        \"image\": \"https://picsum.photos/id/102/800/600\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"time\": \"time\",\n      },\n      {\n        \"type\": \"poiItem\",\n        \"id\": \"222\",\n        \"title\": \"Title\",\n        \"abstract\": \"Lorem ipsum dolor sit amet.\",\n        \"place\": \"Place\",\n        \"image\": \"https://picsum.photos/id/101/800/600\",\n        \"url\": \"https://design.wslabs.it/llm\",\n      },\n      \"Serve altro? 🙂\\n\",\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Se ho poco spazio in casa che cucina mi consigli?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Certo!\\n\",\n      \"ecco un punto di interesse:\\n\",\n      {\n        \"type\": \"poiItem\",\n        \"id\": \"111\",\n        \"title\": \"Title\",\n        \"abstract\": \"Lorem ipsum dolor sit amet.\",\n        \"place\": \"Place\",\n        \"image\": \"https://design.wslabs.it/llm/default/rossini.jpg\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"time\": \"time\",\n      },\n      \"Serve altro? 🙂\\n\",\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Quali sono le opzioni di personalizzazione per Soul?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      \"Dammi un secondo...\\n\",\n      \"ecco alcuni ristoranti per te:\\n\",\n      {\n        \"type\": \"tripadvisor\",\n        \"id\": \"xxxx\",\n        \"title\": \"L'Angolo di Mario\",\n        \"rating\": 4.8,\n        \"reviews\": 2276,\n        \"priceRange\": \"€€-€€€\",\n        \"cuisine\": \"Italiana, Pesce, Mediterranea\",\n        \"address\": \"Via Nazario Sauro, 61100 Pesaro PU\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"book\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://design.wslabs.it/llm/default/tripadvisor-01.jpg\",\n      },\n      {\n        \"type\": \"tripadvisor\",\n        \"id\": \"xxxx\",\n        \"title\": \"L'Amo Osteria di Mare\",\n        \"rating\": 4.2,\n        \"reviews\": 287,\n        \"priceRange\": \"€€-€€€\",\n        \"cuisine\": \"Italiana, Pesce, Mediterranea\",\n        \"address\": \"Via Venturini 4/6, 61121 Pesaro PU\",\n        \"url\": \"https://design.wslabs.it/llm\",\n        \"book\": \"https://design.wslabs.it/llm\",\n        \"image\": \"https://design.wslabs.it/llm/default/tripadvisor-02.jpg\",\n      },\n    ]\n  },\n  {\n    \"role\": \"user\",\n    \"chunks\": [\n      \"Come pulire il marmo del top?\\n\",\n    ]\n  },\n  {\n    \"role\": \"assistant\",\n    \"chunks\": [\n      { \"type\": \"text\", \"text\": \"Markdown\\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"Header 1  \\n\" },\n      { \"type\": \"text\", \"text\": \"========  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"Header 2  \\n\" },\n      { \"type\": \"text\", \"text\": \"--------  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Header 3 ###  \\n\" },\n      { \"type\": \"text\", \"text\": \"#### Header 4 ####  \\n\" },\n      { \"type\": \"text\", \"text\": \"##### Header 5 #####  \\n\" },\n      { \"type\": \"text\", \"text\": \"###### Header 6 ######   \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Phrase Emphasis   \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"*italic*   \\n\" },\n      { \"type\": \"text\", \"text\": \"**bold**  \\n\" },\n      { \"type\": \"text\", \"text\": \"_italic_   \\n\" },\n      { \"type\": \"text\", \"text\": \"__bold__  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Links  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"An [example](https://www.gmail.com/ \\\"Title\\\")  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Images  \\n\" },\n      { \"type\": \"text\", \"text\": \"![alt text](https://picsum.photos/id/104/800/600 \\\"Title\\\")  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Lists  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"1.  Foo  \\n\" },\n      { \"type\": \"text\", \"text\": \"2.  Bar  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"*   A list item.  \\n\" },\n      { \"type\": \"text\", \"text\": \"    With multiple paragraphs.  \\n\" },\n      { \"type\": \"text\", \"text\": \"*   Bar  \\n\" },\n      { \"type\": \"text\", \"text\": \"*   Abacus  \\n\" },\n      { \"type\": \"text\", \"text\": \"    * answer  \\n\" },\n      { \"type\": \"text\", \"text\": \"*   Bubbles  \\n\" },\n      { \"type\": \"text\", \"text\": \"    1.  bunk  \\n\" },\n      { \"type\": \"text\", \"text\": \"    2.  bupkis  \\n\" },\n      { \"type\": \"text\", \"text\": \"        * BELITTLER  \\n\" },\n      { \"type\": \"text\", \"text\": \"    3. burper  \\n\" },\n      { \"type\": \"text\", \"text\": \"*   Cunning  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Blockquotes  \\n\" },\n      { \"type\": \"text\", \"text\": \"> Email-style angle brackets  \\n\" },\n      { \"type\": \"text\", \"text\": \"> are used for blockquotes.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"> > And, they can be nested.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"> ### Headers in blockquotes  \\n\" },\n      { \"type\": \"text\", \"text\": \">   \\n\" },\n      { \"type\": \"text\", \"text\": \"> * You can quote a list.  \\n\" },\n      { \"type\": \"text\", \"text\": \"> * Etc.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Code Spans  \\n\" },\n      { \"type\": \"text\", \"text\": \"`<code>` spans are delimited by backticks.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"You can include literal backticks like `` `this` ``.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Preformatted Code Blocks  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"This is a normal paragraph.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"    This is a preformatted  \\n\" },\n      { \"type\": \"text\", \"text\": \"    code block.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"```  \\n\" },\n      { \"type\": \"text\", \"text\": \"function sum(a, b) {  \\n\" },\n      { \"type\": \"text\", \"text\": \"  return a + b;  \\n\" },\n      { \"type\": \"text\", \"text\": \"}  \\n\" },\n      { \"type\": \"text\", \"text\": \"```  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Horizontal Rules  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"---  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"* * *  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"- - - -   \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"### Manual Line Breaks  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n      { \"type\": \"text\", \"text\": \"Roses are red,   \\n\" },\n      { \"type\": \"text\", \"text\": \"Violets are blue.  \\n\" },\n      { \"type\": \"text\", \"text\": \"  \\n\" },\n    ]\n  },\n];\n"],"names":["thread"],"mappings":"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"}

package/dist/esm/plugin.js

@@ -0,0 +1,21 @@
+import { blocks } from './blocks';
+import { components } from './components';
+export function llmPlugin(options) {
+    const config = {
+        ...options,
+        blocks: {
+            ...options.blocks,
+            ...blocks
+        },
+        components: {
+            ...options.components,
+            ...components
+        },
+        onInit: (state)=>{
+            console.log('llmPlugin.onInit', state);
+        }
+    };
+    return config;
+}
+
+//# sourceMappingURL=plugin.js.map

package/dist/esm/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import { LlmOptions } from '@websolutespa/bom-mixer-llm';\nimport { blocks } from './blocks';\nimport { components } from './components';\n\nexport function llmPlugin(options: LlmOptions): LlmOptions {\n  const config: LlmOptions = {\n    ...options,\n    blocks: {\n      ...options.blocks,\n      ...blocks,\n    },\n    components: {\n      ...options.components,\n      ...components,\n    },\n    onInit: (state) => {\n      console.log('llmPlugin.onInit', state);\n    },\n  };\n  return config;\n}\n"],"names":["blocks","components","llmPlugin","options","config","onInit","state","console","log"],"mappings":"AACA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,eAAe;AAE1C,OAAO,SAASC,UAAUC,OAAmB;IAC3C,MAAMC,SAAqB;QACzB,GAAGD,OAAO;QACVH,QAAQ;YACN,GAAGG,QAAQH,MAAM;YACjB,GAAGA,MAAM;QACX;QACAC,YAAY;YACV,GAAGE,QAAQF,UAAU;YACrB,GAAGA,UAAU;QACf;QACAI,QAAQ,CAACC;YACPC,QAAQC,GAAG,CAAC,oBAAoBF;QAClC;IACF;IACA,OAAOF;AACT"}

package/dist/esm/scss/_base.scss

@@ -0,0 +1,63 @@
+:root {
+  @include renderSize();
+}
+
+:where(llm-embed) {
+  display: block;
+  width: 100%;
+  height: 760px;
+  max-height: 100vh;
+  background: transparent;
+  overflow: clip;
+  border-radius: 10px;
+}
+
+:where(.llm__row) {
+  --grid-columns: var(--llm-grid-columns, 12);
+  --grid-size: var(--llm-grid-size, 1fr);
+  --grid-column-gap: var(--llm-grid-column-gap, var(--gap));
+  --grid-row-gap: var(--llm-grid-row-gap, var(--gap));
+  container-type: inline-size;
+  display: grid;
+  grid-template-columns: repeat(var(--grid-columns), var(--grid-size));
+  grid-column-gap: var(--grid-column-gap);
+  grid-row-gap: var(--grid-row-gap);
+}
+
+:where(.llm__col) {
+  --grid-column: var(--llm-grid-columns, 12);
+  grid-column: span var(--grid-column);
+}
+
+:where(.llm__container) {
+  padding: 0 clampUnit(20, 110);
+}
+
+
+@each $key, $value in $breakpoints {
+  @for $i from 1 through 12 {
+    .--#{$key}-#{$i} {
+      @if $key =="xs" {
+        --grid-column: #{$i};
+      }
+
+      @else {
+        @include cbp(#{$key}) {
+          --grid-column: #{$i};
+        }
+      }
+    }
+
+    .--end-#{$key}-#{$i} {
+      @if $key =="xs" {
+        grid-column-end: #{$i + 1};
+      }
+
+      @else {
+        @include cbp(#{$key}) {
+          grid-column-end: #{$i + 1};
+        }
+      }
+    }
+  }
+}

package/dist/esm/scss/_mixin.scss

@@ -0,0 +1,10 @@
+@import './mixin/vars';
+@import './mixin/breakpoint';
+@import './mixin/utils';
+@import './mixin/size';
+@import './mixin/container';
+@import './mixin/typography';
+@import './mixin/shadow';
+@import './mixin/scrollbar';
+@import './mixin/button';
+@import './mixin/markdown';

package/dist/esm/scss/_reset.scss

@@ -0,0 +1,63 @@
+:where(.llm *, .llm *::before, .llm *::after) {
+  box-sizing: border-box;
+}
+
+:where(.llm html, .llm body, .llm p, .llm ol, .llm ul, .llm li, .llm dl, .llm dt, .llm dd, .llm blockquote, .llm figure, .llm fieldset, .llm legend, .llm textarea, .llm pre, .llm iframe, .llm button, .llm input, .llm select, .llm hr, .llm h1, .llm h2, .llm h3, .llm h4, .llm h5, .llm h6) {
+  margin: 0;
+  padding: 0;
+}
+
+:where(.llm h1, .llm h2, .llm h3, .llm h4, .llm h5, .llm h6) {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+:where(.llm ul) {
+  list-style: none;
+}
+
+:where(.llm button) {
+  border: none;
+  text-decoration: none;
+  background: none;
+  appearance: none;
+  font-family: inherit;
+  font-style: inherit;
+  font-variant-ligatures: inherit;
+  font-variant-caps: inherit;
+  font-variant-numeric: inherit;
+  font-variant-east-asian: inherit;
+  font-weight: inherit;
+  font-stretch: inherit;
+  text-rendering: inherit;
+  letter-spacing: inherit;
+  word-spacing: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-indent: inherit;
+  text-shadow: none;
+  text-align: inherit;
+}
+
+:where(.llm img, .llm video) {
+  height: auto;
+  max-width: 100%;
+}
+
+:where(.llm iframe) {
+  border: 0;
+}
+
+:where(.llm table) {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+:where(.llm td, .llm th) {
+  padding: 0;
+}
+
+:where(.llm a) {
+  color: inherit;
+  text-decoration: none;
+}

package/dist/esm/scss/_thread.scss

@@ -0,0 +1,35 @@
+:where([data-message-role=user] [data-text=true]) {
+  @include text(body1);
+  background: var(--llm-user-background);
+  color: var(--llm-user-foreground);
+  border: var(--llm-user-border);
+  backdrop-filter: blur(20px);
+  border-radius: 12px;
+  padding: size(3) size(4);
+}
+
+:where([data-message-role=assistant] [data-text=true]) {
+  @include markdown();
+  @include text(display6);
+
+  h1,
+  h2,
+  p {
+    &:first-child {
+      @include text(display3);
+    }
+  }
+}
+
+:where([data-mode=chat] [data-message-role=user] [data-text=true]),
+:where(.-chat [data-message-role=user] [data-text=true]) {
+  align-self: flex-end;
+  padding: 0.5em 0;
+  padding: var(--llm-pill-padding, 8px);
+  border: var(--llm-pill-border);
+  border-radius: var(--llm-pill-border-radius);
+  background: var(--llm-pill-background);
+  color: var(--llm-pill-foreground);
+  font-family: var(--llm-pill-font-family);
+  text-align: right;
+}

package/dist/esm/scss/_typography.scss

@@ -0,0 +1,19 @@
+:where(.llm) {
+  font-style: normal;
+  font-weight: normal;
+  font-family: var(--llm-font-primary);
+  font-size: clampUnit(var(--llm-typography-body1-font-size-min), var(--llm-typography-body1-font-size-max), var(--llm-scale));
+}
+
+:where(.llm h1, .llm h2, .llm h3, .llm h4, .llm h5, .llm h6, .llm a, .llm b, .llm em, .llm p, .llm strong, .llm span, .llm ol, .llm ul) {
+  color: inherit;
+  font-style: inherit;
+  font-weight: inherit;
+  font-family: inherit;
+}
+
+:where(.llm ::selection) {
+  background: var(--llm-color-accent-foreground);
+}
+
+@include typography();

package/dist/esm/scss/mixin/_breakpoint.scss

@@ -0,0 +1,7 @@
+$breakpoints: (
+  xs: 0,
+  sm: 768px,
+  md: 1024px,
+  lg: 1440px,
+  xl: 1600px,
+);

package/dist/esm/scss/mixin/_button.scss

@@ -0,0 +1,64 @@
+@use 'sass:math';
+
+@mixin button() {
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  text-decoration: none;
+  background: none;
+  color: inherit;
+  appearance: none;
+  font-family: inherit;
+  font-style: inherit;
+  font-size: inherit;
+  font-variant-ligatures: inherit;
+  font-variant-caps: inherit;
+  font-variant-numeric: inherit;
+  font-variant-east-asian: inherit;
+  font-weight: inherit;
+  font-stretch: inherit;
+  text-rendering: inherit;
+  letter-spacing: inherit;
+  word-spacing: inherit;
+  line-height: inherit;
+  text-transform: none;
+  text-indent: inherit;
+  text-shadow: none;
+  text-align: inherit;
+  pointer-events: auto;
+  cursor: pointer;
+
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+
+  &:focus,
+  &:focus-visible {
+    outline-color: var(--llm-color-outline);
+  }
+
+  &:hover {
+    outline-color: color-mix(in srgb, var(--llm-color-outline) 10%, transparent 90%);
+  }
+
+  &:active {
+    outline-color: var(--llm-color-accent-foreground);
+  }
+}
+
+@mixin btn() {
+  @include button();
+  flex-shrink: 0;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  color: var(--llm-input-accent);
+
+  svg {
+    width: 24px;
+    height: 24px;
+  }
+}

package/dist/esm/scss/mixin/_container.scss

@@ -0,0 +1,14 @@
+@use 'sass:math';
+
+@mixin containerNegativeFull {
+  width: calc(100% + clampUnit(20, 110) * 2);
+  margin-left: calc(clampUnit(20, 110) * -1);
+  margin-right: calc(clampUnit(20, 110) * -1);
+  overflow: hidden;
+}
+
+@mixin containerNegative {
+  @include containerNegativeFull();
+  padding-left: clampUnit(20, 110);
+  padding-right: clampUnit(20, 110);
+}

package/dist/esm/scss/mixin/_markdown.scss

@@ -0,0 +1,180 @@
+@use 'sass:math';
+
+@mixin markdown() {
+  font-family: var(--llm-font-primary);
+  background: var(--llm-assistant-background);
+  color: var(--llm-assistant-foreground);
+  border: var(--llm-assistant-border);
+
+  /*
+  &,
+  p {
+    font-weight: 300;
+  }
+  */
+
+  h1 {
+    @include text(display3);
+  }
+
+  h2 {
+    @include text(display4);
+  }
+
+  h3 {
+    @include text(display5);
+  }
+
+  h4,
+  h5,
+  h6 {
+    @include text(display6);
+  }
+
+  ol,
+  ul {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75em;
+    margin-left: var(--llm-markdown-margin-left);
+  }
+
+  ol {
+    margin-left: 1.1em;
+  }
+
+  ul {
+    margin-left: 0.8em;
+    list-style: disc;
+  }
+
+  code,
+  pre {
+    font-size: inherit;
+    line-height: inherit;
+    font-style: normal;
+    font-family: inherit;
+    background-color: transparent;
+    color: inherit;
+  }
+
+  pre,
+  code {
+    font-family: monospace;
+    font-size: 0.9em;
+  }
+
+  i,
+  em {
+    font-style: italic;
+  }
+
+  b,
+  strong {
+    font-weight: var(--llm-typography-cta2-font-weight);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-top: var(--llm-markdown-margin-top);
+  }
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  ul,
+  ol,
+  pre,
+  blockquote {
+    margin-bottom: var(--llm-markdown-margin-bottom);
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  blockquote {
+
+    &,
+    &:before,
+    &:after {
+      margin: 0;
+      padding: 0;
+      border: none;
+      outline: none;
+      font-family: inherit;
+      font-size: inherit;
+      background: none;
+      color: inherit;
+    }
+
+    & {
+      margin-bottom: var(--llm-markdown-margin-bottom);
+      padding-left: 0.5em;
+      border-left: var(--llm-markdown-border);
+    }
+  }
+
+  hr {
+    border: none;
+    border-top: var(--llm-markdown-border);
+    margin-top: var(--llm-markdown-margin-top);
+    margin-bottom: var(--llm-markdown-margin-bottom);
+  }
+
+  a {
+    text-decoration: underline;
+
+    &:link,
+    &:active,
+    &:visited,
+    &:hover {
+      color: var(--llm-markdown-accent);
+    }
+  }
+
+  img {
+    max-width: 320px;
+    padding: 8px;
+    border-radius: 8px;
+    border: var(--llm-markdown-border);
+  }
+
+  .llm__text-img {
+    display: block;
+    margin-top: var(--llm-markdown-margin-top);
+    margin-bottom: var(--llm-markdown-margin-bottom);
+    font-size: 0;
+    text-decoration: none;
+
+    &>img {
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      width: 320px;
+      height: 320px;
+      object-fit: cover;
+    }
+  }
+
+  .llm__pill {
+    max-width: Max(375px, u(30));
+    margin-bottom: 1em;
+
+    &:first-of-type {
+      margin-top: 2em;
+    }
+
+    &:last-of-type {
+      margin-bottom: 2em;
+    }
+  }
+}

package/dist/esm/scss/mixin/_scrollbar.scss

@@ -0,0 +1,50 @@
+@mixin hideScrollbar() {
+
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for IE, Edge and Firefox */
+  & {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+  }
+}
+
+@mixin scrollbar($thumb-color: black, $track-color: transparent, $width: 6px, $border-radius: 3px) {
+  &::-webkit-scrollbar {
+    width: $width;
+    height: $width;
+    border-radius: $border-radius;
+  }
+
+  &::-webkit-scrollbar-button {
+    display: none;
+  }
+
+  &::-webkit-scrollbar-button:hover {
+    display: none;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: $thumb-color;
+    box-shadow: none;
+    border-radius: $border-radius - 1px;
+
+    &:hover {
+      background-color: $thumb-color;
+    }
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: $track-color;
+    border-radius: $border-radius - 1px;
+
+    &:hover {
+      background-color: $track-color;
+    }
+  }
+}

package/dist/esm/scss/mixin/_shadow.scss

@@ -0,0 +1,19 @@
+/*
+$shadow: (
+  xs: 0 2px 20px -2px rgba(0, 0, 0, 0.1),
+  sm: 0 4px 30px -4px rgba(0, 0, 0, 0.2),
+  md: 0 6px 40px -6px rgba(0, 0, 0, 0.4),
+  lg: 0 8px 50px -8px rgba(0, 0, 0, 0.6),
+  xl: 0 10px 60px -10px rgba(0, 0, 0, 0.8),
+);
+*/
+
+@function shadow($b) {
+  @return var(--llm-shadow-#{$b});
+}
+
+@mixin renderShadow() {
+  @each $key, $value in $breakpoints {
+    --llm-shadow-#{$key}: #{map-get($shadow, $key)};
+  }
+}

package/dist/esm/scss/mixin/_size.scss

@@ -0,0 +1,42 @@
+$sizes: (
+  1: clampUnit(8, 8),
+  // 6xs *
+  2: clampUnit(8, 16),
+  // 5xs *
+  3: clampUnit(16, 24),
+  // 4xs *
+  4: clampUnit(24, 32),
+  // 3xs *
+  5: clampUnit(24, 40),
+  // 2xs *
+  6: clampUnit(24, 48),
+  // xs *
+  7: clampUnit(24, 56),
+  // s
+  8: clampUnit(24, 64),
+  // m *
+  9: clampUnit(32, 72),
+  // l
+  10: clampUnit(32, 80),
+  // xl *
+  11: clampUnit(40, 88),
+  // 2xl *
+  12: clampUnit(40, 96),
+  // 3xl
+  13: clampUnit(48, 104),
+  // 4xl
+  14: clampUnit(48, 112),
+  // 5xl
+  15: clampUnit(48, 120),
+  // 6xl *
+);
+
+@function size($s) {
+  @return var(--llm-size-#{$s}, #{0.5rem * $s});
+}
+
+@mixin renderSize() {
+  @for $i from 1 through 15 {
+    --llm-size-#{$i}: #{map-get($sizes, $i)};
+  }
+}