sveltekit-ui 1.0.1 → 1.0.3

package/dist/client/docs/index.js

@@ -7553,7 +7553,7 @@ export const docs_overview_code_sample = `<script>
     create_text_input_manager,
     TextInput,
     copy_to_clipboard,
-  } from "@upppllc/sveltekit-ui"
+  } from "sveltekit-ui"
 
   let manager = $state(null)
 
@@ -7596,12 +7596,12 @@ export const docs_overview_code_sample = `<script>
 export function docs_definition_to_sample_code(definition) {
   return definition?.is_not_builder
     ? `<script>
-import { ${definition?.component_name} } from "@upppllc/sveltekit-ui"
+import { ${definition?.component_name} } from "sveltekit-ui"
 <\/script>
 
 <${definition?.component_name} some_property="example" />`
     : `<script>
-import { ${definition?.builder_function_name}, ${definition?.component_name} } from "@upppllc/sveltekit-ui"
+import { ${definition?.builder_function_name}, ${definition?.component_name} } from "sveltekit-ui"
 
 let example_${definition?.builder_function_name?.slice(7)} = ${definition?.builder_function_name}({
   some_config_property: "example"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A SvelteKit UI component library for building modern web applications",
   "license": "MIT",
   "type": "module",
@@ -19,7 +19,7 @@
   "dependencies": {
     "context-filter-polyfill": "^0.3.23",
     "qr-code-styling": "^1.9.2",
-    "svelte": "^5.34.9"
+    "svelte": "^5.35.2"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.22.2"
@@ -31,7 +31,7 @@
     "@sveltejs/vite-plugin-svelte": "^5.1.0",
     "@vercel/analytics": "^1.5.0",
     "typescript": "^5.8.3",
-    "vite": "^6.3.5"
+    "vite": "^7.0.1"
   },
   "homepage": "https://www.sveltekit-ui.com",
   "keywords": [

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

@@ -7553,7 +7553,7 @@ export const docs_overview_code_sample = `<script>
     create_text_input_manager,
     TextInput,
     copy_to_clipboard,
-  } from "@upppllc/sveltekit-ui"
+  } from "sveltekit-ui"
 
   let manager = $state(null)
 
@@ -7596,12 +7596,12 @@ export const docs_overview_code_sample = `<script>
 export function docs_definition_to_sample_code(definition) {
   return definition?.is_not_builder
     ? `<script>
-import { ${definition?.component_name} } from "@upppllc/sveltekit-ui"
+import { ${definition?.component_name} } from "sveltekit-ui"
 <\/script>
 
 <${definition?.component_name} some_property="example" />`
     : `<script>
-import { ${definition?.builder_function_name}, ${definition?.component_name} } from "@upppllc/sveltekit-ui"
+import { ${definition?.builder_function_name}, ${definition?.component_name} } from "sveltekit-ui"
 
 let example_${definition?.builder_function_name?.slice(7)} = ${definition?.builder_function_name}({
   some_config_property: "example"

package/src/routes/+layout.svelte

@@ -46,7 +46,7 @@
     { name: "Cron Input", key: "cron_input" },
     { name: "Dropdown", key: "dropdown" },
     { name: "File Input", key: "file_input" },
-    { name: "Function Input", key: "function_input" },
+    // { name: "Function Input", key: "function_input" },
     { name: "Icon", key: "icon" },
     { name: "Icon Input", key: "icon_input" },
     { name: "Image", key: "image" },

package/src/routes/+page.svelte

@@ -1,9 +1,9 @@
 <script>
   import Button from "$lib/Components/Button/index.svelte"
   import { create_button_manager } from "$lib/Components/Button/index.svelte.js"
-  import { goto } from "$app/navigation"
   import Code from "$lib/Components/Code/index.svelte"
   import { create_code_manager } from "$lib/Components/Code/index.svelte.js"
+  import { goto } from "$app/navigation"
   import { definitions, docs_definition_to_sample_code, docs_overview_code_sample } from "$lib/client/docs/index.js"
   import { copy_to_clipboard } from "$lib/client/index.js"
 
@@ -19,7 +19,7 @@
     content: docs_overview_code_sample,
   })
 
-  const overview_intro = `Each component can be combined into a more complex component. This is intended for sveltekit projects. The whole "tree" of docs should be initialized at the parent-most level which is likely in the <script> tags of a +page.svelte file. For a .svelte page or custom component you might combine components in a way such as the following:`
+  const overview_intro = `Each component can be combined into a more complex component. This is intended for sveltekit projects. The whole "tree" of components should be initialized at the parent-most level which is likely in the <script> tags of a +page.svelte file.`
 
   let copy_all_docs_button_manager = create_button_manager({
     type: "outlined",
@@ -51,16 +51,17 @@ below are the docs for each component individually
 </script>
 
 <div class="container">
-  <h1>Not currently available for public Use</h1>
+  <h1>Welcome to Sveltekit-UI</h1>
   <p>
-    As of January, 2025, I have been working on these components for a few years one by one. As a perfectionist I am
-    frequently making breaking changes.
+    Our components use svelte 5 runes. We have taken an approach where components are mostly built in javascript to
+    allow for control of your entire tree of components in one parent object that can then be passed down through all
+    HTML and CSS components
   </p>
   <p>
-    I have made some basic docs so far but currently still have the package set to private on npm but may release a
-    public version in the coming months or make it available to www.contibase.com users only. tbd.
+    After a lot of work these components are in a state that we are happy to release to the public and encourage people
+    to use. You can also go to <a href="https://www.contibase.com/code_generate">www.contibase.com/code_generate</a> to help
+    you build with sveltekit-ui. Contibase is also a very compatable project to use along side Sveltekit-UI.
   </p>
-  <p>{overview_intro}</p>
   <br />
   <Code manager={overview_sample_code_manager} />
   <p>Explore the docs for details on each individual component</p>
@@ -74,7 +75,7 @@ below are the docs for each component individually
 <style>
   .container {
     margin: auto;
-    padding: 2rem;
+    padding: 0 2rem 10rem 2rem;
     max-width: 60rem;
   }
   p {