@threlte/flex 0.0.3 → 0.0.5

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.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,63 +1,34 @@
-import { SvelteComponentTyped } from "svelte";
-import { type ClassParser, type FlexPlane } from '../lib/props';
-declare const __propDef: {
-    props: {
-        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?: number | undefined;
-        width?: number | undefined;
-        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;
-        yoga: Yoga;
-        plane?: 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;
-        };
-    };
-};
-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> {
+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
 }
-export {};
+
+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.5",
   "author": "Grischa Erbe <hello@legrisch.com> (https://legrisch.com)",
   "license": "MIT",
   "devDependencies": {