@fuzdev/fuz_ui 0.169.0 → 0.171.0

package/README.md

@@ -1,27 +1,27 @@
 # Fuz
 
-[<img src="static/logo.svg" alt="a friendly brown spider facing you" align="right" width="192" height="192">](https://www.fuz.dev/)
+[<img src="static/logo.svg" alt="a friendly brown spider facing you" align="right" width="192" height="192">](https://ui.fuz.dev/)
 
-> friendly user zystem 🧶 [fuz.dev](https://www.fuz.dev/)
+> friendly user zystem 🧶 [fuz.dev](https://ui.fuz.dev/)
 
-Fuz is a [Svelte](https://svelte.dev/) UI library
+Fuz UI is a [Svelte](https://svelte.dev/) UI library
 with components and helpers for making modern websites.
 It's in early alpha and it will go through many breaking changes.
 
-Fuz is being made to support
+Fuz UI is being made to support
 [my other projects](https://www.ryanatkn.com/)
 that focus on end-users.
 Fuz emphasizes capability and efficiency and tries to be simple for those goals.
 Compared to most UI libraries, Fuz has fewer conventional features and more opinions.
 
-To learn more see [the docs](https://www.fuz.dev/docs) and [contributing.md](contributing.md).
+To learn more see [the docs](https://ui.fuz.dev/docs) and [contributing.md](contributing.md).
 Feel free to take the ideas and code for your own purposes.
 
 The Svelte components and helpers:
 
-- builds on my CSS framework [Moss](https://github.com/fuzdev/fuz_css)
+- builds on my CSS framework [Fuz CSS](https://github.com/fuzdev/fuz_css)
 - plain CSS and minimal abstraction
-- near-zero dependencies except for Svelte, SvelteKit, Moss,
+- near-zero dependencies except for Svelte, SvelteKit, Fuz CSS,
   and my utility library [`@fuzdev/fuz_util`](https://github.com/fuzdev/fuz_util)
   (not all components require SvelteKit but some do import its modules, needs more consideration)
 - not a fully-featured enterprise-ready set of components,
@@ -36,36 +36,36 @@ The Svelte components and helpers:
 > thank you see [contributing.md](contributing.md), your input is appreciated.
 >
 > If you feel comfortable looking at the source code,
-> Fuz is ready to use in your own projects,
+> Fuz UI is ready to use in your own projects,
 > with the major caveat that there will be a lot of breaking changes ahead.
 > The code is significantly incomplete but I think it's stable enough to use
 > if you're willing to keep up with the relatively fast-moving changelog.
 
 ```bash
-npm i -D @ryanatkn/fuz
+npm i -D @fuzdev/fuz_ui
 ```
 
-Fuz uses my style framework [Moss](https://github.com/fuzdev/fuz_css).
+Fuz uses my style framework [Fuz CSS](https://github.com/fuzdev/fuz_css).
 Import modules at their full paths:
 
 ```ts
-// Moss has one main plain CSS stylesheet:
+// Fuz CSS has one main plain CSS stylesheet:
 import '@fuzdev/fuz_css/style.css';
 
-// and import a Moss theme:
+// and import a Fuz CSS theme:
 import '@fuzdev/fuz_css/theme.css'; // or bring your own
 
-// using Gro generates Moss' utility classes stylesheet by default:
-import '$routes/moss.css';
+// using Gro generates Fuz CSS' utility classes stylesheet by default:
+import '$routes/fuz.css';
 
 // then import Fuz Svelte components:
-import Themed from '@ryanatkn/fuz/Themed.svelte';
+import Themed from '@fuzdev/fuz_ui/Themed.svelte';
 
 // and Fuz TypeScript modules:
-import {type Theme, themer_context} from '@ryanatkn/fuz/themer.svelte.js';
+import {type Theme, themer_context} from '@fuzdev/fuz_ui/themer.svelte.js';
 ```
 
-See [the library](https://www.fuz.dev/docs) for more.
+See [the library](https://ui.fuz.dev/docs) for more.
 
 ## Contributing
 

package/dist/GithubLink.svelte

@@ -15,9 +15,9 @@
 	}: SvelteHTMLElements['a'] & {
 		/**
 		 * GitHub path - can be a full URL or a relative path like `owner/repo` or `owner/repo/blob/main/file.ts`
-		 * @example ryanatkn/fuz
-		 * @example ryanatkn/fuz/blob/main/src/lib/Card.svelte
-		 * @example https://github.com/ryanatkn/fuz/issues/123
+		 * @example fuzdev/fuz_ui
+		 * @example fuzdev/fuz_ui/blob/main/src/lib/Card.svelte
+		 * @example https://github.com/fuzdev/fuz_ui/issues/123
 		 */
 		path?: string;
 	} = $props();

package/dist/GithubLink.svelte.d.ts

@@ -2,9 +2,9 @@ import type { SvelteHTMLElements } from 'svelte/elements';
 type $$ComponentProps = SvelteHTMLElements['a'] & {
     /**
      * GitHub path - can be a full URL or a relative path like `owner/repo` or `owner/repo/blob/main/file.ts`
-     * @example ryanatkn/fuz
-     * @example ryanatkn/fuz/blob/main/src/lib/Card.svelte
-     * @example https://github.com/ryanatkn/fuz/issues/123
+     * @example fuzdev/fuz_ui
+     * @example fuzdev/fuz_ui/blob/main/src/lib/Card.svelte
+     * @example https://github.com/fuzdev/fuz_ui/issues/123
      */
     path?: string;
 };

package/dist/ProjectLinks.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Svg from './Svg.svelte';
-	import {gro_logo, fuz_logo, moss_logo, fuz_template_logo} from './logos.js';
+	import {gro_logo, fuz_logo, fuz_css_logo, fuz_template_logo} from './logos.js';
 
 	const size = 'var(--icon_size_lg)';
 </script>
@@ -16,10 +16,10 @@
 	title="Gro - task runner and toolkit extending SvelteKit"
 	href="https://gro.ryanatkn.com/"><Svg data={gro_logo} {size} /><span class="name">Gro</span></a
 >
-<a class="project_link" title="Moss - CSS framework" href="https://moss.ryanatkn.com/"
-	><Svg data={moss_logo} {size} /><span class="name">Moss</span></a
+<a class="project_link" title="Fuz CSS - CSS framework" href="https://css.fuz.dev/"
+	><Svg data={fuz_css_logo} {size} /><span class="name">Fuz CSS</span></a
 >
-<a class="project_link" title="Fuz - Svelte UI library" href="https://www.fuz.dev/"
+<a class="project_link" title="Fuz - Svelte UI library" href="https://ui.fuz.dev/"
 	><Svg data={fuz_logo} {size} /><span class="name">Fuz</span></a
 >
 <a

package/dist/constants.js

@@ -1,3 +1,3 @@
 // TODO the 60px is a hack, need `--docs_primary_nav_height` exported or :root values from Fuz -- the --space_lg also needs to be kept in sync
-// see also the same issue in Moss
+// see also the same issue in Fuz CSS
 export const MAIN_HEADER_MARGIN_TOP = 'calc(60px + var(--space_lg))';

package/dist/csp.d.ts

@@ -106,7 +106,7 @@ export declare const csp_directive_value_defaults: Record<CspDirective, CspDirec
  * If null, no trusted sources are added to the directive automatically.
  * Directives that don't support sources or default to `['none']` are null.
  *
- * Feedback is welcome, please see the issues - https://github.com/ryanatkn/fuz/issues
+ * Feedback is welcome, please see the issues - https://github.com/fuzdev/fuz_ui/issues
  */
 export declare const csp_directive_required_trust_defaults: Record<CspDirective, CspTrustLevel | null>;
 /**

package/dist/csp.js

@@ -177,7 +177,7 @@ export const csp_directive_value_defaults = {
  * If null, no trusted sources are added to the directive automatically.
  * Directives that don't support sources or default to `['none']` are null.
  *
- * Feedback is welcome, please see the issues - https://github.com/ryanatkn/fuz/issues
+ * Feedback is welcome, please see the issues - https://github.com/fuzdev/fuz_ui/issues
  */
 export const csp_directive_required_trust_defaults = {
     'default-src': null,

package/dist/logos.d.ts

@@ -19,7 +19,7 @@ export declare const fuz_logo: {
         d: string;
     }[];
 };
-export declare const moss_logo: {
+export declare const fuz_css_logo: {
     label: string;
     fill: string;
     paths: {

package/dist/logos.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAcF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;;;;CAKH,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;CAwBH,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAcX,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAQR,CAAC;AAEpB,eAAO,MAAM,gBAAgB;;;;;;;CA4DV,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;CAON,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAQL,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;CAuBL,CAAC"}
+{"version":3,"file":"logos.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/logos.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,QAAQ;;;;;;CAcF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAgCF,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;;;;;CAKN,CAAC;AAEpB,eAAO,MAAM,SAAS;;;;;;CAwBH,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,aAAa;;;;;;CAIP,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAIX,CAAC;AAEpB,eAAO,MAAM,eAAe;;;;;;CAIT,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAQX,CAAC;AAEpB,eAAO,MAAM,iBAAiB;;;;;;CAcX,CAAC;AAEpB,eAAO,MAAM,cAAc;;;;;;CAQR,CAAC;AAEpB,eAAO,MAAM,gBAAgB;;;;;;;CA4DV,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;;;CAWL,CAAC;AAEpB,eAAO,MAAM,QAAQ;;;;;;CAQF,CAAC;AAEpB,eAAO,MAAM,YAAY;;;;;CAON,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;CAQL,CAAC;AAEpB,eAAO,MAAM,WAAW;;;;;;;CAuBL,CAAC"}

package/dist/logos.js

@@ -9,7 +9,7 @@ Logo colors are the midpoint between the light and dark versions of color varian
 --color_c: #d93636;
 --color_d: #8866cc;
 --color_e: #d8bc31;
---color_f: #84522a; // TODO this one isn't the midpoint bc Moss's color needs tweaking, too light in dark mode
+--color_f: #84522a; // TODO this one isn't the midpoint bc Fuz CSS's color needs tweaking, too light in dark mode
 --color_g: #e55d95;
 --color_h: #f4672f;
 --color_i: #36e2e2;
@@ -72,7 +72,7 @@ export const fuz_logo = {
         },
     ],
 };
-export const moss_logo = {
+export const fuz_css_logo = {
     label: 'a fuzzy tuft of green moss',
     fill: '#3db33d',
     paths: fuz_logo.paths,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_ui",
-  "version": "0.169.0",
+  "version": "0.171.0",
   "description": "Svelte UI library",
   "motto": "friendly user zystem",
   "glyph": "🧶",
@@ -8,7 +8,7 @@
   "logo_alt": "a friendly brown spider facing you",
   "public": true,
   "license": "MIT",
-  "homepage": "https://www.fuz.dev/",
+  "homepage": "https://ui.fuz.dev/",
   "author": {
     "name": "Ryan Atkinson",
     "email": "mail@ryanatkn.com",
@@ -16,9 +16,9 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/ryanatkn/fuz.git"
+    "url": "git+https://github.com/fuzdev/fuz_ui.git"
   },
-  "bugs": "https://github.com/ryanatkn/fuz/issues",
+  "bugs": "https://github.com/fuzdev/fuz_ui/issues",
   "funding": "https://www.ryanatkn.com/funding",
   "scripts": {
     "start": "gro dev",
@@ -57,30 +57,29 @@
   },
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.1",
-    "@fuzdev/fuz_code": "^0.37.0",
-    "@fuzdev/fuz_css": "^0.40.0",
+    "@fuzdev/fuz_code": "^0.38.0",
+    "@fuzdev/fuz_css": "^0.42.0",
     "@fuzdev/fuz_util": "^0.42.0",
-    "@ryanatkn/belt": "^0.41.1",
     "@ryanatkn/eslint-config": "^0.9.0",
-    "@ryanatkn/gro": "^0.180.0",
+    "@ryanatkn/gro": "^0.181.0",
     "@sveltejs/adapter-static": "^3.0.10",
-    "@sveltejs/kit": "^2.49.0",
+    "@sveltejs/kit": "^2.49.1",
     "@sveltejs/package": "^2.5.7",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
     "@types/node": "^24.10.1",
     "eslint": "^9.39.1",
-    "eslint-plugin-svelte": "^3.13.0",
+    "eslint-plugin-svelte": "^3.13.1",
     "esm-env": "^1.2.2",
     "jsdom": "^27.2.0",
     "prettier": "^3.6.2",
     "prettier-plugin-svelte": "^3.4.0",
-    "svelte": "^5.45.2",
+    "svelte": "^5.45.6",
     "svelte-check": "^4.3.4",
     "svelte2tsx": "^0.7.45",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.48.0",
-    "vitest": "^4.0.14",
+    "typescript-eslint": "^8.48.1",
+    "vitest": "^4.0.15",
     "zod": "^4.1.13"
   },
   "prettier": {

package/src/lib/constants.ts

@@ -1,3 +1,3 @@
 // TODO the 60px is a hack, need `--docs_primary_nav_height` exported or :root values from Fuz -- the --space_lg also needs to be kept in sync
-// see also the same issue in Moss
+// see also the same issue in Fuz CSS
 export const MAIN_HEADER_MARGIN_TOP = 'calc(60px + var(--space_lg))';

package/src/lib/context_helpers.ts

@@ -4,7 +4,7 @@ import {getContext, setContext} from 'svelte';
 // It could be implemented internally with a class like `SvelteContext`
 // but this is less code and seems a bit simpler.
 // The memory gains of a class appear minimal given the expected usage patterns.
-// See https://github.com/ryanatkn/fuz/pull/56 for more.
+// See https://github.com/fuzdev/fuz_ui/pull/56 for more.
 
 // TODO maybe remove `error_message`?
 

package/src/lib/contextmenu_state.svelte.ts

@@ -19,7 +19,7 @@ export type ContextmenuParams =
 
 export type ContextmenuActivateResult =
 	| void
-	| undefined // eslint-disable-line @typescript-eslint/no-redundant-type-constituents
+	| undefined
 	| Result<{close?: boolean}, {message?: string}>;
 
 export type ItemState = SubmenuState | EntryState;

package/src/lib/csp.ts

@@ -302,7 +302,7 @@ export const csp_directive_value_defaults: Record<
  * If null, no trusted sources are added to the directive automatically.
  * Directives that don't support sources or default to `['none']` are null.
  *
- * Feedback is welcome, please see the issues - https://github.com/ryanatkn/fuz/issues
+ * Feedback is welcome, please see the issues - https://github.com/fuzdev/fuz_ui/issues
  */
 export const csp_directive_required_trust_defaults: Record<CspDirective, CspTrustLevel | null> = {
 	'default-src': null,

package/src/lib/library_gen.ts

@@ -42,7 +42,7 @@ export interface LibraryGenOptions {
  *
  * Usage in a `.gen.ts` file:
  * ```ts
- * import {library_gen} from '@ryanatkn/fuz/library_gen.js';
+ * import {library_gen} from '@fuzdev/fuz_ui/library_gen.js';
  * export const gen = library_gen();
  * ```
  */

package/src/lib/logos.ts

@@ -12,7 +12,7 @@ Logo colors are the midpoint between the light and dark versions of color varian
 --color_c: #d93636;
 --color_d: #8866cc;
 --color_e: #d8bc31;
---color_f: #84522a; // TODO this one isn't the midpoint bc Moss's color needs tweaking, too light in dark mode
+--color_f: #84522a; // TODO this one isn't the midpoint bc Fuz CSS's color needs tweaking, too light in dark mode
 --color_g: #e55d95;
 --color_h: #f4672f;
 --color_i: #36e2e2;
@@ -79,7 +79,7 @@ export const fuz_logo = {
 	],
 } satisfies SvgData;
 
-export const moss_logo = {
+export const fuz_css_logo = {
 	label: 'a fuzzy tuft of green moss',
 	fill: '#3db33d',
 	paths: fuz_logo.paths,