@frequencyads/components 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +988 -864
- package/dist/sections/ExpandingSection/ExpandingSection.d.ts +21 -0
- package/dist/sections/ExpandingSection/ExpandingSection.d.ts.map +1 -0
- package/dist/sections/ExpandingSection/index.d.ts +2 -0
- package/dist/sections/ExpandingSection/index.d.ts.map +1 -0
- package/dist/sections/ParallaxSection/ParallaxSection.d.ts +21 -0
- package/dist/sections/ParallaxSection/ParallaxSection.d.ts.map +1 -0
- package/dist/sections/ParallaxSection/index.d.ts +2 -0
- package/dist/sections/ParallaxSection/index.d.ts.map +1 -0
- package/dist/sections/PartnerMarquee/PartnerMarquee.d.ts +21 -0
- package/dist/sections/PartnerMarquee/PartnerMarquee.d.ts.map +1 -0
- package/dist/sections/PartnerMarquee/index.d.ts +2 -0
- package/dist/sections/PartnerMarquee/index.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BoxProps, MantineSpacing } from '@mantine/core';
|
|
3
|
+
export interface ExpandingSectionProps extends Omit<BoxProps, 'children'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
/**
|
|
6
|
+
* Which side the background expands from.
|
|
7
|
+
* - `'left'`: background starts narrow on the right and expands leftward to viewport edge
|
|
8
|
+
* - `'right'`: background starts narrow on the left and expands rightward to viewport edge
|
|
9
|
+
*/
|
|
10
|
+
expandFrom?: 'left' | 'right';
|
|
11
|
+
/** Section vertical padding (default "calc(var(--mantine-spacing-xl) * 3)") */
|
|
12
|
+
py?: MantineSpacing;
|
|
13
|
+
/** Collapsed background color (default "rgba(40,40,40,1)") */
|
|
14
|
+
bgFrom?: string;
|
|
15
|
+
/** Expanded background color (default "rgba(28,28,28,1)") */
|
|
16
|
+
bgTo?: string;
|
|
17
|
+
/** Content inner padding (default "xl") */
|
|
18
|
+
contentPy?: MantineSpacing;
|
|
19
|
+
}
|
|
20
|
+
export declare function ExpandingSection({ children, expandFrom, py, bgFrom, bgTo, contentPy, ...boxProps }: ExpandingSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=ExpandingSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpandingSection.d.ts","sourceRoot":"","sources":["../../../src/sections/ExpandingSection/ExpandingSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAIxE,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,+EAA+E;IAC/E,EAAE,CAAC,EAAE,cAAc,CAAC;IACpB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAmB,EACnB,EAA0C,EAC1C,MAA2B,EAC3B,IAAyB,EACzB,SAAgB,EAChB,GAAG,QAAQ,EACZ,EAAE,qBAAqB,2CAoCvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/ExpandingSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { BoxProps } from '@mantine/core';
|
|
3
|
+
export interface ParallaxSectionProps extends Omit<BoxProps, 'children'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
/** Video source URL for the parallax background */
|
|
6
|
+
videoSrc?: string;
|
|
7
|
+
/** Poster image for the video element */
|
|
8
|
+
videoPoster?: string;
|
|
9
|
+
/** Video opacity (0-1, default 0.5) */
|
|
10
|
+
videoOpacity?: number;
|
|
11
|
+
/** Apply grayscale filter to the video (default false) */
|
|
12
|
+
videoGrayscale?: boolean;
|
|
13
|
+
/** Parallax scroll speed in pixels (default 50) */
|
|
14
|
+
speed?: number;
|
|
15
|
+
/** Show gradient fade at top edge (default true) */
|
|
16
|
+
fadeTop?: boolean;
|
|
17
|
+
/** Show gradient fade at bottom edge (default false) */
|
|
18
|
+
fadeBottom?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare function ParallaxSection({ children, videoSrc, videoPoster, videoOpacity, videoGrayscale, speed, fadeTop: showFadeTop, fadeBottom: showFadeBottom, ...boxProps }: ParallaxSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=ParallaxSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParallaxSection.d.ts","sourceRoot":"","sources":["../../../src/sections/ParallaxSection/ParallaxSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAInD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAkB,EAClB,cAAsB,EACtB,KAAU,EACV,OAAO,EAAE,WAAkB,EAC3B,UAAU,EAAE,cAAsB,EAClC,GAAG,QAAQ,EACZ,EAAE,oBAAoB,2CAmCtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/ParallaxSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { BoxProps, MantineSpacing } from '@mantine/core';
|
|
2
|
+
export interface PartnerLogo {
|
|
3
|
+
/** Display name (used as alt text) */
|
|
4
|
+
name: string;
|
|
5
|
+
/** Image URL */
|
|
6
|
+
logo: string;
|
|
7
|
+
}
|
|
8
|
+
export interface PartnerMarqueeProps extends Omit<BoxProps, 'children'> {
|
|
9
|
+
/** Array of partner logos to display */
|
|
10
|
+
logos: PartnerLogo[];
|
|
11
|
+
/** Logo height (default 32) */
|
|
12
|
+
logoHeight?: number;
|
|
13
|
+
/** Gap between logos (default "2.5rem") */
|
|
14
|
+
gap?: MantineSpacing;
|
|
15
|
+
/** Animation duration in seconds (default 30) */
|
|
16
|
+
duration?: number;
|
|
17
|
+
/** Show gradient fade masks on edges (default true) */
|
|
18
|
+
fadeMask?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export declare function PartnerMarquee({ logos, logoHeight, gap, duration, fadeMask, py, ...boxProps }: PartnerMarqueeProps): import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
//# sourceMappingURL=PartnerMarquee.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PartnerMarquee.d.ts","sourceRoot":"","sources":["../../../src/sections/PartnerMarquee/PartnerMarquee.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGxE,MAAM,WAAW,WAAW;IAC1B,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,gBAAgB;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACrE,wCAAwC;IACxC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,GAAG,CAAC,EAAE,cAAc,CAAC;IACrB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,UAAe,EACf,GAAc,EACd,QAAa,EACb,QAAe,EACf,EAAS,EACT,GAAG,QAAQ,EACZ,EAAE,mBAAmB,kDAgCrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/PartnerMarquee/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC"}
|