sveltekit-ui 1.0.23 → 1.0.25

package/README.md

@@ -29,15 +29,3 @@ npm run dev
 ## Browser
 
 That should spit out a url like http://localhost:5173/ where you should see your starting website.
-
-## Branding
-
-You'll want to create a Logo at some point and use that in the nav bar, browser tab, google search results, etc. If you can make an svg that is best but an image will work as well. If you are advanced I like https://affinity.serif.com/en-us/designer/ for macbook to make my logos and other graphics. It has a generous free trial period too.
-
-I like https://jakearchibald.github.io/svgomg/ to minify svg code and set to viewbox etc. Then you can generate favicons with https://realfavicongenerator.net
-
-download the favicons and drop them in the folder called static and overwrite the existing example ones. You dont need favicon.ico. Also add favicon.svg and favicon-inactive.svg if you want to show different icon when the browser tab is inactive (not at all a priority though)
-
-## Other
-
-Ask an ai for help if you have issues in your setup process.

package/dist/style.css

@@ -680,3 +680,15 @@ label {
   border-radius: 2rem;
   background: transparent;
 }
+a,
+p,
+li,
+td,
+th,
+code,
+pre,
+span {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  line-break: anywhere;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -25,13 +25,13 @@
     "@sveltejs/kit": "^2.22.2"
   },
   "devDependencies": {
-    "@sveltejs/adapter-vercel": "^5.10.0",
-    "@sveltejs/kit": "^2.33.0",
+    "@sveltejs/adapter-vercel": "^5.10.2",
+    "@sveltejs/kit": "^2.34.1",
     "@sveltejs/package": "^2.4.1",
-    "@sveltejs/vite-plugin-svelte": "^6.1.2",
+    "@sveltejs/vite-plugin-svelte": "^6.1.3",
     "@vercel/analytics": "^1.5.0",
     "typescript": "^5.9.2",
-    "vite": "^7.1.2"
+    "vite": "^7.1.3"
   },
   "homepage": "https://www.sveltekit-ui.com",
   "keywords": [

package/src/lib/style.css

@@ -680,3 +680,15 @@ label {
   border-radius: 2rem;
   background: transparent;
 }
+a,
+p,
+li,
+td,
+th,
+code,
+pre,
+span {
+  overflow-wrap: anywhere;
+  word-break: break-word;
+  line-break: anywhere;
+}

package/src/routes/+page.svelte

@@ -55,19 +55,19 @@
             {
               type_id: "base_text",
               children: [],
-              attributes: { content: "Install using:", text_color: null },
+              attributes: { content: "Install using: ", text_color: null },
               selector_id: "dfbrrcxs",
             },
+            {
+              type_id: "code_inline",
+              children: [],
+              attributes: { content: "npm i sveltekit-ui" },
+              selector_id: "wzxmkjdq",
+            },
           ],
           attributes: null,
           selector_id: "hqknvvyg",
         },
-        {
-          type_id: "code_inline",
-          children: [],
-          attributes: { content: "npm i sveltekit-ui" },
-          selector_id: "wzxmkjdq",
-        },
         {
           type_id: "p",
           children: [
@@ -77,16 +77,16 @@
               attributes: { content: "Quick start with our recommended starter template:", text_color: null },
               selector_id: "nkrvpazw",
             },
+            {
+              type_id: "code_inline",
+              children: [],
+              attributes: { content: "npx create-sveltekit-ui-site my-project" },
+              selector_id: "fvxsjfnx",
+            },
           ],
           attributes: null,
           selector_id: "ooilajut",
         },
-        {
-          type_id: "code_inline",
-          children: [],
-          attributes: { content: "npx create-sveltekit-ui-site my-project" },
-          selector_id: "fvxsjfnx",
-        },
         {
           type_id: "p",
           children: [
@@ -95,7 +95,7 @@
               children: [],
               attributes: {
                 content:
-                  "Our components use Svelte 5 Runes and are primarily built in JavaScript. This architecture gives you complete control over your component tree via a single parent object, which you can pass down through your HTML and CSS components as needed.",
+                  "Our components use Svelte 5 and are primarily built in JavaScript. This architecture gives you complete control over your component tree via a single parent object, which you can pass down through your HTML components as needed.",
                 text_color: null,
               },
               selector_id: "wfysglbt",
@@ -112,7 +112,7 @@
               children: [],
               attributes: {
                 content:
-                  "After extensive work, we are excited to announce a public release as of July 2025, and we welcome you to use and contribute to sveltekit-ui.",
+                  "As of late 2025 the components are in pretty good shape and likely won't have many extreme changes, though, we are constantly improving the package as things come up.",
                 text_color: null,
               },
               selector_id: "padlkhfq",
@@ -174,6 +174,23 @@
           attributes: null,
           selector_id: "zxmfiiet",
         },
+        {
+          type_id: "p",
+          children: [
+            {
+              type_id: "base_text",
+              children: [],
+              attributes: {
+                content:
+                  "A clean setup is to make a Components folder and when you make a component put the create_some_example_manager() in a +index.svelte.js file and put the HTML/CSS in an index.svelte file.",
+                text_color: null,
+              },
+              selector_id: "kkjdnhgf",
+            },
+          ],
+          attributes: null,
+          selector_id: "amkqaomx",
+        },
         {
           type_id: "code",
           children: [],

package/src/routes/[component]/Showcase/Content/index.svelte

@@ -31,7 +31,7 @@
             children: [],
             attributes: {
               content:
-                "There are so many great components including this content display, which encapsulates many components but we will need to create better documentation in the future when we get a chance and have a larger user base.",
+                "There are so many great components including this content display, which encapsulates many components but we will need to create better documentation in the future when we get a chance and have a larger user base. testalongcontinuouspieceoftextletsseeifitwrapswhenscreengetsmobile",
             },
           },
         ],