@teiler/svelte 0.0.25 → 0.0.27

package/src/component.ts

@@ -6,11 +6,13 @@ import Styled from './Styled.svelte'
 
 type SvelteTeilerComponent<Target extends HTMLElements, Props> = TeilerComponent<Target, Props> & ComponentType<SvelteComponent>
 
-const createComponent = <Target extends HTMLElements, Props>(styleDefinition: StyleDefinition<Target, Props>): SvelteTeilerComponent<Target, Props> => {
-  return class extends Styled {
+type Options = ConstructorParameters<typeof Styled>[0]
+
+const createComponent = <Target extends HTMLElements, Props extends object = {}>(styleDefinition: StyleDefinition<Target, Props>): SvelteTeilerComponent<Target, Props> => {
+  return class extends Styled<{}, Props> {
     static styleDefinition = styleDefinition
 
-    constructor(options) {
+    constructor(options: Options) {
       super({
         ...options,
         props: {
@@ -34,7 +36,7 @@ type Global = {
   <Props extends object = {}>(string: TemplateStringsArray, ...properties: Properties<Props>[]): SvelteTeilerComponent<HTMLElements, Props>
 }
 
-type ComponentWithTags = Component<'div'> & { [K in HTMLElements]: Component<K> }
+type ComponentWithTags = Component<'div'> & { [K in Exclude<HTMLElements, null>]: Component<K> }
 
 const construct = (tag: HTMLElements, compiler: Compiler) => {
   return <Props extends object = {}>(stringOrBinded: TeilerComponent<HTMLElements, Props> | TemplateStringsArray, ...properties: Properties<Props>[]) => {
@@ -42,14 +44,14 @@ const construct = (tag: HTMLElements, compiler: Compiler) => {
   }
 }
 
-const baseComponent = construct('div', component)
+const svelteComponent = construct('div', component) as ComponentWithTags
 
 tags.forEach((tag) => {
-  baseComponent[tag] = construct(tag, component)
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-expect-error
+  svelteComponent[tag] = construct(tag, component)
 })
 
-const svelteComponent = baseComponent as ComponentWithTags
-
 const svelteGlobal = construct(null, global) as Global
 
 export { svelteComponent as component, svelteGlobal as global, keyframes, createComponent }

package/src/sheet.ts

@@ -1,7 +1,7 @@
 import { type Sheet, createStyleSheet } from '@teiler/core'
 import { getContext } from 'svelte'
 
-export let styleSheet = null
+export let styleSheet: Sheet | null = null
 
 export const StyleSheet = 'STYLE_SHEET'
 

package/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "include": [
-    "src/**/*",
-    "stories/stories.d.ts"
+    "src/**/*"
   ],
   "exclude": [
     "node_modules"
@@ -16,7 +15,7 @@
     "importHelpers": true,
     "moduleResolution": "node",
     "experimentalDecorators": true,
-    "strict": false,
+    "strict": true,
     "strictPropertyInitialization": false,
     "sourceMap": true,
     "allowSyntheticDefaultImports": true,