@esportsplus/ui 0.24.3 → 0.24.4

package/build/components/typewriter/index.d.ts

@@ -0,0 +1,20 @@
+import './scss/index.scss';
+declare const _default: {
+    (): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: string[] | undefined;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: string[] | undefined;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
+    <T extends string[]>(content: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: string[] | undefined;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("@esportsplus/template").Attributes, content: string[]): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes | undefined;
+        content?: string[] | undefined;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: string[]) => import("@esportsplus/template").Renderable<any>>;
+};
+export default _default;

package/build/components/typewriter/index.js

@@ -0,0 +1,43 @@
+import { html } from '@esportsplus/template';
+import { reactive } from '@esportsplus/reactivity';
+import template from '../../components/template/index.js';
+import './scss/index.scss';
+const EMPTY_NODE = html ` `;
+export default template.factory(function (_, content) {
+    let state = reactive({ text: '' });
+    return html `
+            <div class='typewriter' ${{
+        onconnect: () => {
+            let character = 0, i = 0, isWriting = true, write = content[i];
+            function play() {
+                setTimeout(() => {
+                    state.text = write.slice(0, character);
+                    if (isWriting) {
+                        if (character > write.length) {
+                            isWriting = false;
+                            setTimeout(play, 2000);
+                            return;
+                        }
+                        else {
+                            character++;
+                        }
+                    }
+                    else {
+                        if (character === 0) {
+                            isWriting = true;
+                            write = content[++i] || content[i = 0];
+                        }
+                        else {
+                            character--;
+                        }
+                    }
+                    play();
+                }, isWriting ? 64 : 32);
+            }
+            play();
+        }
+    }}>
+                ${() => state.text || EMPTY_NODE}
+            </div>
+        `;
+});

package/build/css-utilities/index.d.ts

@@ -0,0 +1,20 @@
+import './[margin,padding]/scss/index.scss';
+import './absolute/scss/index.scss';
+import './background/scss/index.scss';
+import './border/scss/index.scss';
+import './color/scss/index.scss';
+import './disabled/scss/index.scss';
+import './flex/scss/index.scss';
+import './flicker/scss/index.scss';
+import './focus/scss/index.scss';
+import './glass/scss/index.scss';
+import './hidden/scss/index.scss';
+import './inline/scss/index.scss';
+import './line-height/scss/index.scss';
+import './not-allowed/scss/index.scss';
+import './pointer/scss/index.scss';
+import './size/scss/index.scss';
+import './squircle/scss/index.scss';
+import './text/scss/index.scss';
+import './viewport/scss/index.scss';
+import './width/scss/index.scss';

package/build/css-utilities/index.js

@@ -0,0 +1,20 @@
+import './[margin,padding]/scss/index.scss';
+import './absolute/scss/index.scss';
+import './background/scss/index.scss';
+import './border/scss/index.scss';
+import './color/scss/index.scss';
+import './disabled/scss/index.scss';
+import './flex/scss/index.scss';
+import './flicker/scss/index.scss';
+import './focus/scss/index.scss';
+import './glass/scss/index.scss';
+import './hidden/scss/index.scss';
+import './inline/scss/index.scss';
+import './line-height/scss/index.scss';
+import './not-allowed/scss/index.scss';
+import './pointer/scss/index.scss';
+import './size/scss/index.scss';
+import './squircle/scss/index.scss';
+import './text/scss/index.scss';
+import './viewport/scss/index.scss';
+import './width/scss/index.scss';

package/build/fonts/index.d.ts

@@ -0,0 +1 @@
+export * as montserrat from './montserrat/index.js';

package/build/fonts/index.js

@@ -0,0 +1 @@
+export * as montserrat from './montserrat/index.js';

package/build/fonts/montserrat/index.d.ts

@@ -0,0 +1 @@
+import './scss/index.scss';

package/build/fonts/montserrat/index.js

@@ -0,0 +1 @@
+import './scss/index.scss';

package/build/normalize/index.d.ts

@@ -0,0 +1 @@
+import './scss/index.scss';

package/build/normalize/index.js

@@ -0,0 +1 @@
+import './scss/index.scss';

package/package.json

@@ -48,7 +48,7 @@
   "private": false,
   "sideEffects": false,
   "type": "module",
-  "version": "0.24.3",
+  "version": "0.24.4",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc && tsc-alias",

package/src/components/field/select.ts

@@ -179,7 +179,7 @@ export default template.factory<
             }
         }
     ),
-    (mask: ReturnType<typeof template.factory<A>>) => Renderable<unknown>
+    (mask: typeof select) => Renderable<unknown>
 >((attributes, content) => {
     let options = attributes.options,
         state = attributes.state || reactive({