@hyvor/design 0.0.59 → 0.0.61-alpha

package/dist/components/Internationalization/T.svelte

@@ -1,4 +1,10 @@
-<script>import { getContext, onMount, tick, afterUpdate } from "svelte";
+<script generics="StringsT extends I18nStrings">import {} from "./types.js";
+import {
+  getContext,
+  onMount,
+  tick,
+  afterUpdate
+} from "svelte";
 import { getStringByKey, InternationalizationService } from "./i18n.js";
 import { IntlMessageFormat } from "intl-messageformat";
 import { browser } from "$app/environment";
@@ -68,12 +74,7 @@ const locale = i18n.locale;
 const strings = i18n.strings;
 let message = getMessage(getParamsForBackend());
 function getMessage(processedParams) {
-  return getMessageBase(
-    key,
-    processedParams,
-    $strings,
-    $locale
-  );
+  return getMessageBase(key, processedParams, $strings, $locale);
 }
 function bindComponents() {
   for (let [id, binding] of componentBindings) {
@@ -110,4 +111,4 @@ onMount(async () => {
 });
 </script>
 
-{@html message}
+{@html message}

package/dist/components/Internationalization/T.svelte.d.ts

@@ -1,23 +1,24 @@
 import { SvelteComponent } from "svelte";
+import { type ToDotPaths, type I18nStrings } from "./types.js";
 import { type ComponentType } from "svelte";
-import { type PrimitiveType } from 'intl-messageformat';
-declare const __propDef: {
-    props: {
-        key: string;
+import { type PrimitiveType } from "intl-messageformat";
+declare class __sveltets_Render<StringsT extends I18nStrings> {
+    props(): {
+        key: ToDotPaths<StringsT>;
         params?: Record<string, PrimitiveType | {
             element?: string | undefined;
             component?: ComponentType | undefined;
             props?: Record<string, any> | undefined;
         }> | undefined;
     };
-    events: {
+    events(): {} & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
-};
-export type TProps = typeof __propDef.props;
-export type TEvents = typeof __propDef.events;
-export type TSlots = typeof __propDef.slots;
-export default class T extends SvelteComponent<TProps, TEvents, TSlots> {
+    slots(): {};
+}
+export type TProps<StringsT extends I18nStrings> = ReturnType<__sveltets_Render<StringsT>['props']>;
+export type TEvents<StringsT extends I18nStrings> = ReturnType<__sveltets_Render<StringsT>['events']>;
+export type TSlots<StringsT extends I18nStrings> = ReturnType<__sveltets_Render<StringsT>['slots']>;
+export default class T<StringsT extends I18nStrings> extends SvelteComponent<TProps<StringsT>, TEvents<StringsT>, TSlots<StringsT>> {
 }
 export {};

package/dist/components/Internationalization/i18n.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="svelte" />
 import type { PrimitiveType } from "intl-messageformat";
 import { type Readable, type Writable } from "svelte/store";
+import T from "./T.svelte";
+import type { ToDotPaths, I18nStrings } from "./types.js";
 export type i18nLoaderType = () => Promise<any>;
 interface LanguageBase {
     name: string;
@@ -16,7 +18,7 @@ interface LanguageWithLoader extends LanguageBase {
     loader: i18nLoaderType;
 }
 export type Language = LanguageWithStrings | LanguageWithLoader;
-export declare class InternationalizationService {
+export declare class InternationalizationService<StringsT extends I18nStrings = I18nStrings> {
     languages: LanguageWithLoader[];
     locale: Writable<string>;
     localeLanguage: Readable<LanguageWithLoader>;
@@ -29,7 +31,8 @@ export declare class InternationalizationService {
     register(language: Language): void;
     found(code: string): boolean;
     languageByCode(code: string): LanguageWithLoader | undefined;
-    t(key: string, params?: Record<string, PrimitiveType>): string;
+    t(key: ToDotPaths<StringsT>, params?: Record<string, PrimitiveType>): string;
+    T: typeof T<StringsT>;
 }
 export declare function getStringByKey(messages: Record<string, any>, key: string): string | undefined;
 export {};

package/dist/components/Internationalization/i18n.js

@@ -1,6 +1,7 @@
 import { deepmerge } from "deepmerge-ts";
 import { writable, derived } from "svelte/store";
 import { t } from "./t.js";
+import T from "./T.svelte";
 export class InternationalizationService {
     languages = [];
     locale;
@@ -62,6 +63,7 @@ export class InternationalizationService {
     t(key, params = {}) {
         return t(key, params, this);
     }
+    T = T;
 }
 export function getStringByKey(messages, key) {
     const keys = key.split('.');

package/dist/components/Internationalization/t.d.ts

@@ -1,8 +1,9 @@
 import { type PrimitiveType } from "intl-messageformat";
 import { type InternationalizationService } from "./i18n.js";
+import type { I18nStrings, ToDotPaths } from "./types.js";
 type ParamValue = PrimitiveType | ((chunks: string | string[]) => string);
 type ParamsType = Record<string, ParamValue>;
 export declare function getMessage(key: string, params: ParamsType, $strings: Record<string, any>, $locale: string): string;
 export type TParams = Record<string, PrimitiveType>;
-export declare function t(key: string, params?: Record<string, PrimitiveType>, i18n?: InternationalizationService | null): string;
+export declare function t<T extends ToDotPaths<I18nStrings>>(key: T, params?: Record<string, PrimitiveType>, i18n?: InternationalizationService | null): string;
 export {};

package/dist/components/Internationalization/types.d.ts

@@ -0,0 +1,7 @@
+export type I18nStrings = {
+    [key: string]: string | I18nStrings;
+};
+export type ToDotPaths<T> = T extends object ? {
+    [K in keyof T]: `${Exclude<K, symbol>}${"" | `.${ToDotPaths<T[K]>}`}`;
+}[keyof T] : never;
+export type FromDotPath<T, K extends string> = K extends keyof T ? T[K] : K extends `${infer K0}.${infer KR}` ? K0 extends keyof T ? FromDotPath<T[K0], KR> : never : never;

package/dist/components/Internationalization/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/index.d.ts

@@ -43,6 +43,13 @@ export { default as IconMessage } from './IconMessage/IconMessage.svelte';
 export { clickOutside } from './directives/clickOutside.js';
 export { default as InternationalizationProvider } from './Internationalization/InternationalizationProvider.svelte';
 export { default as LanguageToggle } from './Internationalization/LanguageToggle.svelte';
-export { default as T } from './Internationalization/T.svelte';
 export { type Language as InternationalizationLanguage, InternationalizationService } from './Internationalization/i18n.js';
+export { type I18nStrings as i18nStrings } from './Internationalization/types.js';
+/**
+ * @deprecated
+ */
 export { t } from './Internationalization/t.js';
+/**
+ * @deprecated
+ */
+export { default as T } from './Internationalization/T.svelte';

package/dist/components/index.js

@@ -45,6 +45,13 @@ export { clickOutside } from './directives/clickOutside.js';
 // i18n
 export { default as InternationalizationProvider } from './Internationalization/InternationalizationProvider.svelte';
 export { default as LanguageToggle } from './Internationalization/LanguageToggle.svelte';
-export { default as T } from './Internationalization/T.svelte';
 export { InternationalizationService } from './Internationalization/i18n.js';
+export {} from './Internationalization/types.js';
+/**
+ * @deprecated
+ */
 export { t } from './Internationalization/t.js';
+/**
+ * @deprecated
+ */
+export { default as T } from './Internationalization/T.svelte';

package/dist/marketing/Docs/Nav/NavCategory.svelte

@@ -1,21 +1,39 @@
 <script>export let name;
 </script>
+
 <div class="nav-category">
-    <div class="name">{name}</div>
-    <div class="nav-items">
-        <slot />
-    </div>
+  <div class="name">
+    <span class="button-content">
+      {#if $$slots.start}
+        <span class="slot start"><slot name="start" /></span>
+      {/if}
+
+      {#if $$slots.end}
+        <span class="slot end"><slot name="end" /></span>
+      {/if}
+    </span>
+    {name}
+  </div>
+  <div class="nav-items">
+    <slot />
+  </div>
 </div>
 
 <style>
+  .nav-category {
+    margin-bottom: 20px;
+  }
 
-    .nav-category {
-        margin-bottom: 20px;
-    }
-
-    .name {
-        font-weight: 600;
-        padding: 10px 25px;
-    }
+  .name {
+    font-weight: 600;
+    padding: 10px 25px;
+    display: flex;
+    align-items: center;
+  }
 
-</style>
+  .slot.start {
+    margin-right: 5px;
+    margin-left: 0;
+    display: flex;
+  }
+</style>

package/dist/marketing/Docs/Nav/NavCategory.svelte.d.ts

@@ -7,6 +7,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
+        start: {};
+        end: {};
         default: {};
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@hyvor/design",
-	"version": "0.0.59",
+	"version": "0.0.61-alpha",
 	"license": "MIT",
 	"private": false,
 	"scripts": {