@threlte/flex 0.0.3 → 0.0.4

package/dist/Box/Box.svelte.d.ts

@@ -1,62 +1,18 @@
-import { SvelteComponentTyped } from "svelte";
-import { Group } from 'three';
-declare const __propDef: {
-    props: {
-        group?: Group | undefined;
-        contentGroup?: Group | undefined;
-        node?: any;
-        alignItems?: string | number | symbol | undefined;
-        alignSelf?: string | number | symbol | undefined;
-        alignContent?: string | number | symbol | undefined;
-        justifyContent?: string | number | symbol | undefined;
-        flexDirection?: string | number | symbol | undefined;
-        flexWrap?: string | number | symbol | undefined;
-        flex?: unknown;
-        flexBasis?: unknown;
-        flexGrow?: unknown;
-        flexShrink?: unknown;
-        height?: unknown;
-        width?: unknown;
-        maxHeight?: unknown;
-        maxWidth?: unknown;
-        minHeight?: unknown;
-        minWidth?: unknown;
-        top?: unknown;
-        right?: unknown;
-        bottom?: unknown;
-        left?: unknown;
-        padding?: unknown;
-        paddingTop?: unknown;
-        paddingRight?: unknown;
-        paddingBottom?: unknown;
-        paddingLeft?: unknown;
-        margin?: unknown;
-        marginTop?: unknown;
-        marginRight?: unknown;
-        marginBottom?: unknown;
-        marginLeft?: unknown;
-        gap?: unknown;
-        gapColumn?: unknown;
-        gapRow?: unknown;
-        aspectRatio?: unknown;
-        order?: number | undefined;
-        class?: string | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {
-            width: number;
-            height: number;
-        };
-    };
-};
-export type BoxProps = typeof __propDef.props;
-export type BoxEvents = typeof __propDef.events;
-export type BoxSlots = typeof __propDef.slots;
-export default class Box extends SvelteComponentTyped<BoxProps, BoxEvents, BoxSlots> {
-    get group(): Group;
-    get contentGroup(): Group;
+import { SvelteComponent } from 'svelte'
+import type { NodeProps } from '../lib/props'
+
+type BoxProps = NodeProps & {
+  order?: number
+  class?: string
 }
-export {};
+
+type BoxEvents = {}
+
+type BoxSlots = {
+  default: {
+    width: number
+    height: number
+  }
+}
+
+export default class Box extends SvelteComponent<BoxProps, BoxEvents, BoxSlots> {}

package/dist/Flex/Flex.svelte

@@ -1,6 +1,6 @@
 <script>import { forwardEventHandlers } from '@threlte/core';
 import { loadYoga } from 'yoga-layout';
-import InnerFlex from './InnerFlex.svelte';
+import InnerFlex from './Innerflex.svelte';
 let yoga;
 const initialize = async () => {
     yoga = await loadYoga();

package/dist/Flex/Flex.svelte.d.ts

@@ -1,61 +1,16 @@
-import { SvelteComponentTyped } from "svelte";
-declare const __propDef: {
-    props: {
-        flex?: unknown;
-        height?: number | undefined;
-        width?: number | undefined;
-        left?: unknown;
-        top?: unknown;
-        alignContent?: string | number | symbol | undefined;
-        alignItems?: string | number | symbol | undefined;
-        alignSelf?: string | number | symbol | undefined;
-        aspectRatio?: unknown;
-        bottom?: unknown;
-        direction?: string | number | symbol | undefined;
-        flexBasis?: unknown;
-        flexDirection?: string | number | symbol | undefined;
-        flexGrow?: unknown;
-        flexShrink?: unknown;
-        flexWrap?: string | number | symbol | undefined;
-        gap?: unknown;
-        justifyContent?: string | number | symbol | undefined;
-        margin?: unknown;
-        marginBottom?: unknown;
-        marginLeft?: unknown;
-        marginRight?: unknown;
-        marginTop?: unknown;
-        maxHeight?: unknown;
-        maxWidth?: unknown;
-        minHeight?: unknown;
-        minWidth?: unknown;
-        padding?: unknown;
-        paddingBottom?: unknown;
-        paddingLeft?: unknown;
-        paddingRight?: unknown;
-        paddingTop?: unknown;
-        right?: unknown;
-        class?: string | undefined;
-        plane?: import("../lib/props").FlexPlane | undefined;
-        gapColumn?: unknown;
-        gapRow?: unknown;
-        scaleFactor?: number | undefined;
-        classParser?: import("../lib/props").ClassParser | undefined;
-    };
-    slots: {
-        default: {
-            reflow: () => void;
-        };
-    };
-    events: {
-        reflow: {
-            width: number;
-            height: number;
-        };
-    };
-};
-export type FlexProps = typeof __propDef.props;
-export type FlexEvents = typeof __propDef.events;
-export type FlexSlots = typeof __propDef.slots;
-export default class Flex extends SvelteComponentTyped<FlexProps, FlexEvents, FlexSlots> {
+import { SvelteComponent } from 'svelte'
+import type { ComponentEvents, ComponentProps } from 'svelte'
+import type InnerFlex from './InnerFlex.svelte'
+
+type FlexProps = Omit<ComponentProps<InnerFlex>, 'yoga'>
+
+type FlexEvents = ComponentEvents<InnerFlex>
+
+// Currently, there's no svelte helper to get the slots of a component.
+type FlexSlots = {
+  default: {
+    reflow: () => void
+  }
 }
-export {};
+
+export default class Flex extends SvelteComponent<FlexProps, FlexEvents, FlexSlots> {}

package/dist/Flex/InnerFlex.svelte.d.ts

@@ -1,5 +1,5 @@
-import { SvelteComponentTyped } from "svelte";
-import { type ClassParser, type FlexPlane } from '../lib/props';
+import { SvelteComponent } from "svelte";
+import type { InnerFlexEvents, InnerFlexProps, InnerFlexSlots } from './Innerflex.svelte';
 declare const __propDef: {
     props: {
         alignItems?: string | number | symbol | undefined;
@@ -37,27 +37,20 @@ declare const __propDef: {
         gapRow?: unknown;
         aspectRatio?: unknown;
         yoga: Yoga;
-        plane?: FlexPlane | undefined;
+        plane?: import("../lib/props").FlexPlane | undefined;
         direction?: string | number | symbol | undefined;
         scaleFactor?: number | undefined;
         class?: string | undefined;
-        classParser?: ClassParser | undefined;
-    };
-    slots: {
-        default: {
-            reflow: () => void;
-        };
-    };
-    events: {
-        reflow: {
-            width: number;
-            height: number;
-        };
+        classParser?: import("../lib/props").ClassParser | undefined;
     };
+    slots: InnerFlexSlots;
+    events: InnerFlexEvents;
 };
-export type InnerFlexProps = typeof __propDef.props;
-export type InnerFlexEvents = typeof __propDef.events;
-export type InnerFlexSlots = typeof __propDef.slots;
-export default class InnerFlex extends SvelteComponentTyped<InnerFlexProps, InnerFlexEvents, InnerFlexSlots> {
+type InnerFlexProps_ = typeof __propDef.props;
+export { InnerFlexProps_ as InnerFlexProps };
+type InnerFlexEvents_ = typeof __propDef.events;
+export { InnerFlexEvents_ as InnerFlexEvents };
+type InnerFlexSlots_ = typeof __propDef.slots;
+export { InnerFlexSlots_ as InnerFlexSlots };
+export default class InnerFlex extends SvelteComponent<InnerFlexProps, InnerFlexEvents, InnerFlexSlots> {
 }
-export {};

package/dist/Flex/Innerflex.svelte.d.ts

@@ -0,0 +1,34 @@
+import { SvelteComponent } from 'svelte'
+import type { Direction, Yoga } from 'yoga-layout'
+import type { NodeProps } from '../lib/props'
+import type { ClassParser, FlexPlane } from '../lib/props'
+
+type InnerFlexProps = NodeProps & {
+  yoga: Yoga
+  width?: number
+  height?: number
+  plane?: FlexPlane
+  direction?: keyof typeof Direction
+  scaleFactor?: number
+  class?: string
+  classParser?: ClassParser
+}
+
+type InnerFlexEvents = {
+  reflow: {
+    width: number
+    height: number
+  }
+}
+
+type InnerFlexSlots = {
+  default: {
+    reflow: () => void
+  }
+}
+
+export default class InnerFlex extends SvelteComponent<
+  InnerFlexProps,
+  InnerFlexEvents,
+  InnerFlexSlots
+> {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/flex",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {