@esportsplus/ui 0.51.7 → 0.54.0

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

@@ -1,20 +1,4 @@
+import * as template_u0 from '@esportsplus/template';
 import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("../scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("../scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-};
+declare const _default: template_u0.Factory<template_u0.Attributes, template_u0.Renderable<any>, template_u0.Renderable<any>>;
 export default _default;

package/build/components/overlay/index.js

@@ -1,7 +1,13 @@
-import scrollbar from '../scrollbar/index.js';
+import * as template_u0 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
 import './scss/index.scss';
-export default scrollbar.bind({
-    attributes: {
-        class: 'overlay'
-    }
+const template_u1h = template_u0.template(`<div class='overlay --scrollbar' >`);
+export default component(function (attributes, content) {
+    return (() => {
+        let root_u1g = template_u1h(), element_u1i = root_u1g.firstChild;
+        template_u0.setProperties(element_u1i, this?.attributes);
+        template_u0.setProperties(element_u1i, attributes);
+        template_u0.slot(element_u1i, content, 1);
+        return root_u1g;
+    })();
 });

package/build/components/overlay/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.overlay{cursor:default;z-index:9;flex-wrap:wrap;justify-content:flex-start;display:flex;position:fixed;inset:0;overflow:hidden}.overlay:not(.--active) input[type=password]{display:none}}
+@layer components {.overlay{cursor:default;z-index:9;flex-wrap:wrap;justify-content:flex-start;display:flex;position:fixed;inset:0}.overlay:not(.--active) input[type=password]{display:none}}
 /*$vite$:1*/

package/build/components/page/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.page{--gap-horizontal:0px;--gap-vertical:0px}.page-subtitle,.page-suptitle{--color:var(--color-default);--color-default:var(--color-text-400);--font-size:var(--font-size-400);--line-height:var(--line-height-400)}.page-title{--color:var(--color-default);--color-default:var(--color-text-500);--line-height:var(--line-height-400)}.page{gap:var(--gap-vertical) 0px;flex-flow:column;width:100vw;min-height:100svh;display:flex;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);line-height:var(--line-height);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-suptitle+.page-title,.page-title+.page-subtitle{margin-top:var(--margin-vertical)}.page-title{text-wrap:balance}}
+@layer components {.page{--gap-horizontal:0px;--gap-vertical:0px}.page-subtitle,.page-suptitle{--color:var(--color-default);--color-default:var(--color-text-400);--font-size:var(--font-size-400)}.page-title{--color:var(--color-default);--color-default:var(--color-text-500)}.page{gap:var(--gap-vertical) 0px;flex-flow:column;width:100%;min-height:100svh;display:flex;position:relative}.page-subtitle,.page-suptitle,.page-title{color:var(--color);z-index:1;width:100%;display:block;position:relative}.page-subtitle,.page-suptitle{font-size:var(--font-size)}.page-title{text-wrap:balance}}
 /*$vite$:1*/