@esportsplus/ui 0.51.7 → 0.53.0

package/build/themes/dark/select.d.ts

@@ -7,12 +7,10 @@ declare const _default: {
                 selected: import("@esportsplus/template").Renderable<unknown>;
             }>;
             option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
             'tooltip-content'?: import("@esportsplus/template").Attributes & {
                 direction?: string;
             };
-        } & (({
+        } & ({
             selected?: number | string;
             state?: never;
         } | {
@@ -22,16 +20,16 @@ declare const _default: {
                 render: boolean;
                 selected?: number | string;
             };
-        }) & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+        })) & {
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
             style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-        })) & {
+        } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
             onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -138,10 +136,7 @@ declare const _default: {
             onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-        } & Record<PropertyKey, unknown> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        }) | undefined;
+        } & Record<PropertyKey, unknown>) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
@@ -153,12 +148,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -168,16 +161,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -284,10 +277,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }>, content: (state: {
+    } & Record<PropertyKey, unknown>>, content: (state: {
         active: boolean;
         selected?: string | number;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
@@ -298,12 +288,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -313,16 +301,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -429,10 +417,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }>(attributes: T): ReturnType<(this: {
+    } & Record<PropertyKey, unknown>>(attributes: T): ReturnType<(this: {
         attributes?: (({
             arrow?: import("@esportsplus/template").Attributes;
             options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
@@ -440,12 +425,10 @@ declare const _default: {
                 selected: import("@esportsplus/template").Renderable<unknown>;
             }>;
             option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
             'tooltip-content'?: import("@esportsplus/template").Attributes & {
                 direction?: string;
             };
-        } & (({
+        } & ({
             selected?: number | string;
             state?: never;
         } | {
@@ -455,16 +438,16 @@ declare const _default: {
                 render: boolean;
                 selected?: number | string;
             };
-        }) & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+        })) & {
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
             style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-        })) & {
+        } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
             onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -571,10 +554,7 @@ declare const _default: {
             onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-        } & Record<PropertyKey, unknown> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        }) | undefined;
+        } & Record<PropertyKey, unknown>) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
@@ -586,12 +566,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -601,16 +579,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -717,10 +695,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }>, content: (state: {
+    } & Record<PropertyKey, unknown>>, content: (state: {
         active: boolean;
         selected?: string | number;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
@@ -735,12 +710,10 @@ declare const _default: {
                 selected: import("@esportsplus/template").Renderable<unknown>;
             }>;
             option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
             'tooltip-content'?: import("@esportsplus/template").Attributes & {
                 direction?: string;
             };
-        } & (({
+        } & ({
             selected?: number | string;
             state?: never;
         } | {
@@ -750,16 +723,16 @@ declare const _default: {
                 render: boolean;
                 selected?: number | string;
             };
-        }) & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+        })) & {
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
             style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-        })) & {
+        } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
             onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -866,10 +839,7 @@ declare const _default: {
             onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-        } & Record<PropertyKey, unknown> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        }) | undefined;
+        } & Record<PropertyKey, unknown>) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
@@ -881,12 +851,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -896,16 +864,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1012,10 +980,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }>, content: (state: {
+    } & Record<PropertyKey, unknown>>, content: (state: {
         active: boolean;
         selected?: string | number;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
@@ -1026,12 +991,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -1041,16 +1004,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1157,10 +1120,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }, content: (state: {
+    } & Record<PropertyKey, unknown>, content: (state: {
         active: boolean;
         selected?: string | number;
     }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
@@ -1171,12 +1131,10 @@ declare const _default: {
                 selected: import("@esportsplus/template").Renderable<unknown>;
             }>;
             option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
             'tooltip-content'?: import("@esportsplus/template").Attributes & {
                 direction?: string;
             };
-        } & (({
+        } & ({
             selected?: number | string;
             state?: never;
         } | {
@@ -1186,16 +1144,16 @@ declare const _default: {
                 render: boolean;
                 selected?: number | string;
             };
-        }) & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+        })) & {
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
             style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-        })) & {
+        } & {
             onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
             onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
             onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1302,10 +1260,7 @@ declare const _default: {
             onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
             onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-        } & Record<PropertyKey, unknown> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        }) | undefined;
+        } & Record<PropertyKey, unknown>) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
@@ -1317,12 +1272,10 @@ declare const _default: {
             selected: import("@esportsplus/template").Renderable<unknown>;
         }>;
         option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
         'tooltip-content'?: import("@esportsplus/template").Attributes & {
             direction?: string;
         };
-    } & (({
+    } & ({
         selected?: number | string;
         state?: never;
     } | {
@@ -1332,16 +1285,16 @@ declare const _default: {
             render: boolean;
             selected?: number | string;
         };
-    }) & {
-        [key: `aria-${string}`]: string | number | boolean | undefined;
-        [key: `data-${string}`]: string | undefined;
+    })) & {
+        [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+        [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
         class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
         onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
         ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
         style?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
-    })) & {
+    } & {
         onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
         onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
         onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
@@ -1448,10 +1401,7 @@ declare const _default: {
         onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
         onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-    }>, content: (state: {
+    } & Record<PropertyKey, unknown>>, content: (state: {
         active: boolean;
         selected?: string | number;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;

package/build/themes/dark/textarea.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (attributes: {
-    [key: `aria-${string}`]: string | number | boolean | undefined;
-    [key: `data-${string}`]: string | undefined;
+    [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+    [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
     class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
     onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
     ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;

package/package.json

@@ -1,25 +1,24 @@
 {
   "author": "ICJR",
   "dependencies": {
-    "@esportsplus/action": "^0.1.7",
-    "@esportsplus/queue": "^0.4.5",
-    "@esportsplus/reactivity": "^0.36.4",
-    "@esportsplus/template": "^0.44.4",
-    "@esportsplus/utilities": "^0.28.3",
-    "@esportsplus/vite": "^0.14.2",
+    "@esportsplus/action": "^0.1.8",
+    "@esportsplus/queue": "^0.4.6",
+    "@esportsplus/reactivity": "^0.36.7",
+    "@esportsplus/template": "^0.46.4",
+    "@esportsplus/utilities": "^0.28.4",
     "modern-normalize": "^3.0.1"
   },
   "devDependencies": {
-    "@esportsplus/typescript": "^0.34.2",
-    "@types/node": "^25.0.10",
+    "@esportsplus/typescript": "^0.34.4",
+    "@types/node": "^26.6.1",
     "@types/shelljs": "^0.10.0",
-    "autoprefixer": "^10.4.23",
-    "glob": "^13.0.0",
-    "lightningcss": "^1.31.1",
+    "autoprefixer": "^10.6.1",
+    "glob": "^13.0.6",
+    "lightningcss": "^1.33.0",
     "npm-run-all": "^4.1.5",
-    "sass": "^1.97.3",
+    "sass": "^1.104.1",
     "shelljs": "^0.10.0",
-    "vite": "^7.3.1"
+    "vite": "^8.3.0"
   },
   "exports": {
     "./css-utilities.scss": "./build/css-utilities/index.scss",
@@ -59,11 +58,12 @@
   },
   "sideEffects": false,
   "type": "module",
-  "version": "0.51.7",
+  "version": "0.53.0",
   "scripts": {
     "build": "run-s build:vite build:ts",
     "build:ts": "tsc",
     "build:vite": "vite build",
-    "-": "-"
+    "-": "-",
+    "dev": "pnpm --dir docs dev"
   }
 }

package/pnpm-workspace.yaml

@@ -1,3 +1,6 @@
+packages:
+  - docs
+
 # Approve the dependency build scripts vite/vitest rely on; pnpm errors on
 # unapproved build scripts otherwise (ERR_PNPM_IGNORED_BUILDS).
 allowBuilds:
@@ -8,14 +11,13 @@ allowBuilds:
 # first-party upgrades (reactivity, template, ...) be consumed immediately
 # instead of waiting out the release-age cutoff.
 minimumReleaseAgeExclude:
-  - '@esportsplus/typescript@0.34.2'
-  - '@esportsplus/action@0.1.7'
-  - '@esportsplus/queue@0.4.5'
-  - '@esportsplus/reactivity@0.36.4'
-  - '@esportsplus/template@0.44.4'
-  - '@esportsplus/utilities@0.28.3'
-  - '@esportsplus/vite@0.14.2'
-  - '@esportsplus/typescript@0.34.1'
+  - '@esportsplus/typescript@0.34.1 || 0.34.2 || 0.34.3 || 0.34.4'
+  - '@esportsplus/action@0.1.7 || 0.1.8'
+  - '@esportsplus/queue@0.4.5 || 0.4.6'
+  - '@esportsplus/reactivity@0.36.4 || 0.36.6 || 0.36.7'
+  - '@esportsplus/template@0.44.4 || 0.44.6 || 0.45.0 || 0.45.1 || 0.45.3 || 0.46.1 || 0.46.2 || 0.46.3 || 0.46.4'
+  - '@esportsplus/utilities@0.28.3 || 0.28.4'
+  - '@esportsplus/vite@0.14.2 || 0.14.5 || 0.14.6'
   - '@esportsplus/*'
   # browserslist's data packages (pulled transitively via autoprefixer) republish daily, so a
   # fresh lockfile always pins a <24h version. They are data-only build-time deps, so exempt them
@@ -23,3 +25,4 @@ minimumReleaseAgeExclude:
   - baseline-browser-mapping
   - caniuse-lite
   - electron-to-chromium
+  - '@types/node@26.6.2'

package/src/components/accordion/index.ts

@@ -1,50 +1,27 @@
-import { html, Attributes } from '@esportsplus/template';
-import { reactive } from '@esportsplus/reactivity';
+import { html, Attributes, component } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
-import template from '~/components/template';
 import './scss/index.scss';
 
 
-type A = Attributes & { state?: { active: boolean | number } };
-
-type Accordion = HTMLElement & { [key: symbol]: { active: boolean | number } };
+type A = Attributes & { state: { active: boolean | number } };
 
 
 const OMIT = ['state'];
 
 
-let key = Symbol();
-
-
-export default template.factory(
+export default component<A>(
     function(attributes: A, content) {
-        let ref: Accordion,
-            state = attributes.state || reactive({
-                active: 0
-            });
+        let state = attributes.state;
 
         return html`
             <div
+                class='accordion'
                 ${omit(attributes, OMIT)}
                 ${{
-                    class: () => {
-                        return state.active && '--active';
-                    },
-                    onrender: (element) => {
-                        ( ref = element as Accordion )[key] = state;
-                    },
-                    style: () => {
-                        let parent = ref.closest<Accordion>('accordion');
-
-                        if (parent && key in parent) {
-                            parent[key].active = (+parent[key].active) + 1;
-                        }
-
-                        return state.active && `--max-height: ${ref.scrollHeight}`;
-                    }
+                    inert: () => !state.active
                 }}
             >
-                ${content}
+                <div class='accordion-content'>${content}</div>
             </div>
         `;
     }