@fuzdev/fuz_app 0.8.0 → 0.10.0

package/dist/ui/Datatable.svelte

@@ -78,16 +78,16 @@
 	aria-rowcount={rows.length + 1}
 >
 	<!-- sticky header -->
-	<div class="datatable_header" role="row" aria-rowindex={1}>
+	<div class="datatable-header" role="row" aria-rowindex={1}>
 		{#each columns as column, i (column.key)}
-			<div class="datatable_header_cell" role="columnheader">
+			<div class="datatable-header-cell" role="columnheader">
 				{#if header}
 					{@render header(column)}
 				{:else}
 					{column.label}
 				{/if}
 				<div
-					class="datatable_resize_handle"
+					class="datatable-resize-handle"
 					role="separator"
 					onpointerdown={(e) => handle_resize_start(e, i)}
 					onpointermove={handle_resize_move}
@@ -98,7 +98,7 @@
 	</div>
 
 	{#if rows.length === 0}
-		<div class="datatable_empty">
+		<div class="datatable-empty">
 			{#if empty}
 				{@render empty()}
 			{:else}
@@ -107,9 +107,9 @@
 		</div>
 	{:else}
 		{#each rows as row, i (row[row_key] ?? i)}
-			<div class="datatable_row" role="row" aria-rowindex={i + 2}>
+			<div class="datatable-row" role="row" aria-rowindex={i + 2}>
 				{#each columns as column (column.key)}
-					<div class="datatable_cell" role="gridcell">
+					<div class="datatable-cell" role="gridcell">
 						{#if cell}
 							{@render cell(column, row, row[column.key])}
 						{:else if column.format}
@@ -131,7 +131,7 @@
 		overflow: auto;
 	}
 
-	.datatable_header {
+	.datatable-header {
 		display: grid;
 		grid-column: 1 / -1;
 		grid-template-columns: subgrid;
@@ -142,7 +142,7 @@
 		border-bottom: var(--border_width, 1px) solid var(--border_color);
 	}
 
-	.datatable_header_cell {
+	.datatable-header-cell {
 		position: relative;
 		display: flex;
 		align-items: center;
@@ -150,7 +150,7 @@
 		font-weight: 600;
 	}
 
-	.datatable_resize_handle {
+	.datatable-resize-handle {
 		position: absolute;
 		top: 0;
 		right: 0;
@@ -159,11 +159,11 @@
 		cursor: col-resize;
 	}
 
-	.datatable_resize_handle:hover {
-		background: var(--color_a_5);
+	.datatable-resize-handle:hover {
+		background: var(--color_a_10);
 	}
 
-	.datatable_row {
+	.datatable-row {
 		display: grid;
 		grid-column: 1 / -1;
 		grid-template-columns: subgrid;
@@ -172,13 +172,13 @@
 		border-bottom: var(--border_width, 1px) solid var(--border_color);
 	}
 
-	.datatable_cell {
+	.datatable-cell {
 		padding: var(--space_xs);
 		min-width: 0; /* override grid auto minimum to respect column widths */
 		overflow-wrap: break-word;
 	}
 
-	.datatable_empty {
+	.datatable-empty {
 		grid-column: 1 / -1;
 		padding: var(--space_lg);
 	}

package/dist/ui/OpenSignupToggle.svelte

@@ -6,7 +6,7 @@
 	void app_settings.fetch();
 </script>
 
-<div class="open_signup_toggle">
+<div class="open-signup-toggle">
 	{#if app_settings.loading}
 		<p class="text_50">loading settings...</p>
 	{:else if app_settings.settings}

package/dist/ui/SurfaceExplorer.svelte

@@ -4,11 +4,7 @@
 	import type {AppSurface, AppSurfaceRoute, AppSurfaceDiagnostic} from '../http/surface.js';
 	import {surface_auth_summary, format_route_key} from '../http/surface_query.js';
 
-	interface Props {
-		surface: AppSurface;
-	}
-
-	const {surface}: Props = $props();
+	const {surface}: {surface: AppSurface} = $props();
 
 	const auth_types = ['all', 'none', 'authenticated', 'role', 'keeper'] as const;
 

package/dist/ui/SurfaceExplorer.svelte.d.ts

@@ -1,8 +1,8 @@
 import type { AppSurface } from '../http/surface.js';
-interface Props {
+type $$ComponentProps = {
     surface: AppSurface;
-}
-declare const SurfaceExplorer: import("svelte").Component<Props, {}, "">;
+};
+declare const SurfaceExplorer: import("svelte").Component<$$ComponentProps, {}, "">;
 type SurfaceExplorer = ReturnType<typeof SurfaceExplorer>;
 export default SurfaceExplorer;
 //# sourceMappingURL=SurfaceExplorer.svelte.d.ts.map

package/dist/ui/SurfaceExplorer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SurfaceExplorer.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/SurfaceExplorer.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAwC,MAAM,oBAAoB,CAAC;AAIzF,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,CAAC;CACpB;AAuRF,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SurfaceExplorer.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/SurfaceExplorer.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,UAAU,EAAwC,MAAM,oBAAoB,CAAC;AAGzF,KAAK,gBAAgB,GAAI;IAAC,OAAO,EAAE,UAAU,CAAA;CAAC,CAAC;AAsRhD,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ui/auth_state.svelte.d.ts

@@ -32,6 +32,15 @@
  * @module
  */
 import { type Permit, type SessionAccount } from '../auth/account_schema.js';
+/**
+ * Svelte context for `AuthState`.
+ * Use `auth_state_context.set(state)` in the provider and `auth_state_context.get()` to access.
+ */
+export declare const auth_state_context: {
+    get: (error_message?: string) => AuthState;
+    get_maybe: () => AuthState | undefined;
+    set: (value: AuthState) => AuthState;
+};
 export declare class AuthState {
     verifying: boolean;
     verified: boolean;
@@ -73,13 +82,4 @@ export declare class AuthState {
      */
     logout(): Promise<void>;
 }
-/**
- * Svelte context for `AuthState`.
- * Use `auth_state_context.set(state)` in the provider and `auth_state_context.get()` to access.
- */
-export declare const auth_state_context: {
-    get: (error_message?: string) => AuthState;
-    get_maybe: () => AuthState | undefined;
-    set: (value: AuthState) => AuthState;
-};
 //# sourceMappingURL=auth_state.svelte.d.ts.map

package/dist/ui/auth_state.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/auth_state.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAMH,OAAO,EAAC,KAAK,MAAM,EAAoB,KAAK,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAE7F,qBAAa,SAAS;IACrB,SAAS,UAAqB;IAC9B,QAAQ,UAAqB;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAoB;IAC/C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAoB;IAClD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAkB;IACxC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAEpC;IACF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAoD;IAEjF,gEAAgE;IAChE,eAAe,UAAqB;IAEpC;;;;;;OAMG;IACG,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC;;;;OAIG;IACG,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAwCjE;;;;OAIG;IACG,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAiCpF;;;;OAIG;IACG,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IA4ClF;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;CAU7B;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;CAA8B,CAAC"}
+{"version":3,"file":"auth_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/auth_state.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAKH,OAAO,EAAC,KAAK,MAAM,EAAoB,KAAK,cAAc,EAAC,MAAM,2BAA2B,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAM,kBAAkB;;;;CAA8B,CAAC;AAE9D,qBAAa,SAAS;IACrB,SAAS,UAAqB;IAC9B,QAAQ,UAAqB;IAC7B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAoB;IAC/C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAoB;IAClD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAkB;IACxC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,CAEpC;IACF,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAoD;IAEjF,gEAAgE;IAChE,eAAe,UAAqB;IAEpC;;;;;;OAMG;IACG,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC;;;;OAIG;IACG,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAwCjE;;;;OAIG;IACG,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAiCpF;;;;OAIG;IACG,MAAM,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IA4ClF;;OAEG;IACG,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;CAU7B"}

package/dist/ui/auth_state.svelte.js

@@ -34,6 +34,11 @@
 import { create_context } from '@fuzdev/fuz_ui/context_helpers.js';
 import { ui_fetch } from './ui_fetch.js';
 import { is_permit_active } from '../auth/account_schema.js';
+/**
+ * Svelte context for `AuthState`.
+ * Use `auth_state_context.set(state)` in the provider and `auth_state_context.get()` to access.
+ */
+export const auth_state_context = create_context();
 export class AuthState {
     verifying = $state.raw(false);
     verified = $state.raw(false);
@@ -231,8 +236,3 @@ export class AuthState {
         this.permits = [];
     }
 }
-/**
- * Svelte context for `AuthState`.
- * Use `auth_state_context.set(state)` in the provider and `auth_state_context.get()` to access.
- */
-export const auth_state_context = create_context();

package/dist/ui/sidebar_state.svelte.d.ts

@@ -1,3 +1,8 @@
+export declare const sidebar_state_context: {
+    get: (error_message?: string) => () => SidebarState;
+    get_maybe: () => (() => SidebarState) | undefined;
+    set: (value: () => SidebarState) => () => SidebarState;
+};
 /**
  * Options for configuring a `SidebarState`.
  *
@@ -22,9 +27,4 @@ export declare class SidebarState {
      */
     activate(): () => void;
 }
-export declare const sidebar_state_context: {
-    get: (error_message?: string) => () => SidebarState;
-    get_maybe: () => (() => SidebarState) | undefined;
-    set: (value: () => SidebarState) => () => SidebarState;
-};
 //# sourceMappingURL=sidebar_state.svelte.d.ts.map

package/dist/ui/sidebar_state.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/sidebar_state.svelte.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACxB;AAED,qBAAa,YAAY;;IAKxB,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAG1B;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,EAE9B;gBAEW,OAAO,CAAC,EAAE,mBAAmB;IAIzC,cAAc,CAAC,KAAK,GAAE,OAA4B,GAAG,IAAI;IAIzD;;;OAGG;IACH,QAAQ,IAAI,MAAM,IAAI;CAQtB;AAED,eAAO,MAAM,qBAAqB;2CAAwB,YAAY;4BAAZ,YAAY;uBAAZ,YAAY,WAAZ,YAAY;CAAG,CAAC"}
+{"version":3,"file":"sidebar_state.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../../src/lib/ui/sidebar_state.svelte.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;2CAAwB,YAAY;4BAAZ,YAAY;uBAAZ,YAAY,WAAZ,YAAY;CAAG,CAAC;AAE1E;;;;;;GAMG;AACH,MAAM,WAAW,mBAAmB;IACnC,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;CACxB;AAED,qBAAa,YAAY;;IAKxB,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAG1B;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,EAE9B;gBAEW,OAAO,CAAC,EAAE,mBAAmB;IAIzC,cAAc,CAAC,KAAK,GAAE,OAA4B,GAAG,IAAI;IAIzD;;;OAGG;IACH,QAAQ,IAAI,MAAM,IAAI;CAQtB"}

package/dist/ui/sidebar_state.svelte.js

@@ -1,4 +1,5 @@
 import { create_context } from '@fuzdev/fuz_ui/context_helpers.js';
+export const sidebar_state_context = create_context();
 export class SidebarState {
     #get_enabled;
     #enabled = $state.raw(true);
@@ -36,4 +37,3 @@ export class SidebarState {
         };
     }
 }
-export const sidebar_state_context = create_context();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuzdev/fuz_app",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "fullstack app library",
   "glyph": "🗝",
   "logo": "logo.svg",
@@ -46,7 +46,7 @@
     "@fuzdev/fuz_code": "^0.45.1",
     "@fuzdev/fuz_css": "^0.58.0",
     "@fuzdev/fuz_ui": "^0.191.2",
-    "@fuzdev/fuz_util": "^0.55.0",
+    "@fuzdev/fuz_util": "^0.56.0",
     "@fuzdev/gro": "^0.197.3",
     "@jridgewell/trace-mapping": "^0.3.31",
     "@node-rs/argon2": "^2.0.2",