sveltekit-ui 1.0.26 → 1.0.28

package/README.md

@@ -15,7 +15,7 @@ or to start a new project with a starter template (recommended). In your termina
 
 ## Update Package
 
-It's possible the starter template is a few updates behind. Check for updates by running `ncu -u`. You should run that periodically to keep the latest version of our components
+It's possible the starter template is a few updates behind. Check for updates by running `ncu -u`. You should run that periodically to keep the latest version of your npm packges
 
 ## Developing
 

package/dist/Components/Content/index.svelte

@@ -476,8 +476,8 @@
   code,
   pre,
   span {
-    overflow-wrap: anywhere;
+    overflow-wrap: break-word;
     word-break: break-word;
-    line-break: anywhere;
+    white-space: normal;
   }
 </style>

package/dist/Components/ContentInput/index.svelte

@@ -8,7 +8,6 @@
   import Dropdown from "../Dropdown/index.svelte"
 
   let { manager, panel_header } = $props()
-
 </script>
 
 <div class="container">
@@ -26,6 +25,13 @@
 <Popover manager={manager?.paste_astc_markdown_popover_manager}>
   {#snippet content()}
     <div>
+      <p>Note: for valid json make sure all keys and strings are in double quotes, and no trailing commas. example:</p>
+      <pre>
+{`{
+  "type_id": "div",
+  "children": []
+}`}
+  </pre>
       <Dropdown manager={manager?.paste_astc_markdown_dropdown_manager} />
       <TextInput manager={manager?.paste_astc_markdown_text_input_manager} />
     </div>
@@ -35,7 +41,6 @@
   {/snippet}
 </Popover>
 
-
 <style>
   .container {
     display: flex;

package/dist/Components/ContentInput/index.svelte.js

@@ -152,9 +152,9 @@ export function create_content_input_manager(config) {
     extra_popover_manager = create_popover_manager({
       type: "dropdown",
       min_width: 100,
-      target_width: 200,
+      target_width: 220,
       min_height: 100,
-      target_height: 200,
+      target_height: 240,
       anchor_id: () => `button_${extra_popover_button_manager?.id}`,
     })
     extra_popover_button_manager = create_button_manager({

package/dist/client/astc_formatting/index.js

@@ -306,6 +306,8 @@ export function astc_to_markdown(astc) {
         return `\`\`\`${language}\n${attributes.content}\n\`\`\`\n`
       case "hr":
         return "---\n"
+      case "br":
+        return "\n"
       case "table":
         const table_rows = children.map((child) => astc_element_to_markdown(child))
         return table_rows.join("\n") + "\n"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-vercel": "^5.10.2",
-    "@sveltejs/kit": "^2.34.1",
-    "@sveltejs/package": "^2.4.1",
+    "@sveltejs/kit": "^2.36.1",
+    "@sveltejs/package": "^2.5.0",
     "@sveltejs/vite-plugin-svelte": "^6.1.3",
     "@vercel/analytics": "^1.5.0",
     "typescript": "^5.9.2",

package/src/lib/Components/Content/index.svelte

@@ -476,8 +476,8 @@
   code,
   pre,
   span {
-    overflow-wrap: anywhere;
+    overflow-wrap: break-word;
     word-break: break-word;
-    line-break: anywhere;
+    white-space: normal;
   }
 </style>

package/src/lib/Components/ContentInput/index.svelte

@@ -8,7 +8,6 @@
   import Dropdown from "$lib/Components/Dropdown/index.svelte"
 
   let { manager, panel_header } = $props()
-
 </script>
 
 <div class="container">
@@ -26,6 +25,13 @@
 <Popover manager={manager?.paste_astc_markdown_popover_manager}>
   {#snippet content()}
     <div>
+      <p>Note: for valid json make sure all keys and strings are in double quotes, and no trailing commas. example:</p>
+      <pre>
+{`{
+  "type_id": "div",
+  "children": []
+}`}
+  </pre>
       <Dropdown manager={manager?.paste_astc_markdown_dropdown_manager} />
       <TextInput manager={manager?.paste_astc_markdown_text_input_manager} />
     </div>
@@ -35,7 +41,6 @@
   {/snippet}
 </Popover>
 
-
 <style>
   .container {
     display: flex;

package/src/lib/Components/ContentInput/index.svelte.js

@@ -152,9 +152,9 @@ export function create_content_input_manager(config) {
     extra_popover_manager = create_popover_manager({
       type: "dropdown",
       min_width: 100,
-      target_width: 200,
+      target_width: 220,
       min_height: 100,
-      target_height: 200,
+      target_height: 240,
       anchor_id: () => `button_${extra_popover_button_manager?.id}`,
     })
     extra_popover_button_manager = create_button_manager({

package/src/lib/client/astc_formatting/index.js

@@ -306,6 +306,8 @@ export function astc_to_markdown(astc) {
         return `\`\`\`${language}\n${attributes.content}\n\`\`\`\n`
       case "hr":
         return "---\n"
+      case "br":
+        return "\n"
       case "table":
         const table_rows = children.map((child) => astc_element_to_markdown(child))
         return table_rows.join("\n") + "\n"