motion-start 0.0.1 → 0.1.0

package/{src/motion/types.ts → dist/motion/types.d.ts}

@@ -1,278 +1,281 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { CSSProperties } from "react";
-import type { AnimationControls } from "../animation/types";
-import type { DraggableProps } from "../gestures/drag/types";
-import type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers } from "../gestures/types";
-import type { VisualElementLifecycles } from "../render/utils/lifecycles";
-import type { MakeCustomValueType, Omit, Target, TargetAndTransition, Transition, Variants } from "../types";
-import { MotionValue } from "../value";
-import type { LayoutProps } from "./features/layout/types";
-
-export type MotionStyleProp = string | number | MotionValue;
-/**
- * Either a string, or array of strings, that reference variants defined via the `variants` prop.
- * @public
- */
-export type VariantLabels = string | string[];
-export interface TransformProperties {
-    x?: string | number;
-    y?: string | number;
-    z?: string | number;
-    translateX?: string | number;
-    translateY?: string | number;
-    translateZ?: string | number;
-    rotate?: string | number;
-    rotateX?: string | number;
-    rotateY?: string | number;
-    rotateZ?: string | number;
-    scale?: string | number;
-    scaleX?: string | number;
-    scaleY?: string | number;
-    scaleZ?: string | number;
-    skew?: string | number;
-    skewX?: string | number;
-    skewY?: string | number;
-    originX?: string | number;
-    originY?: string | number;
-    originZ?: string | number;
-    perspective?: string | number;
-    transformPerspective?: string | number;
-}
-/**
- * @public
- */
-export interface SVGPathProperties {
-    pathLength?: number;
-    pathOffset?: number;
-    pathSpacing?: number;
-}
-export interface CustomStyles {
-    /**
-     * Framer Library custom prop types. These are not actually supported in Motion - preferably
-     * we'd have a way of external consumers injecting supported styles into this library.
-     */
-    size?: string | number;
-    radius?: string | number;
-    shadow?: string;
-    image?: string;
-}
-export type MakeMotion<T> = MakeCustomValueType<{
-    [K in keyof T]: T[K] | MotionValue<number> | MotionValue<string> | MotionValue<any>;
-}>;
-export type MotionCSS = MakeMotion<Omit<CSSProperties, "rotate" | "scale" | "perspective">>;
-/**
- * @public
- */
-export type MotionTransform = MakeMotion<TransformProperties>;
-
-/**
- * @public
- */
-export type MotionStyle = MotionCSS & MotionTransform & MakeMotion<SVGPathProperties> /* & MakeCustomValueType<CustomStyles>*/;
-export type OnUpdate = (v: Target) => void;
-/**
- * @public
- */
-export interface RelayoutInfo {
-    delta: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
-}
-/**
- * @public
- */
-export type ResolveLayoutTransition = (info: RelayoutInfo) => Transition | boolean;
-/**
- * @public
- */
-export interface AnimationProps {
-    /**
-     * Values to animate to, variant label(s), or `AnimationControls`.
-     *
-     * @motion
-     *
-     * ```jsx
-     * // As values
-     * <MotionDiv animate={{ opacity: 1 }} />
-     *
-     * // As variant
-     * <MotionDiv animate="visible" variants={variants} />
-     *
-     * // Multiple variants
-     * <MotionDiv animate={["visible", "active"]} variants={variants} />
-     *
-     * // AnimationControls
-     * <MotionDiv animate={animation} />
-     * ```
-     */
-    animate?: AnimationControls | TargetAndTransition | VariantLabels | boolean;
-    /**
-     * A target to animate to when this component is removed from the tree.
-     *
-     * This component **must** be the first animatable child of an `AnimatePresence` to enable this exit animation.
-     *
-     * This limitation exists because React doesn't allow components to defer unmounting until after
-     * an animation is complete. Once this limitation is fixed, the `AnimatePresence` component will be unnecessary.
-     *
-     * @motion
-     *
-     * ```jsx
-     * import { AnimatePresence, motion } from 'svelte-motion'
-     *
-     *
-     * <AnimatePresence show={isVisible}>
-     *      <MotionDiv
-     *        initial={{ opacity: 0 }}
-     *        animate={{ opacity: 1 }}
-     *        exit={{ opacity: 0 }}
-     *      />
-     * </AnimatePresence>
-     * ```
-     */
-    exit?: TargetAndTransition | VariantLabels;
-    /**
-     * Variants allow you to define animation states and organise them by name. They allow
-     * you to control animations throughout a component tree by switching a single `animate` prop.
-     *
-     * Using `transition` options like `delayChildren` and `staggerChildren`, you can orchestrate
-     * when children animations play relative to their parent.
-     *
-     * @motion
-     *
-     * After passing variants to one or more `motion` component's `variants` prop, these variants
-     * can be used in place of values on the `animate`, `initial`, `whileFocus`, `whileTap` and `whileHover` props.
-     *
-     * ```jsx
-     * const variants = {
-     *   active: {
-     *       backgroundColor: "#f00"
-     *   },
-     *   inactive: {
-     *     backgroundColor: "#fff",
-     *     transition: { duration: 2 }
-     *   }
-     * }
-     *
-     * <MotionDiv variants={variants} animate="active" />
-     * ```
-     */
-    variants?: Variants;
-    /**
-     * Default transition. If no `transition` is defined in `animate`, it will use the transition defined here.
-     *
-     * @motion
-     *
-     * ```jsx
-     * const spring = {
-     *   type: "spring",
-     *   damping: 10,
-     *   stiffness: 100
-     * }
-     *
-     * <MotionDiv transition={spring} animate={{ scale: 1.2 }} />
-     * ```
-     */
-    transition?: Transition;
-}
-/**
- * @public
- */
-export interface MotionAdvancedProps {
-    /**
-     * Custom data to use to resolve dynamic variants differently for each animating component.
-     *
-     * @motion
-     *
-     * ```jsx
-     * const variants = {
-     *   visible: (custom) => ({
-     *     opacity: 1,
-     *     transition: { delay: custom * 0.2 }
-     *   })
-     * }
-     *
-     * <MotionDiv custom={0} animate="visible" variants={variants} />
-     * <MotionDiv custom={1} animate="visible" variants={variants} />
-     * <MotionDiv custom={2} animate="visible" variants={variants} />
-     * ```
-     *
-     * @public
-     */
-    custom?: any;
-    /**
-     * @public
-     * Set to `false` to prevent inheriting variant changes from its parent.
-     */
-    inherit?: boolean;
-}
-/**
- * Props for `motion` components.
- *
- * @public
- */
-export interface MotionProps extends AnimationProps, VisualElementLifecycles, PanHandlers, TapHandlers, HoverHandlers, FocusHandlers, DraggableProps, LayoutProps, MotionAdvancedProps {
-    /**
-     * Properties, variant label or array of variant labels to start in.
-     *
-     * Set to `false` to initialise with the values in `animate` (disabling the mount animation)
-     *
-     * @motion
-     *
-     * ```jsx
-     * // As values
-     * <MotionDiv initial={{ opacity: 1 }} />
-     *
-     * // As variant
-     * <MotionDiv initial="visible" variants={variants} />
-     *
-     * // Multiple variants
-     * <MotionDiv initial={["visible", "active"]} variants={variants} />
-     *
-     * // As false (disable mount animation)
-     * <MotionDiv initial={false} animate={{ opacity: 0 }} />
-     * ```
-     */
-    initial?: boolean | Target | VariantLabels;
-    /**
-     * @motion
-     *
-     * The React DOM `style` prop, enhanced with support for `MotionValue`s and separate `transform` values.
-     *
-     * ```jsx
-     * <script>
-     *   const x = useMotionValue(0)
-     * </script>
-     * 
-     * <MotionDiv style={{ x, opacity: 1, scale: 0.5 }} />
-     * ```
-     */
-    style?: MotionStyle;
-    /**
-     * By default, Svelte Motion generates a `transform` property with a sensible transform order. `transformTemplate`
-     * can be used to create a different order, or to append/preprend the automatically generated `transform` property.
-     *
-     * @motion
-     *
-     * ```jsx
-     * <MotionDiv
-     *   style={{ x: 0, rotate: 180 }}
-     *   transformTemplate={
-     *     ({ x, rotate }) => `rotate(${rotate}deg) translateX(${x}px)`
-     *   }
-     * />
-     * ```
-     *
-     * @param transform - The latest animated transform props.
-     * @param generatedTransform - The transform string as automatically generated by Framer Motion
-     *
-     * @public
-     */
-    transformTemplate?(transform: TransformProperties, generatedTransform: string): string;
-}
-export type TransformTemplate = (transform: TransformProperties, generatedTransform: string) => string;
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Properties } from 'csstype';
+import type { AnimationControls } from '../animation/types';
+import type { DraggableProps } from '../gestures/drag/types';
+import type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers } from '../gestures/types';
+import type { VisualElementLifecycles } from '../render/utils/lifecycles';
+import type { MakeCustomValueType, Omit, Target, TargetAndTransition, Transition, Variants } from '../types';
+import type { MotionValue } from '../value';
+import type { LayoutProps } from './features/layout/types';
+export type Ref<T> = (instance: T | null) => void | {
+    current: T | null;
+} | null;
+export type MotionStyleProp = string | number | MotionValue;
+/**
+ * Either a string, or array of strings, that reference variants defined via the `variants` prop.
+ * @public
+ */
+export type VariantLabels = string | string[];
+export interface TransformProperties {
+    x?: string | number;
+    y?: string | number;
+    z?: string | number;
+    translateX?: string | number;
+    translateY?: string | number;
+    translateZ?: string | number;
+    rotate?: string | number;
+    rotateX?: string | number;
+    rotateY?: string | number;
+    rotateZ?: string | number;
+    scale?: string | number;
+    scaleX?: string | number;
+    scaleY?: string | number;
+    scaleZ?: string | number;
+    skew?: string | number;
+    skewX?: string | number;
+    skewY?: string | number;
+    originX?: string | number;
+    originY?: string | number;
+    originZ?: string | number;
+    perspective?: string | number;
+    transformPerspective?: string | number;
+}
+/**
+ * @public
+ */
+export interface SVGPathProperties {
+    pathLength?: number;
+    pathOffset?: number;
+    pathSpacing?: number;
+}
+export interface CustomStyles {
+    /**
+     * Framer Library custom prop types. These are not actually supported in Motion - preferably
+     * we'd have a way of external consumers injecting supported styles into this library.
+     */
+    size?: string | number;
+    radius?: string | number;
+    shadow?: string;
+    image?: string;
+}
+export type MakeMotion<T> = MakeCustomValueType<{
+    [K in keyof T]: T[K] | MotionValue<number> | MotionValue<string> | MotionValue<any>;
+}>;
+export type MotionCSS = MakeMotion<Omit<Properties, 'rotate' | 'scale' | 'perspective'>>;
+/**
+ * @public
+ */
+export type MotionTransform = MakeMotion<TransformProperties>;
+/**
+ * @public
+ */
+export type MotionStyle = MotionCSS & MotionTransform & MakeMotion<SVGPathProperties>;
+export type OnUpdate = (v: Target) => void;
+/**
+ * @public
+ */
+export interface RelayoutInfo {
+    delta: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+}
+/**
+ * @public
+ */
+export type ResolveLayoutTransition = (info: RelayoutInfo) => Transition | boolean;
+/**
+ * @public
+ */
+export interface AnimationProps {
+    /**
+     * Values to animate to, variant label(s), or `AnimationControls`.
+     *
+     * @motion
+     *
+     * ```jsx
+     * // As values
+     * <MotionDiv animate={{ opacity: 1 }} />
+     *
+     * // As variant
+     * <MotionDiv animate="visible" variants={variants} />
+     *
+     * // Multiple variants
+     * <MotionDiv animate={["visible", "active"]} variants={variants} />
+     *
+     * // AnimationControls
+     * <MotionDiv animate={animation} />
+     * ```
+     */
+    animate?: AnimationControls | TargetAndTransition | VariantLabels | boolean;
+    /**
+     * A target to animate to when this component is removed from the tree.
+     *
+     * This component **must** be the first animatable child of an `AnimatePresence` to enable this exit animation.
+     *
+     * This limitation exists because React doesn't allow components to defer unmounting until after
+     * an animation is complete. Once this limitation is fixed, the `AnimatePresence` component will be unnecessary.
+     *
+     * @motion
+     *
+     * ```jsx
+     * import { AnimatePresence, motion } from 'svelte-motion'
+     *
+     *
+     * <AnimatePresence show={isVisible}>
+     *      <MotionDiv
+     *        initial={{ opacity: 0 }}
+     *        animate={{ opacity: 1 }}
+     *        exit={{ opacity: 0 }}
+     *      />
+     * </AnimatePresence>
+     * ```
+     */
+    exit?: TargetAndTransition | VariantLabels;
+    /**
+     * Variants allow you to define animation states and organise them by name. They allow
+     * you to control animations throughout a component tree by switching a single `animate` prop.
+     *
+     * Using `transition` options like `delayChildren` and `staggerChildren`, you can orchestrate
+     * when children animations play relative to their parent.
+     *
+     * @motion
+     *
+     * After passing variants to one or more `motion` component's `variants` prop, these variants
+     * can be used in place of values on the `animate`, `initial`, `whileFocus`, `whileTap` and `whileHover` props.
+     *
+     * ```jsx
+     * const variants = {
+     *   active: {
+     *       backgroundColor: "#f00"
+     *   },
+     *   inactive: {
+     *     backgroundColor: "#fff",
+     *     transition: { duration: 2 }
+     *   }
+     * }
+     *
+     * <MotionDiv variants={variants} animate="active" />
+     * ```
+     */
+    variants?: Variants;
+    /**
+     * Default transition. If no `transition` is defined in `animate`, it will use the transition defined here.
+     *
+     * @motion
+     *
+     * ```jsx
+     * const spring = {
+     *   type: "spring",
+     *   damping: 10,
+     *   stiffness: 100
+     * }
+     *
+     * <MotionDiv transition={spring} animate={{ scale: 1.2 }} />
+     * ```
+     */
+    transition?: Transition;
+}
+/**
+ * @public
+ */
+export interface MotionAdvancedProps {
+    /**
+     * Custom data to use to resolve dynamic variants differently for each animating component.
+     *
+     * @motion
+     *
+     * ```jsx
+     * const variants = {
+     *   visible: (custom) => ({
+     *     opacity: 1,
+     *     transition: { delay: custom * 0.2 }
+     *   })
+     * }
+     *
+     * <MotionDiv custom={0} animate="visible" variants={variants} />
+     * <MotionDiv custom={1} animate="visible" variants={variants} />
+     * <MotionDiv custom={2} animate="visible" variants={variants} />
+     * ```
+     *
+     * @public
+     */
+    custom?: any;
+    /**
+     * @public
+     * Set to `false` to prevent inheriting variant changes from its parent.
+     */
+    inherit?: boolean;
+}
+/**
+ * Props for `motion` components.
+ *
+ * @public
+ */
+export interface MotionProps extends AnimationProps, VisualElementLifecycles, PanHandlers, TapHandlers, HoverHandlers, FocusHandlers, DraggableProps, LayoutProps, MotionAdvancedProps {
+    transformValues?: any;
+    /**
+     * Properties, variant label or array of variant labels to start in.
+     *
+     * Set to `false` to initialise with the values in `animate` (disabling the mount animation)
+     *
+     * @motion
+     *
+     * ```jsx
+     * // As values
+     * <MotionDiv initial={{ opacity: 1 }} />
+     *
+     * // As variant
+     * <MotionDiv initial="visible" variants={variants} />
+     *
+     * // Multiple variants
+     * <MotionDiv initial={["visible", "active"]} variants={variants} />
+     *
+     * // As false (disable mount animation)
+     * <MotionDiv initial={false} animate={{ opacity: 0 }} />
+     * ```
+     */
+    initial?: boolean | Target | VariantLabels;
+    /**
+     * @motion
+     *
+     * The React DOM `style` prop, enhanced with support for `MotionValue`s and separate `transform` values.
+     *
+     * ```jsx
+     * <script>
+     *   const x = useMotionValue(0)
+     * </script>
+     *
+     * <MotionDiv style={{ x, opacity: 1, scale: 0.5 }} />
+     * ```
+     */
+    style?: MotionStyle;
+    /**
+     * By default, Svelte Motion generates a `transform` property with a sensible transform order. `transformTemplate`
+     * can be used to create a different order, or to append/preprend the automatically generated `transform` property.
+     *
+     * @motion
+     *
+     * ```jsx
+     * <MotionDiv
+     *   style={{ x: 0, rotate: 180 }}
+     *   transformTemplate={
+     *     ({ x, rotate }) => `rotate(${rotate}deg) translateX(${x}px)`
+     *   }
+     * />
+     * ```
+     *
+     * @param transform - The latest animated transform props.
+     * @param generatedTransform - The transform string as automatically generated by Framer Motion
+     *
+     * @public
+     */
+    transformTemplate?(transform: TransformProperties, generatedTransform: string): string;
+}
+export type TransformTemplate = (transform: TransformProperties, generatedTransform: string) => string;
+//# sourceMappingURL=types.d.ts.map

package/dist/motion/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/types.ts"],"names":[],"mappings":"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"}

package/dist/motion/types.js

@@ -0,0 +1 @@
+export {};

package/{src → dist}/motion/utils/UseLayoutId.svelte

@@ -7,8 +7,9 @@ Copyright (c) 2018 Framer B.V. -->
   import { LayoutGroupContext } from "../../context/LayoutGroupContext.js";
   export let props, isCustom;
   $: ({ layoutId } = props);
-  const layoutGroupId: Writable<string | null> =
-    getContext(LayoutGroupContext) || LayoutGroupContext(isCustom);
+  const layoutGroupId =
+    getContext<Writable<string | null>>(LayoutGroupContext) ||
+    LayoutGroupContext(isCustom);
 </script>
 
 <slot

package/dist/motion/utils/UseLayoutId.svelte.d.ts

@@ -0,0 +1,35 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const UseLayoutId: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    isCustom: any;
+}, {
+    default: {
+        layoutId: any;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        layoutId: any;
+    };
+}, {}, string>;
+type UseLayoutId = InstanceType<typeof UseLayoutId>;
+export default UseLayoutId;
+//# sourceMappingURL=UseLayoutId.svelte.d.ts.map

package/dist/motion/utils/UseLayoutId.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseLayoutId.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/utils/UseLayoutId.svelte.ts"],"names":[],"mappings":"AA4BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;;;;;;;;cAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}