@hyvor/design 0.0.59 → 0.0.60

package/dist/components/Internationalization/T.svelte

@@ -1,4 +1,5 @@
-<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";

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

@@ -1,23 +1,24 @@
 import { SvelteComponent } from "svelte";
+import { type i18nStrings } from "./types.js";
 import { type ComponentType } from "svelte";
 import { type PrimitiveType } from 'intl-messageformat';
-declare const __propDef: {
-    props: {
-        key: string;
+declare class __sveltets_Render<StringsT extends i18nStrings> {
+    props(): {
+        key: (StringsT extends string ? [] : { [K in Extract<keyof StringsT, string>]: [K, ...StringsT[K] extends infer T_1 ? T_1 extends StringsT[K] ? T_1 extends string ? [] : { [K_1 in Extract<keyof T_1, string>]: [K_1, ...T_1[K_1] extends infer T_2 ? T_2 extends T_1[K_1] ? T_2 extends string ? [] : { [K_2 in Extract<keyof T_2, string>]: [K_2, ...T_2[K_2] extends infer T_3 ? T_3 extends T_2[K_2] ? T_3 extends string ? [] : { [K_3 in Extract<keyof T_3, string>]: [K_3, ...T_3[K_3] extends infer T_4 ? T_4 extends T_3[K_3] ? T_4 extends string ? [] : { [K_4 in Extract<keyof T_4, string>]: [K_4, ...T_4[K_4] extends infer T_5 ? T_5 extends T_4[K_4] ? T_5 extends string ? [] : { [K_5 in Extract<keyof T_5, string>]: [K_5, ...T_5[K_5] extends infer T_6 ? T_6 extends T_5[K_5] ? T_6 extends string ? [] : { [K_6 in Extract<keyof T_6, string>]: [K_6, ...T_6[K_6] extends infer T_7 ? T_7 extends T_6[K_6] ? T_7 extends string ? [] : { [K_7 in Extract<keyof T_7, string>]: [K_7, ...T_7[K_7] extends infer T_8 ? T_8 extends T_7[K_7] ? T_8 extends string ? [] : { [K_8 in Extract<keyof T_8, string>]: [K_8, ...T_8[K_8] extends infer T_9 ? T_9 extends T_8[K_8] ? T_9 extends string ? [] : { [K_9 in Extract<keyof T_9, string>]: [K_9, ...T_9[K_9] extends infer T_10 ? T_10 extends T_9[K_9] ? T_10 extends string ? [] : { [K_10 in Extract<keyof T_10, string>]: [K_10, ...any]; }[Extract<keyof T_10, string>] : never : never]; }[Extract<keyof T_9, string>] : never : never]; }[Extract<keyof T_8, string>] : never : never]; }[Extract<keyof T_7, string>] : never : never]; }[Extract<keyof T_6, string>] : never : never]; }[Extract<keyof T_5, string>] : never : never]; }[Extract<keyof T_4, string>] : never : never]; }[Extract<keyof T_3, string>] : never : never]; }[Extract<keyof T_2, string>] : never : never]; }[Extract<keyof T_1, string>] : never : never]; }[Extract<keyof StringsT, string>]) extends infer T_11 ? T_11 extends (StringsT extends string ? [] : { [K in Extract<keyof StringsT, string>]: [K, ...StringsT[K] extends infer T_1 ? T_1 extends StringsT[K] ? T_1 extends string ? [] : { [K_1 in Extract<keyof T_1, string>]: [K_1, ...T_1[K_1] extends infer T_2 ? T_2 extends T_1[K_1] ? T_2 extends string ? [] : { [K_2 in Extract<keyof T_2, string>]: [K_2, ...T_2[K_2] extends infer T_3 ? T_3 extends T_2[K_2] ? T_3 extends string ? [] : { [K_3 in Extract<keyof T_3, string>]: [K_3, ...T_3[K_3] extends infer T_4 ? T_4 extends T_3[K_3] ? T_4 extends string ? [] : { [K_4 in Extract<keyof T_4, string>]: [K_4, ...T_4[K_4] extends infer T_5 ? T_5 extends T_4[K_4] ? T_5 extends string ? [] : { [K_5 in Extract<keyof T_5, string>]: [K_5, ...T_5[K_5] extends infer T_6 ? T_6 extends T_5[K_5] ? T_6 extends string ? [] : { [K_6 in Extract<keyof T_6, string>]: [K_6, ...T_6[K_6] extends infer T_7 ? T_7 extends T_6[K_6] ? T_7 extends string ? [] : { [K_7 in Extract<keyof T_7, string>]: [K_7, ...T_7[K_7] extends infer T_8 ? T_8 extends T_7[K_7] ? T_8 extends string ? [] : { [K_8 in Extract<keyof T_8, string>]: [K_8, ...T_8[K_8] extends infer T_9 ? T_9 extends T_8[K_8] ? T_9 extends string ? [] : { [K_9 in Extract<keyof T_9, string>]: [K_9, ...T_9[K_9] extends infer T_10 ? T_10 extends T_9[K_9] ? T_10 extends string ? [] : { [K_10 in Extract<keyof T_10, string>]: [K_10, ...any]; }[Extract<keyof T_10, string>] : never : never]; }[Extract<keyof T_9, string>] : never : never]; }[Extract<keyof T_8, string>] : never : never]; }[Extract<keyof T_7, string>] : never : never]; }[Extract<keyof T_6, string>] : never : never]; }[Extract<keyof T_5, string>] : never : never]; }[Extract<keyof T_4, string>] : never : never]; }[Extract<keyof T_3, string>] : never : never]; }[Extract<keyof T_2, string>] : never : never]; }[Extract<keyof T_1, string>] : never : never]; }[Extract<keyof StringsT, string>]) ? T_11 extends [] ? never : T_11 extends [infer F] ? F : T_11 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_12 ? T_12 extends Extract<R, string[]> ? T_12 extends [] ? never : T_12 extends [infer F] ? F : T_12 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_13 ? T_13 extends Extract<R, string[]> ? T_13 extends [] ? never : T_13 extends [infer F] ? F : T_13 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_14 ? T_14 extends Extract<R, string[]> ? T_14 extends [] ? never : T_14 extends [infer F] ? F : T_14 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_15 ? T_15 extends Extract<R, string[]> ? T_15 extends [] ? never : T_15 extends [infer F] ? F : T_15 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_16 ? T_16 extends Extract<R, string[]> ? T_16 extends [] ? never : T_16 extends [infer F] ? F : T_16 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_17 ? T_17 extends Extract<R, string[]> ? T_17 extends [] ? never : T_17 extends [infer F] ? F : T_17 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_18 ? T_18 extends Extract<R, string[]> ? T_18 extends [] ? never : T_18 extends [infer F] ? F : T_18 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_19 ? T_19 extends Extract<R, string[]> ? T_19 extends [] ? never : T_19 extends [infer F] ? F : T_19 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_20 ? T_20 extends Extract<R, string[]> ? T_20 extends [] ? never : T_20 extends [infer F] ? F : T_20 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${Extract<R, string[]> extends infer T_21 ? T_21 extends Extract<R, string[]> ? T_21 extends [] ? never : T_21 extends [infer F] ? F : T_21 extends [infer F_1, ...infer R] ? F_1 extends string ? `${F_1}.${any}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never}` : never : string : never : never;
         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 { DotNotation, 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 = {}> {
     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: DotNotation<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/types.d.ts

@@ -0,0 +1,9 @@
+export type i18nStrings = {
+    [key: string]: string | i18nStrings;
+};
+type PathsToStringProps<T> = T extends string ? [] : {
+    [K in Extract<keyof T, string>]: [K, ...PathsToStringProps<T[K]>];
+}[Extract<keyof T, string>];
+type Join<T extends string[], D extends string> = T extends [] ? never : T extends [infer F] ? F : T extends [infer F, ...infer R] ? F extends string ? `${F}${D}${Join<Extract<R, string[]>, D>}` : never : string;
+export type DotNotation<T extends i18nStrings> = Join<PathsToStringProps<T>, ".">;
+export {};

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 } 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.60",
 	"license": "MIT",
 	"private": false,
 	"scripts": {