@wayke-se/components-react 6.0.0-beta.3 → 6.0.0-beta.5

package/dist/types/src/components/Gallery/wrapper.d.ts

@@ -8,11 +8,9 @@ export declare const Alt: import("styled-components/dist/types").IStyledComponen
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
 /** The slides side by side; swiping and the arrows scroll it, each slide snaps in place. */
-export declare const Track: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+export declare const Track: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
-    $locked: boolean;
-}>> & string;
+}> & string;
 export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
@@ -71,7 +69,4 @@ export declare const QuickNavImg: import("styled-components/dist/types").IStyled
 export declare const MediaButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
     style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }> & string;
-export declare const EnableNavigationButton: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}> & string;
 export {};

package/dist/types/src/components/ThreeSixty/Rotation.d.ts

@@ -1,6 +1,17 @@
 import React from 'react';
-type PropsType = {
-    children: React.ReactNode;
-};
-declare const Rotation: ({ children }: PropsType) => React.JSX.Element;
+type ImgProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface RotationProps {
+    urls: string[];
+    /** The styled <img> of the surrounding gallery or lightbox. */
+    img: React.ElementType<ImgProps>;
+    widths: number[];
+    sizes: string;
+}
+/**
+ * A 360 image: drag, the arrow keys or the slider turn the car, as web-ui-v2's
+ * 360 viewer does. The slider spans two turns and starts in the middle, so it
+ * can be pulled either way; a drag across the whole image is one turn. Every
+ * frame loads at once, so turning never waits for an image.
+ */
+declare const Rotation: ({ urls, img, widths, sizes }: RotationProps) => React.JSX.Element;
 export default Rotation;

package/dist/types/src/components/ThreeSixty/ThreeSixtLightbox.d.ts

@@ -2,5 +2,6 @@ import React from 'react';
 type PropsType = {
     urls: string[];
 };
+/** A 360 image in the lightbox, ready to turn. */
 declare const ThreeSixtyLightbox: ({ urls }: PropsType) => React.JSX.Element;
 export default ThreeSixtyLightbox;

package/dist/types/src/components/ThreeSixty/ThreeSixty.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
 type PropsType = {
     urls: string[];
-    navigationDisabled: boolean;
-    visible: boolean;
-    onDisableNavigation: () => void;
 };
-declare const ThreeSixty: ({ urls, visible, onDisableNavigation, navigationDisabled }: PropsType) => React.JSX.Element | null;
+/**
+ * A 360 image in the gallery: its first frame, marked as 360. A click opens the
+ * lightbox, where it turns at once, as on wayke.se; turning it here would take
+ * the swipe away from the gallery.
+ */
+declare const ThreeSixty: ({ urls }: PropsType) => React.JSX.Element;
 export default ThreeSixty;

package/dist/types/src/components/ThreeSixty/wrapper.d.ts

@@ -0,0 +1,17 @@
+export declare const Figure: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const Badge: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "className"> & Partial<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, "className">>> & string;
+export declare const SliderBar: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const SliderValue: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const VisuallyHidden: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wayke-se/components-react",
-  "version": "6.0.0-beta.3",
+  "version": "6.0.0-beta.5",
   "description": "",
   "type": "module",
   "main": "./dist/index.js",