@xenition/ui 0.1.0 → 0.1.1
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/native/marketing/AnnouncementBar.d.ts +33 -0
- package/dist/native/marketing/AnnouncementBar.d.ts.map +1 -0
- package/dist/native/marketing/AnnouncementBar.js +101 -0
- package/dist/native/marketing/AnnouncementBar.js.map +1 -0
- package/dist/native/marketing/AuroraBackground.d.ts +35 -0
- package/dist/native/marketing/AuroraBackground.d.ts.map +1 -0
- package/dist/native/marketing/AuroraBackground.js +56 -0
- package/dist/native/marketing/AuroraBackground.js.map +1 -0
- package/dist/native/marketing/Bento.d.ts +54 -0
- package/dist/native/marketing/Bento.d.ts.map +1 -0
- package/dist/native/marketing/Bento.js +139 -0
- package/dist/native/marketing/Bento.js.map +1 -0
- package/dist/native/marketing/Carousel.d.ts +26 -0
- package/dist/native/marketing/Carousel.d.ts.map +1 -0
- package/dist/native/marketing/Carousel.js +95 -0
- package/dist/native/marketing/Carousel.js.map +1 -0
- package/dist/native/marketing/ComparisonTable.d.ts +38 -0
- package/dist/native/marketing/ComparisonTable.d.ts.map +1 -0
- package/dist/native/marketing/ComparisonTable.js +84 -0
- package/dist/native/marketing/ComparisonTable.js.map +1 -0
- package/dist/native/marketing/Countdown.d.ts +25 -0
- package/dist/native/marketing/Countdown.d.ts.map +1 -0
- package/dist/native/marketing/Countdown.js +107 -0
- package/dist/native/marketing/Countdown.js.map +1 -0
- package/dist/native/marketing/CoverGallery.d.ts +38 -0
- package/dist/native/marketing/CoverGallery.d.ts.map +1 -0
- package/dist/native/marketing/CoverGallery.js +41 -0
- package/dist/native/marketing/CoverGallery.js.map +1 -0
- package/dist/native/marketing/EditorialGrid.d.ts +73 -0
- package/dist/native/marketing/EditorialGrid.d.ts.map +1 -0
- package/dist/native/marketing/EditorialGrid.js +34 -0
- package/dist/native/marketing/EditorialGrid.js.map +1 -0
- package/dist/native/marketing/FeatureSplit.d.ts +29 -0
- package/dist/native/marketing/FeatureSplit.d.ts.map +1 -0
- package/dist/native/marketing/FeatureSplit.js +37 -0
- package/dist/native/marketing/FeatureSplit.js.map +1 -0
- package/dist/native/marketing/LocationBlock.d.ts +37 -0
- package/dist/native/marketing/LocationBlock.d.ts.map +1 -0
- package/dist/native/marketing/LocationBlock.js +49 -0
- package/dist/native/marketing/LocationBlock.js.map +1 -0
- package/dist/native/marketing/Navbar.d.ts +34 -0
- package/dist/native/marketing/Navbar.d.ts.map +1 -0
- package/dist/native/marketing/Navbar.js +100 -0
- package/dist/native/marketing/Navbar.js.map +1 -0
- package/dist/native/marketing/NewsletterSignup.d.ts +33 -0
- package/dist/native/marketing/NewsletterSignup.d.ts.map +1 -0
- package/dist/native/marketing/NewsletterSignup.js +97 -0
- package/dist/native/marketing/NewsletterSignup.js.map +1 -0
- package/dist/native/marketing/OrnamentRule.d.ts +23 -0
- package/dist/native/marketing/OrnamentRule.d.ts.map +1 -0
- package/dist/native/marketing/OrnamentRule.js +43 -0
- package/dist/native/marketing/OrnamentRule.js.map +1 -0
- package/dist/native/marketing/ParticleField.d.ts +25 -0
- package/dist/native/marketing/ParticleField.d.ts.map +1 -0
- package/dist/native/marketing/ParticleField.js +92 -0
- package/dist/native/marketing/ParticleField.js.map +1 -0
- package/dist/native/marketing/PointerHalo.d.ts +22 -0
- package/dist/native/marketing/PointerHalo.d.ts.map +1 -0
- package/dist/native/marketing/PointerHalo.js +15 -0
- package/dist/native/marketing/PointerHalo.js.map +1 -0
- package/dist/native/marketing/PriceList.d.ts +30 -0
- package/dist/native/marketing/PriceList.d.ts.map +1 -0
- package/dist/native/marketing/PriceList.js +42 -0
- package/dist/native/marketing/PriceList.js.map +1 -0
- package/dist/native/marketing/PricingToggle.d.ts +30 -0
- package/dist/native/marketing/PricingToggle.d.ts.map +1 -0
- package/dist/native/marketing/PricingToggle.js +55 -0
- package/dist/native/marketing/PricingToggle.js.map +1 -0
- package/dist/native/marketing/ProcessSteps.d.ts +24 -0
- package/dist/native/marketing/ProcessSteps.d.ts.map +1 -0
- package/dist/native/marketing/ProcessSteps.js +52 -0
- package/dist/native/marketing/ProcessSteps.js.map +1 -0
- package/dist/native/marketing/ProductMock.d.ts +47 -0
- package/dist/native/marketing/ProductMock.d.ts.map +1 -0
- package/dist/native/marketing/ProductMock.js +270 -0
- package/dist/native/marketing/ProductMock.js.map +1 -0
- package/dist/native/marketing/SectionDivider.d.ts +34 -0
- package/dist/native/marketing/SectionDivider.d.ts.map +1 -0
- package/dist/native/marketing/SectionDivider.js +41 -0
- package/dist/native/marketing/SectionDivider.js.map +1 -0
- package/dist/native/marketing/TeamGrid.d.ts +27 -0
- package/dist/native/marketing/TeamGrid.d.ts.map +1 -0
- package/dist/native/marketing/TeamGrid.js +37 -0
- package/dist/native/marketing/TeamGrid.js.map +1 -0
- package/dist/native/marketing/VideoEmbed.d.ts +23 -0
- package/dist/native/marketing/VideoEmbed.d.ts.map +1 -0
- package/dist/native/marketing/VideoEmbed.js +38 -0
- package/dist/native/marketing/VideoEmbed.js.map +1 -0
- package/dist/native/marketing/index.d.ts +46 -0
- package/dist/native/marketing/index.d.ts.map +1 -1
- package/dist/native/marketing/index.js +52 -1
- package/dist/native/marketing/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import { type OrnamentShape, type OrnamentTone } from './OrnamentRule';
|
|
4
|
+
export type SectionDividerVariant = 'hairline' | 'ornament' | 'fade';
|
|
5
|
+
export interface SectionDividerProps {
|
|
6
|
+
/**
|
|
7
|
+
* `hairline` — a 1px primary→accent gradient rule (the SaaS band divider).
|
|
8
|
+
* `ornament` — delegates to `OrnamentRule` (the restaurant diamond rule).
|
|
9
|
+
* `fade` — a tall gradient that melts the section into the surface.
|
|
10
|
+
*/
|
|
11
|
+
variant?: SectionDividerVariant;
|
|
12
|
+
/**
|
|
13
|
+
* Web-only parallax speed. Kept for prop parity with the web
|
|
14
|
+
* `SectionDivider`, but **inert on native** — there is no scroll-linked
|
|
15
|
+
* drift here.
|
|
16
|
+
*/
|
|
17
|
+
parallax?: number;
|
|
18
|
+
/** Ornament shape when `variant="ornament"` (default `diamond`). */
|
|
19
|
+
ornament?: OrnamentShape;
|
|
20
|
+
/** Token tone when `variant="ornament"` (default `accent`). */
|
|
21
|
+
tone?: OrnamentTone;
|
|
22
|
+
style?: StyleProp<ViewStyle>;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Section separator — the native mirror of the web `SectionDivider`.
|
|
26
|
+
*
|
|
27
|
+
* The web `hairline` and `fade` variants use CSS gradients (`linear-gradient`
|
|
28
|
+
* + `color-mix`); React Native has no CSS gradients here, so both are
|
|
29
|
+
* **approximated with solid low-opacity token fills** (the tint always
|
|
30
|
+
* originates from a theme token). The web `parallax` prop is scroll-linked and
|
|
31
|
+
* is kept for parity but does nothing on native.
|
|
32
|
+
*/
|
|
33
|
+
export declare function SectionDivider({ variant, parallax: _parallax, ornament, tone, style, }: SectionDividerProps): React.ReactElement;
|
|
34
|
+
//# sourceMappingURL=SectionDivider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionDivider.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/SectionDivider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAQ,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAC;AAExB,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAoB,EACpB,QAAQ,EAAE,SAAS,EACnB,QAAoB,EACpB,IAAe,EACf,KAAK,GACN,EAAE,mBAAmB,GAAG,KAAK,CAAC,YAAY,CAqC1C"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SectionDivider = SectionDivider;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const theme_1 = require("../theme");
|
|
7
|
+
const color_1 = require("../primitives/internal/color");
|
|
8
|
+
const OrnamentRule_1 = require("./OrnamentRule");
|
|
9
|
+
/**
|
|
10
|
+
* Section separator — the native mirror of the web `SectionDivider`.
|
|
11
|
+
*
|
|
12
|
+
* The web `hairline` and `fade` variants use CSS gradients (`linear-gradient`
|
|
13
|
+
* + `color-mix`); React Native has no CSS gradients here, so both are
|
|
14
|
+
* **approximated with solid low-opacity token fills** (the tint always
|
|
15
|
+
* originates from a theme token). The web `parallax` prop is scroll-linked and
|
|
16
|
+
* is kept for parity but does nothing on native.
|
|
17
|
+
*/
|
|
18
|
+
function SectionDivider({ variant = 'hairline', parallax: _parallax, ornament = 'diamond', tone = 'accent', style, }) {
|
|
19
|
+
const { colors, tokens } = (0, theme_1.useXenitionTheme)();
|
|
20
|
+
if (variant === 'ornament') {
|
|
21
|
+
return (0, jsx_runtime_1.jsx)(OrnamentRule_1.OrnamentRule, { ornament: ornament, tone: tone, style: style });
|
|
22
|
+
}
|
|
23
|
+
if (variant === 'fade') {
|
|
24
|
+
// Web fades the surface upward; native approximates with a tall low-opacity
|
|
25
|
+
// surface-tinted band.
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-section-divider", accessibilityRole: "none", style: [
|
|
27
|
+
{
|
|
28
|
+
height: tokens.spacing['2xl'],
|
|
29
|
+
backgroundColor: (0, color_1.withAlpha)(colors.surface, 0.6),
|
|
30
|
+
},
|
|
31
|
+
style,
|
|
32
|
+
] }));
|
|
33
|
+
}
|
|
34
|
+
// hairline — solid low-opacity primary tint approximating the primary→accent
|
|
35
|
+
// gradient rule.
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-section-divider", accessibilityRole: "none", style: [
|
|
37
|
+
{ height: 1, backgroundColor: (0, color_1.withAlpha)(tokens.ramps.primary[500], 0.55) },
|
|
38
|
+
style,
|
|
39
|
+
] }));
|
|
40
|
+
}
|
|
41
|
+
//# sourceMappingURL=SectionDivider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SectionDivider.js","sourceRoot":"","sources":["../../../src/native/marketing/SectionDivider.tsx"],"names":[],"mappings":";;AAyCA,wCA2CC;;AAnFD,+CAAoE;AACpE,oCAA4C;AAC5C,wDAAyD;AACzD,iDAIwB;AAwBxB;;;;;;;;GAQG;AACH,SAAgB,cAAc,CAAC,EAC7B,OAAO,GAAG,UAAU,EACpB,QAAQ,EAAE,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,QAAQ,EACf,KAAK,GACe;IACpB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,IAAI,OAAO,KAAK,UAAU,EAAE,CAAC;QAC3B,OAAO,uBAAC,2BAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;IACxE,CAAC;IAED,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,4EAA4E;QAC5E,uBAAuB;QACvB,OAAO,CACL,uBAAC,mBAAI,IACH,MAAM,EAAC,qBAAqB,EAC5B,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE;gBACL;oBACE,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;oBAC7B,eAAe,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,OAAO,EAAE,GAAG,CAAC;iBAChD;gBACD,KAAK;aACN,GACD,CACH,CAAC;IACJ,CAAC;IAED,6EAA6E;IAC7E,iBAAiB;IACjB,OAAO,CACL,uBAAC,mBAAI,IACH,MAAM,EAAC,qBAAqB,EAC5B,iBAAiB,EAAC,MAAM,EACxB,KAAK,EAAE;YACL,EAAE,MAAM,EAAE,CAAC,EAAE,eAAe,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,EAAE;YAC1E,KAAK;SACN,GACD,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export interface TeamMember {
|
|
4
|
+
/** Display name — also the source for the initials-fallback avatar. */
|
|
5
|
+
name: string;
|
|
6
|
+
/** Role / title line. */
|
|
7
|
+
role?: string;
|
|
8
|
+
/** Short bio paragraph. */
|
|
9
|
+
bio?: string;
|
|
10
|
+
/** Avatar image URL; falls back to initials when omitted. */
|
|
11
|
+
avatar?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface TeamGridProps {
|
|
14
|
+
/** Team / member cards (mirrors the web `members` array). */
|
|
15
|
+
members: TeamMember[];
|
|
16
|
+
/** Max columns; native wraps into rows of this width (default 2 for phones). */
|
|
17
|
+
columns?: 2 | 3 | 4;
|
|
18
|
+
style?: StyleProp<ViewStyle>;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Responsive grid of team/member cards — the native mirror of the web
|
|
22
|
+
* `TeamGrid`. Cards wrap via flex `basis` rather than CSS grid breakpoints,
|
|
23
|
+
* with an initials-fallback avatar. The web `socials` link row is dropped
|
|
24
|
+
* (no `href` navigation surface on these cards). Token-only.
|
|
25
|
+
*/
|
|
26
|
+
export declare function TeamGrid({ members, columns, style, }: TeamGridProps): React.ReactElement;
|
|
27
|
+
//# sourceMappingURL=TeamGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TeamGrid.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/TeamGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAK1E,MAAM,WAAW,UAAU;IACzB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,6DAA6D;IAC7D,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;GAKG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,OAAW,EACX,KAAK,GACN,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CA2DpC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TeamGrid = TeamGrid;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const theme_1 = require("../theme");
|
|
7
|
+
const Card_1 = require("../primitives/Card");
|
|
8
|
+
const Avatar_1 = require("../primitives/Avatar");
|
|
9
|
+
/**
|
|
10
|
+
* Responsive grid of team/member cards — the native mirror of the web
|
|
11
|
+
* `TeamGrid`. Cards wrap via flex `basis` rather than CSS grid breakpoints,
|
|
12
|
+
* with an initials-fallback avatar. The web `socials` link row is dropped
|
|
13
|
+
* (no `href` navigation surface on these cards). Token-only.
|
|
14
|
+
*/
|
|
15
|
+
function TeamGrid({ members, columns = 2, style, }) {
|
|
16
|
+
const { colors, tokens } = (0, theme_1.useXenitionTheme)();
|
|
17
|
+
const basis = `${100 / columns}%`;
|
|
18
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: "xen-team-grid", style: [
|
|
19
|
+
{ flexDirection: 'row', flexWrap: 'wrap', gap: tokens.spacing.lg },
|
|
20
|
+
style,
|
|
21
|
+
], children: members.map((member, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { flexGrow: 1, flexBasis: basis, minWidth: 160 }, children: (0, jsx_runtime_1.jsxs)(Card_1.Card, { style: { flex: 1, alignItems: 'center', gap: tokens.spacing.sm }, children: [(0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { src: member.avatar, name: member.name, size: "lg" }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { alignItems: 'center', gap: tokens.spacing.xs }, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
22
|
+
color: colors.onSurface,
|
|
23
|
+
fontSize: tokens.typography.scale.base,
|
|
24
|
+
fontWeight: '600',
|
|
25
|
+
textAlign: 'center',
|
|
26
|
+
}, children: member.name }), member.role ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
27
|
+
color: colors.primary,
|
|
28
|
+
fontSize: tokens.typography.scale.sm,
|
|
29
|
+
fontWeight: '500',
|
|
30
|
+
textAlign: 'center',
|
|
31
|
+
}, children: member.role })) : null] }), member.bio ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
32
|
+
color: colors.muted,
|
|
33
|
+
fontSize: tokens.typography.scale.sm,
|
|
34
|
+
textAlign: 'center',
|
|
35
|
+
}, children: member.bio })) : null] }) }, index))) }));
|
|
36
|
+
}
|
|
37
|
+
//# sourceMappingURL=TeamGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TeamGrid.js","sourceRoot":"","sources":["../../../src/native/marketing/TeamGrid.tsx"],"names":[],"mappings":";;AA+BA,4BA+DC;;AA7FD,+CAA0E;AAC1E,oCAA4C;AAC5C,6CAA0C;AAC1C,iDAA8C;AAqB9C;;;;;GAKG;AACH,SAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,OAAO,GAAG,CAAC,EACX,KAAK,GACS;IACd,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAC9C,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,OAAO,GAA6B,CAAC;IAE5D,OAAO,CACL,uBAAC,mBAAI,IACH,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE;YACL,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE;YAClE,KAAK;SACN,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,uBAAC,mBAAI,IAEH,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,YAEvD,wBAAC,WAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aACpE,uBAAC,eAAM,IAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,EAC3D,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,aAC3D,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,KAAK,EAAE,MAAM,CAAC,SAAS;oCACvB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI;oCACtC,UAAU,EAAE,KAAK;oCACjB,SAAS,EAAE,QAAQ;iCACpB,YAEA,MAAM,CAAC,IAAI,GACP,EACN,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,KAAK,EAAE,MAAM,CAAC,OAAO;oCACrB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;oCACpC,UAAU,EAAE,KAAK;oCACjB,SAAS,EAAE,QAAQ;iCACpB,YAEA,MAAM,CAAC,IAAI,GACP,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACN,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CACZ,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,KAAK;4BACnB,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;4BACpC,SAAS,EAAE,QAAQ;yBACpB,YAEA,MAAM,CAAC,GAAG,GACN,CACR,CAAC,CAAC,CAAC,IAAI,IACH,IAxCF,KAAK,CAyCL,CACR,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
export interface VideoEmbedProps {
|
|
4
|
+
/** Video URL (kept for parity; actual playback needs `expo-av`, out of scope). */
|
|
5
|
+
url: string;
|
|
6
|
+
/** Accessible title. */
|
|
7
|
+
title: string;
|
|
8
|
+
/** Poster image shown before playback. */
|
|
9
|
+
poster?: string;
|
|
10
|
+
/** Fired when the play affordance is pressed (wire to a player / deep link). */
|
|
11
|
+
onPress?: () => void;
|
|
12
|
+
style?: StyleProp<ViewStyle>;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* A 16:9 video card with a poster + play affordance — the native mirror of the
|
|
16
|
+
* web `VideoEmbed`. React Native has no `<iframe>`/`<video>`, so this renders a
|
|
17
|
+
* token-styled poster thumbnail with a circular play button; `onPress` is the
|
|
18
|
+
* hook a caller uses to launch playback. Real inline playback requires
|
|
19
|
+
* `expo-av` (out of scope here); the `url`/`title` props are preserved so a
|
|
20
|
+
* host app can pass them straight through. Token-only.
|
|
21
|
+
*/
|
|
22
|
+
export declare function VideoEmbed({ url: _url, title, poster, onPress, style, }: VideoEmbedProps): React.ReactElement;
|
|
23
|
+
//# sourceMappingURL=VideoEmbed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoEmbed.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/VideoEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgC,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG5F,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,GAAG,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,IAAI,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GACN,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAuDtC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.VideoEmbed = VideoEmbed;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const theme_1 = require("../theme");
|
|
7
|
+
/**
|
|
8
|
+
* A 16:9 video card with a poster + play affordance — the native mirror of the
|
|
9
|
+
* web `VideoEmbed`. React Native has no `<iframe>`/`<video>`, so this renders a
|
|
10
|
+
* token-styled poster thumbnail with a circular play button; `onPress` is the
|
|
11
|
+
* hook a caller uses to launch playback. Real inline playback requires
|
|
12
|
+
* `expo-av` (out of scope here); the `url`/`title` props are preserved so a
|
|
13
|
+
* host app can pass them straight through. Token-only.
|
|
14
|
+
*/
|
|
15
|
+
function VideoEmbed({ url: _url, title, poster, onPress, style, }) {
|
|
16
|
+
const { colors, tokens } = (0, theme_1.useXenitionTheme)();
|
|
17
|
+
const content = ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
|
|
18
|
+
aspectRatio: 16 / 9,
|
|
19
|
+
width: '100%',
|
|
20
|
+
overflow: 'hidden',
|
|
21
|
+
borderRadius: tokens.radius.lg,
|
|
22
|
+
borderWidth: 1,
|
|
23
|
+
borderColor: colors.border,
|
|
24
|
+
backgroundColor: tokens.ramps.neutral[900],
|
|
25
|
+
alignItems: 'center',
|
|
26
|
+
justifyContent: 'center',
|
|
27
|
+
}, children: [poster ? ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: poster }, accessible: true, accessibilityLabel: title, resizeMode: "cover", style: { position: 'absolute', width: '100%', height: '100%' } })) : null, (0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
|
|
28
|
+
height: 64,
|
|
29
|
+
width: 64,
|
|
30
|
+
borderRadius: tokens.radius.full,
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
justifyContent: 'center',
|
|
33
|
+
backgroundColor: colors.primary,
|
|
34
|
+
opacity: 0.9,
|
|
35
|
+
}, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { color: colors.onPrimary, fontSize: tokens.typography.scale['2xl'] }, children: '▶' }) })] }));
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { testID: "xen-video-embed", accessibilityRole: "button", accessibilityLabel: title, onPress: onPress, style: ({ pressed }) => [{ opacity: pressed ? 0.95 : 1 }, style], children: content }));
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=VideoEmbed.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VideoEmbed.js","sourceRoot":"","sources":["../../../src/native/marketing/VideoEmbed.tsx"],"names":[],"mappings":";;AAwBA,gCA6DC;;AApFD,+CAA4F;AAC5F,oCAA4C;AAc5C;;;;;;;GAOG;AACH,SAAgB,UAAU,CAAC,EACzB,GAAG,EAAE,IAAI,EACT,KAAK,EACL,MAAM,EACN,OAAO,EACP,KAAK,GACW;IAChB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,wBAAgB,GAAE,CAAC;IAE9C,MAAM,OAAO,GAAG,CACd,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,WAAW,EAAE,EAAE,GAAG,CAAC;YACnB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE;YAC9B,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,MAAM;YAC1B,eAAe,EAAE,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC1C,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB,aAEA,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,EACvB,UAAU,QACV,kBAAkB,EAAE,KAAK,EACzB,UAAU,EAAC,OAAO,EAClB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAC9D,CACH,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,mBAAI,IACH,KAAK,EAAE;oBACL,MAAM,EAAE,EAAE;oBACV,KAAK,EAAE,EAAE;oBACT,YAAY,EAAE,MAAM,CAAC,MAAM,CAAC,IAAI;oBAChC,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,eAAe,EAAE,MAAM,CAAC,OAAO;oBAC/B,OAAO,EAAE,GAAG;iBACb,YAED,uBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAC/E,GAAG,GACC,GACF,IACF,CACR,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAS,IACR,MAAM,EAAC,iBAAiB,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,kBAAkB,EAAE,KAAK,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,YAE/D,OAAO,GACE,CACb,CAAC;AACJ,CAAC"}
|
|
@@ -27,4 +27,50 @@ export { StatBar, Stat } from './StatBar';
|
|
|
27
27
|
export type { StatBarProps, StatItem } from './StatBar';
|
|
28
28
|
export { LogoCloud } from './LogoCloud';
|
|
29
29
|
export type { LogoCloudProps } from './LogoCloud';
|
|
30
|
+
export { BentoGrid, BentoCard } from './Bento';
|
|
31
|
+
export type { BentoGridProps, BentoCardProps, BentoCardData } from './Bento';
|
|
32
|
+
export { EditorialGrid, EditorialItem } from './EditorialGrid';
|
|
33
|
+
export type { EditorialGridProps, EditorialItemProps, EditorialItemData } from './EditorialGrid';
|
|
34
|
+
export { OrnamentRule } from './OrnamentRule';
|
|
35
|
+
export type { OrnamentRuleProps, OrnamentShape, OrnamentTone } from './OrnamentRule';
|
|
36
|
+
export { SectionDivider } from './SectionDivider';
|
|
37
|
+
export type { SectionDividerProps, SectionDividerVariant } from './SectionDivider';
|
|
38
|
+
export { AnnouncementBar } from './AnnouncementBar';
|
|
39
|
+
export type { AnnouncementBarProps, AnnouncementTone } from './AnnouncementBar';
|
|
40
|
+
export { PriceList } from './PriceList';
|
|
41
|
+
export type { PriceListProps, PriceRow } from './PriceList';
|
|
42
|
+
export { PricingToggle } from './PricingToggle';
|
|
43
|
+
export type { PricingToggleProps, PricingToggleOption } from './PricingToggle';
|
|
44
|
+
export { ComparisonTable } from './ComparisonTable';
|
|
45
|
+
export type { ComparisonTableProps, ComparisonColumn, ComparisonRow } from './ComparisonTable';
|
|
46
|
+
export { Navbar } from './Navbar';
|
|
47
|
+
export type { NavbarProps, NavbarLink } from './Navbar';
|
|
48
|
+
export { ProductMock } from './ProductMock';
|
|
49
|
+
export type { ProductMockProps, ProductMockVariant, ProductMockChart, ProductMockKpi, } from './ProductMock';
|
|
50
|
+
export { ProcessSteps } from './ProcessSteps';
|
|
51
|
+
export type { ProcessStepsProps, ProcessStep } from './ProcessSteps';
|
|
52
|
+
export { TeamGrid } from './TeamGrid';
|
|
53
|
+
export type { TeamGridProps, TeamMember } from './TeamGrid';
|
|
54
|
+
export { FeatureSplit } from './FeatureSplit';
|
|
55
|
+
export type { FeatureSplitProps } from './FeatureSplit';
|
|
56
|
+
export { LocationBlock } from './LocationBlock';
|
|
57
|
+
export type { LocationBlockProps, LocationHour } from './LocationBlock';
|
|
58
|
+
export { Carousel } from './Carousel';
|
|
59
|
+
export type { CarouselProps } from './Carousel';
|
|
60
|
+
export { CoverGallery } from './CoverGallery';
|
|
61
|
+
export type { CoverGalleryProps, CoverGalleryItem } from './CoverGallery';
|
|
62
|
+
export { VideoEmbed } from './VideoEmbed';
|
|
63
|
+
export type { VideoEmbedProps } from './VideoEmbed';
|
|
64
|
+
export { Countdown } from './Countdown';
|
|
65
|
+
export type { CountdownProps } from './Countdown';
|
|
66
|
+
export { NewsletterSignup } from './NewsletterSignup';
|
|
67
|
+
export type { NewsletterSignupProps } from './NewsletterSignup';
|
|
68
|
+
export { AuroraBackground } from './AuroraBackground';
|
|
69
|
+
export type { AuroraBackgroundProps, AuroraVariant, AuroraPattern } from './AuroraBackground';
|
|
70
|
+
export { ParticleField } from './ParticleField';
|
|
71
|
+
export type { ParticleFieldProps, ParticleMood } from './ParticleField';
|
|
72
|
+
export { PointerHalo } from './PointerHalo';
|
|
73
|
+
export type { PointerHaloProps, PointerHaloMode } from './PointerHalo';
|
|
74
|
+
export { GenerativeCover } from '../commerce/GenerativeCover';
|
|
75
|
+
export type { GenerativeCoverProps } from '../commerce/GenerativeCover';
|
|
30
76
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/native/marketing/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAChE,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC/F,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,GACf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGvE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* no DOM.
|
|
8
8
|
*/
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.LogoCloud = exports.Stat = exports.StatBar = exports.PricingTable = exports.FAQ = exports.initialsFromName = exports.Testimonials = exports.FeatureGrid = exports.Footer = exports.CTABanner = exports.SectionHeading = exports.GradientHero = exports.EntityCard = void 0;
|
|
10
|
+
exports.GenerativeCover = exports.PointerHalo = exports.ParticleField = exports.AuroraBackground = exports.NewsletterSignup = exports.Countdown = exports.VideoEmbed = exports.CoverGallery = exports.Carousel = exports.LocationBlock = exports.FeatureSplit = exports.TeamGrid = exports.ProcessSteps = exports.ProductMock = exports.Navbar = exports.ComparisonTable = exports.PricingToggle = exports.PriceList = exports.AnnouncementBar = exports.SectionDivider = exports.OrnamentRule = exports.EditorialItem = exports.EditorialGrid = exports.BentoCard = exports.BentoGrid = exports.LogoCloud = exports.Stat = exports.StatBar = exports.PricingTable = exports.FAQ = exports.initialsFromName = exports.Testimonials = exports.FeatureGrid = exports.Footer = exports.CTABanner = exports.SectionHeading = exports.GradientHero = exports.EntityCard = void 0;
|
|
11
11
|
var EntityCard_1 = require("./EntityCard");
|
|
12
12
|
Object.defineProperty(exports, "EntityCard", { enumerable: true, get: function () { return EntityCard_1.EntityCard; } });
|
|
13
13
|
// ── native marketing sections (parity with @xenition/ui/marketing) ────
|
|
@@ -33,4 +33,55 @@ Object.defineProperty(exports, "StatBar", { enumerable: true, get: function () {
|
|
|
33
33
|
Object.defineProperty(exports, "Stat", { enumerable: true, get: function () { return StatBar_1.Stat; } });
|
|
34
34
|
var LogoCloud_1 = require("./LogoCloud");
|
|
35
35
|
Object.defineProperty(exports, "LogoCloud", { enumerable: true, get: function () { return LogoCloud_1.LogoCloud; } });
|
|
36
|
+
// ── full parity with @xenition/ui/marketing (native ports) ────────────
|
|
37
|
+
var Bento_1 = require("./Bento");
|
|
38
|
+
Object.defineProperty(exports, "BentoGrid", { enumerable: true, get: function () { return Bento_1.BentoGrid; } });
|
|
39
|
+
Object.defineProperty(exports, "BentoCard", { enumerable: true, get: function () { return Bento_1.BentoCard; } });
|
|
40
|
+
var EditorialGrid_1 = require("./EditorialGrid");
|
|
41
|
+
Object.defineProperty(exports, "EditorialGrid", { enumerable: true, get: function () { return EditorialGrid_1.EditorialGrid; } });
|
|
42
|
+
Object.defineProperty(exports, "EditorialItem", { enumerable: true, get: function () { return EditorialGrid_1.EditorialItem; } });
|
|
43
|
+
var OrnamentRule_1 = require("./OrnamentRule");
|
|
44
|
+
Object.defineProperty(exports, "OrnamentRule", { enumerable: true, get: function () { return OrnamentRule_1.OrnamentRule; } });
|
|
45
|
+
var SectionDivider_1 = require("./SectionDivider");
|
|
46
|
+
Object.defineProperty(exports, "SectionDivider", { enumerable: true, get: function () { return SectionDivider_1.SectionDivider; } });
|
|
47
|
+
var AnnouncementBar_1 = require("./AnnouncementBar");
|
|
48
|
+
Object.defineProperty(exports, "AnnouncementBar", { enumerable: true, get: function () { return AnnouncementBar_1.AnnouncementBar; } });
|
|
49
|
+
var PriceList_1 = require("./PriceList");
|
|
50
|
+
Object.defineProperty(exports, "PriceList", { enumerable: true, get: function () { return PriceList_1.PriceList; } });
|
|
51
|
+
var PricingToggle_1 = require("./PricingToggle");
|
|
52
|
+
Object.defineProperty(exports, "PricingToggle", { enumerable: true, get: function () { return PricingToggle_1.PricingToggle; } });
|
|
53
|
+
var ComparisonTable_1 = require("./ComparisonTable");
|
|
54
|
+
Object.defineProperty(exports, "ComparisonTable", { enumerable: true, get: function () { return ComparisonTable_1.ComparisonTable; } });
|
|
55
|
+
var Navbar_1 = require("./Navbar");
|
|
56
|
+
Object.defineProperty(exports, "Navbar", { enumerable: true, get: function () { return Navbar_1.Navbar; } });
|
|
57
|
+
var ProductMock_1 = require("./ProductMock");
|
|
58
|
+
Object.defineProperty(exports, "ProductMock", { enumerable: true, get: function () { return ProductMock_1.ProductMock; } });
|
|
59
|
+
var ProcessSteps_1 = require("./ProcessSteps");
|
|
60
|
+
Object.defineProperty(exports, "ProcessSteps", { enumerable: true, get: function () { return ProcessSteps_1.ProcessSteps; } });
|
|
61
|
+
var TeamGrid_1 = require("./TeamGrid");
|
|
62
|
+
Object.defineProperty(exports, "TeamGrid", { enumerable: true, get: function () { return TeamGrid_1.TeamGrid; } });
|
|
63
|
+
var FeatureSplit_1 = require("./FeatureSplit");
|
|
64
|
+
Object.defineProperty(exports, "FeatureSplit", { enumerable: true, get: function () { return FeatureSplit_1.FeatureSplit; } });
|
|
65
|
+
var LocationBlock_1 = require("./LocationBlock");
|
|
66
|
+
Object.defineProperty(exports, "LocationBlock", { enumerable: true, get: function () { return LocationBlock_1.LocationBlock; } });
|
|
67
|
+
var Carousel_1 = require("./Carousel");
|
|
68
|
+
Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
|
|
69
|
+
var CoverGallery_1 = require("./CoverGallery");
|
|
70
|
+
Object.defineProperty(exports, "CoverGallery", { enumerable: true, get: function () { return CoverGallery_1.CoverGallery; } });
|
|
71
|
+
var VideoEmbed_1 = require("./VideoEmbed");
|
|
72
|
+
Object.defineProperty(exports, "VideoEmbed", { enumerable: true, get: function () { return VideoEmbed_1.VideoEmbed; } });
|
|
73
|
+
var Countdown_1 = require("./Countdown");
|
|
74
|
+
Object.defineProperty(exports, "Countdown", { enumerable: true, get: function () { return Countdown_1.Countdown; } });
|
|
75
|
+
var NewsletterSignup_1 = require("./NewsletterSignup");
|
|
76
|
+
Object.defineProperty(exports, "NewsletterSignup", { enumerable: true, get: function () { return NewsletterSignup_1.NewsletterSignup; } });
|
|
77
|
+
var AuroraBackground_1 = require("./AuroraBackground");
|
|
78
|
+
Object.defineProperty(exports, "AuroraBackground", { enumerable: true, get: function () { return AuroraBackground_1.AuroraBackground; } });
|
|
79
|
+
var ParticleField_1 = require("./ParticleField");
|
|
80
|
+
Object.defineProperty(exports, "ParticleField", { enumerable: true, get: function () { return ParticleField_1.ParticleField; } });
|
|
81
|
+
var PointerHalo_1 = require("./PointerHalo");
|
|
82
|
+
Object.defineProperty(exports, "PointerHalo", { enumerable: true, get: function () { return PointerHalo_1.PointerHalo; } });
|
|
83
|
+
// GenerativeCover: re-export the existing native commerce implementation
|
|
84
|
+
// (mirrors how the web marketing index surfaces GenerativeCover).
|
|
85
|
+
var GenerativeCover_1 = require("../commerce/GenerativeCover");
|
|
86
|
+
Object.defineProperty(exports, "GenerativeCover", { enumerable: true, get: function () { return GenerativeCover_1.GenerativeCover; } });
|
|
36
87
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/marketing/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,yEAAyE;AACzE,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,+CAAgE;AAAvD,4GAAA,YAAY,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAEvC,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AAEZ,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,qCAA0C;AAAjC,kGAAA,OAAO,OAAA;AAAE,+FAAA,IAAI,OAAA;AAEtB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/native/marketing/index.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;;AAEH,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAGnB,yEAAyE;AACzE,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,+CAAgE;AAAvD,4GAAA,YAAY,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAEvC,6BAA4B;AAAnB,0FAAA,GAAG,OAAA;AAEZ,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,qCAA0C;AAAjC,kGAAA,OAAO,OAAA;AAAE,+FAAA,IAAI,OAAA;AAEtB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAGlB,yEAAyE;AACzE,iCAA+C;AAAtC,kGAAA,SAAS,OAAA;AAAE,kGAAA,SAAS,OAAA;AAE7B,iDAA+D;AAAtD,8GAAA,aAAa,OAAA;AAAE,8GAAA,aAAa,OAAA;AAErC,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AAEvB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,qDAAoD;AAA3C,kHAAA,eAAe,OAAA;AAExB,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AAEf,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAOpB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA;AAEjB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AAErB,2CAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,yCAAwC;AAA/B,sGAAA,SAAS,OAAA;AAElB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAEzB,iDAAgD;AAAvC,8GAAA,aAAa,OAAA;AAEtB,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AAEpB,yEAAyE;AACzE,kEAAkE;AAClE,+DAA8D;AAArD,kHAAA,eAAe,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xenition/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Official UI kit for Xenition-generated apps — seed-token theme compiler with WCAG auto-contrast, Tailwind preset, themed React primitives (web), and React Native theme tokens.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|