@adminide-stack/clock-tik-browser 12.0.17-alpha.0
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/lib/components/HelpCenterFooter.d.ts +3 -0
- package/lib/components/HelpCenterFooter.d.ts.map +1 -0
- package/lib/components/HelpCenterFooter.js +98 -0
- package/lib/components/HelpCenterFooter.js.map +1 -0
- package/lib/components/HelpCenterHeader.d.ts +7 -0
- package/lib/components/HelpCenterHeader.d.ts.map +1 -0
- package/lib/components/HelpCenterHeader.js +80 -0
- package/lib/components/HelpCenterHeader.js.map +1 -0
- package/lib/components/Logo.d.ts +4 -0
- package/lib/components/Logo.d.ts.map +1 -0
- package/lib/components/Logo.js +105 -0
- package/lib/components/Logo.js.map +1 -0
- package/lib/components/navbar/index.d.ts +7 -0
- package/lib/components/navbar/index.d.ts.map +1 -0
- package/lib/components/navbar/index.js +77 -0
- package/lib/components/navbar/index.js.map +1 -0
- package/lib/compute.d.ts +5 -0
- package/lib/compute.d.ts.map +1 -0
- package/lib/compute.js +59 -0
- package/lib/compute.js.map +1 -0
- package/lib/config.d.ts +43 -0
- package/lib/config.d.ts.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib/module.d.ts +4 -0
- package/lib/module.d.ts.map +1 -0
- package/lib/module.js +13 -0
- package/lib/module.js.map +1 -0
- package/lib/pages/ArticlePage/index.d.ts +4 -0
- package/lib/pages/ArticlePage/index.d.ts.map +1 -0
- package/lib/pages/ArticlePage/index.js +190 -0
- package/lib/pages/ArticlePage/index.js.map +1 -0
- package/lib/pages/CategoryCollection/index.d.ts +4 -0
- package/lib/pages/CategoryCollection/index.d.ts.map +1 -0
- package/lib/pages/CategoryCollection/index.js +121 -0
- package/lib/pages/CategoryCollection/index.js.map +1 -0
- package/lib/pages/GetStarted/components/ExampleCard.d.ts +10 -0
- package/lib/pages/GetStarted/components/ExampleCard.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/GetStartedHero.d.ts +8 -0
- package/lib/pages/GetStarted/components/GetStartedHero.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/InfoSection.d.ts +11 -0
- package/lib/pages/GetStarted/components/InfoSection.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/TipCard.d.ts +10 -0
- package/lib/pages/GetStarted/components/TipCard.d.ts.map +1 -0
- package/lib/pages/GetStarted/components/UseCase.d.ts +13 -0
- package/lib/pages/GetStarted/components/UseCase.d.ts.map +1 -0
- package/lib/pages/GetStarted/index.d.ts +3 -0
- package/lib/pages/GetStarted/index.d.ts.map +1 -0
- package/lib/pages/GetStarted/index.js +776 -0
- package/lib/pages/GetStarted/index.js.map +1 -0
- package/lib/pages/HelpCenter/components/BookStack.d.ts +3 -0
- package/lib/pages/HelpCenter/components/BookStack.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/BookStack.js +36 -0
- package/lib/pages/HelpCenter/components/BookStack.js.map +1 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts +21 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.js +84 -0
- package/lib/pages/HelpCenter/components/HelpCategoryCard.js.map +1 -0
- package/lib/pages/HelpCenter/components/Icons.d.ts +22 -0
- package/lib/pages/HelpCenter/components/Icons.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/Icons.js +342 -0
- package/lib/pages/HelpCenter/components/Icons.js.map +1 -0
- package/lib/pages/HelpCenter/components/PopularArticle.d.ts +8 -0
- package/lib/pages/HelpCenter/components/PopularArticle.d.ts.map +1 -0
- package/lib/pages/HelpCenter/components/PopularArticle.js +51 -0
- package/lib/pages/HelpCenter/components/PopularArticle.js.map +1 -0
- package/lib/pages/HelpCenter/index.d.ts +4 -0
- package/lib/pages/HelpCenter/index.d.ts.map +1 -0
- package/lib/pages/HelpCenter/index.js +71 -0
- package/lib/pages/HelpCenter/index.js.map +1 -0
- package/lib/pages/HelpCenter/mockData.d.ts +8 -0
- package/lib/pages/HelpCenter/mockData.d.ts.map +1 -0
- package/lib/pages/HelpCenter/mockData.js +13 -0
- package/lib/pages/HelpCenter/mockData.js.map +1 -0
- package/lib/pages/LandingPage/components/ArticleCard.d.ts +11 -0
- package/lib/pages/LandingPage/components/ArticleCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ArticleCard.js +29 -0
- package/lib/pages/LandingPage/components/ArticleCard.js.map +1 -0
- package/lib/pages/LandingPage/components/Assets.d.ts +15 -0
- package/lib/pages/LandingPage/components/Assets.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/Assets.js +14 -0
- package/lib/pages/LandingPage/components/Assets.js.map +1 -0
- package/lib/pages/LandingPage/components/CategoriesSection.d.ts +16 -0
- package/lib/pages/LandingPage/components/CategoriesSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/CategoriesSection.js +31 -0
- package/lib/pages/LandingPage/components/CategoriesSection.js.map +1 -0
- package/lib/pages/LandingPage/components/CategoryCard.d.ts +11 -0
- package/lib/pages/LandingPage/components/CategoryCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/CategoryCard.js +25 -0
- package/lib/pages/LandingPage/components/CategoryCard.js.map +1 -0
- package/lib/pages/LandingPage/components/FeaturedSection.d.ts +15 -0
- package/lib/pages/LandingPage/components/FeaturedSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/FeaturedSection.js +24 -0
- package/lib/pages/LandingPage/components/FeaturedSection.js.map +1 -0
- package/lib/pages/LandingPage/components/HeroSection.d.ts +9 -0
- package/lib/pages/LandingPage/components/HeroSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/HeroSection.js +46 -0
- package/lib/pages/LandingPage/components/HeroSection.js.map +1 -0
- package/lib/pages/LandingPage/components/Icons.d.ts +14 -0
- package/lib/pages/LandingPage/components/Icons.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/Icons.js +174 -0
- package/lib/pages/LandingPage/components/Icons.js.map +1 -0
- package/lib/pages/LandingPage/components/ResourceCard.d.ts +12 -0
- package/lib/pages/LandingPage/components/ResourceCard.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ResourceCard.js +30 -0
- package/lib/pages/LandingPage/components/ResourceCard.js.map +1 -0
- package/lib/pages/LandingPage/components/ResourcesSection.d.ts +18 -0
- package/lib/pages/LandingPage/components/ResourcesSection.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/ResourcesSection.js +26 -0
- package/lib/pages/LandingPage/components/ResourcesSection.js.map +1 -0
- package/lib/pages/LandingPage/components/SearchBar.d.ts +8 -0
- package/lib/pages/LandingPage/components/SearchBar.d.ts.map +1 -0
- package/lib/pages/LandingPage/components/SearchBar.js +58 -0
- package/lib/pages/LandingPage/components/SearchBar.js.map +1 -0
- package/lib/pages/LandingPage/index.d.ts +3 -0
- package/lib/pages/LandingPage/index.d.ts.map +1 -0
- package/lib/pages/LandingPage/index.js +209 -0
- package/lib/pages/LandingPage/index.js.map +1 -0
- package/lib/routes.json +58 -0
- package/lib/slot-fill/FooterFill.d.ts +3 -0
- package/lib/slot-fill/FooterFill.d.ts.map +1 -0
- package/lib/slot-fill/FooterFill.js +12 -0
- package/lib/slot-fill/FooterFill.js.map +1 -0
- package/lib/slot-fill/HeaderSearchButtonFill.d.ts +3 -0
- package/lib/slot-fill/HeaderSearchButtonFill.d.ts.map +1 -0
- package/lib/slot-fill/LogoFill.d.ts +5 -0
- package/lib/slot-fill/LogoFill.d.ts.map +1 -0
- package/lib/slot-fill/LogoFill.js +74 -0
- package/lib/slot-fill/LogoFill.js.map +1 -0
- package/lib/slot-fill/RightContentFill.d.ts +3 -0
- package/lib/slot-fill/RightContentFill.d.ts.map +1 -0
- package/lib/slot-fill/RightContentFill.js +14 -0
- package/lib/slot-fill/RightContentFill.js.map +1 -0
- package/lib/slot-fill/SearchBarFill.d.ts +4 -0
- package/lib/slot-fill/SearchBarFill.d.ts.map +1 -0
- package/lib/slot-fill/consts.d.ts +5 -0
- package/lib/slot-fill/consts.d.ts.map +1 -0
- package/lib/slot-fill/consts.js +2 -0
- package/lib/slot-fill/consts.js.map +1 -0
- package/lib/slot-fill/index.d.ts +6 -0
- package/lib/slot-fill/index.d.ts.map +1 -0
- package/lib/utils/helpCenterUtils.d.ts +26 -0
- package/lib/utils/helpCenterUtils.d.ts.map +1 -0
- package/lib/utils/index.d.ts +3 -0
- package/lib/utils/index.d.ts.map +1 -0
- package/lib/utils/index.js +3 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/markdownLoader.d.ts +32 -0
- package/lib/utils/markdownLoader.d.ts.map +1 -0
- package/lib/utils/markdownLoader.js +1287 -0
- package/lib/utils/markdownLoader.js.map +1 -0
- package/package.json +56 -0
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import {jsxs,jsx}from'react/jsx-runtime';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {cn}from'../../../utils/index.js';const ResourceCard = ({
|
|
2
|
+
title,
|
|
3
|
+
description,
|
|
4
|
+
icon,
|
|
5
|
+
ctaText,
|
|
6
|
+
className,
|
|
7
|
+
onClick
|
|
8
|
+
}) => {
|
|
9
|
+
return jsxs("div", {
|
|
10
|
+
className: cn('group flex flex-col space-y-4 rounded-lg border border-border bg-card p-6 transition-colors hover:bg-primary/5', className),
|
|
11
|
+
children: [icon && jsx("div", {
|
|
12
|
+
className: "text-primary",
|
|
13
|
+
children: icon
|
|
14
|
+
}), jsx("h3", {
|
|
15
|
+
className: "text-lg font-medium text-foreground",
|
|
16
|
+
children: title
|
|
17
|
+
}), jsx("p", {
|
|
18
|
+
className: "text-sm text-muted-foreground",
|
|
19
|
+
children: description
|
|
20
|
+
}), ctaText && jsxs(Button, {
|
|
21
|
+
variant: "link",
|
|
22
|
+
className: "mt-2 h-auto p-0 text-sm font-medium uppercase text-primary hover:text-primary/80",
|
|
23
|
+
onClick: onClick,
|
|
24
|
+
children: [ctaText, ' ', jsx("span", {
|
|
25
|
+
className: "ml-1 transition-transform duration-200 group-hover:translate-x-1",
|
|
26
|
+
children: "\u2192"
|
|
27
|
+
})]
|
|
28
|
+
})]
|
|
29
|
+
});
|
|
30
|
+
};export{ResourceCard};//# sourceMappingURL=ResourceCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResourceCard.js","sources":["../../../../src/pages/LandingPage/components/ResourceCard.tsx"],"sourcesContent":[null],"names":[],"mappings":"mJAaa,MAAA,YAAY,GAAgC,CAAC;AAQtD,EAAA,KAAA;AAsBJ,EAAE,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Resource {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
ctaText?: string;
|
|
8
|
+
href: string;
|
|
9
|
+
}
|
|
10
|
+
interface ResourcesSectionProps {
|
|
11
|
+
title: string;
|
|
12
|
+
resources: Resource[];
|
|
13
|
+
className?: string;
|
|
14
|
+
onResourceClick?: (resourceHref: string) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const ResourcesSection: React.FC<ResourcesSectionProps>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=ResourcesSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResourcesSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,qBAAqB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {ResourceCard}from'./ResourceCard.js';const ResourcesSection = ({
|
|
2
|
+
title,
|
|
3
|
+
resources,
|
|
4
|
+
className,
|
|
5
|
+
onResourceClick
|
|
6
|
+
}) => {
|
|
7
|
+
return jsx("section", {
|
|
8
|
+
className: `bg-background py-20 ${className || ''}`,
|
|
9
|
+
children: jsxs("div", {
|
|
10
|
+
className: "container mx-auto px-16",
|
|
11
|
+
children: [jsx("h2", {
|
|
12
|
+
className: "mb-10 text-3xl font-bold tracking-tight text-foreground",
|
|
13
|
+
children: title
|
|
14
|
+
}), jsx("div", {
|
|
15
|
+
className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3",
|
|
16
|
+
children: resources.map(resource => jsx(ResourceCard, {
|
|
17
|
+
title: resource.title,
|
|
18
|
+
description: resource.description,
|
|
19
|
+
icon: resource.icon,
|
|
20
|
+
ctaText: resource.ctaText,
|
|
21
|
+
onClick: () => onResourceClick?.(resource.href)
|
|
22
|
+
}, resource.id))
|
|
23
|
+
})]
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
};export{ResourcesSection};//# sourceMappingURL=ResourcesSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResourcesSection.js","sources":["../../../../src/pages/LandingPage/components/ResourcesSection.tsx"],"sourcesContent":[null],"names":[],"mappings":"sFAmBO,MAAM,gBAAgB,GAAoC,CAAC;AAC9D,EAAA,KAAA;AAmBJ,EAAE,SAAA;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../../src/pages/LandingPage/components/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,cAAc;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoD9C,CAAC"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import React__default from'react';const SearchBar = ({
|
|
2
|
+
placeholder = 'Search help center',
|
|
3
|
+
onSearch
|
|
4
|
+
}) => {
|
|
5
|
+
const [query, setQuery] = React__default.useState('');
|
|
6
|
+
const handleSearch = e => {
|
|
7
|
+
e.preventDefault();
|
|
8
|
+
if (onSearch && query.trim()) {
|
|
9
|
+
onSearch(query);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
return jsx("form", {
|
|
13
|
+
onSubmit: handleSearch,
|
|
14
|
+
className: "framer-69ee3 relative w-full max-w-[640px]",
|
|
15
|
+
style: {
|
|
16
|
+
boxSizing: 'border-box',
|
|
17
|
+
WebkitFontSmoothing: 'inherit'
|
|
18
|
+
},
|
|
19
|
+
children: jsxs("div", {
|
|
20
|
+
className: "framer-q2w4o4-container flex w-full h-auto relative",
|
|
21
|
+
children: [jsxs("div", {
|
|
22
|
+
className: "relative flex-1",
|
|
23
|
+
children: [jsx("div", {
|
|
24
|
+
className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-4",
|
|
25
|
+
children: jsx("svg", {
|
|
26
|
+
className: "h-5 w-5 text-muted-foreground",
|
|
27
|
+
fill: "none",
|
|
28
|
+
viewBox: "0 0 24 24",
|
|
29
|
+
stroke: "currentColor",
|
|
30
|
+
children: jsx("path", {
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round",
|
|
33
|
+
strokeWidth: 2,
|
|
34
|
+
d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
|
|
35
|
+
})
|
|
36
|
+
})
|
|
37
|
+
}), jsx("input", {
|
|
38
|
+
type: "text",
|
|
39
|
+
className: "h-[48px] w-full rounded-l-md bg-background py-4 pl-12 pr-3 text-foreground placeholder-muted-foreground outline-none",
|
|
40
|
+
placeholder: placeholder,
|
|
41
|
+
value: query,
|
|
42
|
+
onChange: e => setQuery(e.target.value),
|
|
43
|
+
style: {
|
|
44
|
+
boxSizing: 'border-box'
|
|
45
|
+
}
|
|
46
|
+
})]
|
|
47
|
+
}), jsx("button", {
|
|
48
|
+
type: "submit",
|
|
49
|
+
className: "framer-t1jjto-container rounded-r-md bg-foreground px-8 text-base font-normal text-background h-[48px]",
|
|
50
|
+
style: {
|
|
51
|
+
flex: 'none',
|
|
52
|
+
boxSizing: 'border-box'
|
|
53
|
+
},
|
|
54
|
+
children: "Search"
|
|
55
|
+
})]
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
};export{SearchBar};//# sourceMappingURL=SearchBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBar.js","sources":["../../../../src/pages/LandingPage/components/SearchBar.tsx"],"sourcesContent":[null],"names":["React"],"mappings":"2EAOO,MAAM,SAAS,GAA6B,CAAC;AAChD,EAAA,WAAO,GAAK,oBAAoB;AAEhC,EAAA;;AAEI,EAAA,MAAA,CAAA,eAAgB,CAAA,GAAAA,cAAU,CAAA,QAAK,CAAA,EAAA,CAAA;oBACnB,GAAM,CAAA,IAAE;oBACnB,EAAA;AACL,IAAA,IAAE,QAAA,IAAA,KAAA,CAAA,IAAA,EAAA,EAAA;AAEF,MAAA,QACI,CAAA,KAAA,CAAA;AAyCR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/LandingPage/index.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,WAAW,+CA+MhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
import {jsx,jsxs}from'react/jsx-runtime';import {Button}from'@admin-layout/tailwind-ui/shardui/button.js';import {useNavigate,Link}from'@remix-run/react';import {HeroSection}from'./components/HeroSection.js';import {CategoriesSection}from'./components/CategoriesSection.js';import {FeaturedSection}from'./components/FeaturedSection.js';import {ResourcesSection}from'./components/ResourcesSection.js';import {Icons}from'./components/Icons.js';import {Images}from'./components/Assets.js';const LandingPage = () => {
|
|
2
|
+
const navigate = useNavigate();
|
|
3
|
+
const handleSearch = query => {
|
|
4
|
+
console.log('Searching for:', query);
|
|
5
|
+
// Implement search functionality
|
|
6
|
+
};
|
|
7
|
+
const handleCategoryClick = categoryHref => {
|
|
8
|
+
navigate(categoryHref);
|
|
9
|
+
};
|
|
10
|
+
const handleArticleClick = articleHref => {
|
|
11
|
+
navigate(articleHref);
|
|
12
|
+
};
|
|
13
|
+
const handleResourceClick = resourceHref => {
|
|
14
|
+
navigate(resourceHref);
|
|
15
|
+
};
|
|
16
|
+
// Mock data for categories
|
|
17
|
+
const categories = [{
|
|
18
|
+
id: 'getting-started',
|
|
19
|
+
href: '/get-started',
|
|
20
|
+
title: 'Getting Started',
|
|
21
|
+
description: 'Perplexity overview, examples, and tips.',
|
|
22
|
+
icon: jsx(Icons.GettingStarted, {
|
|
23
|
+
width: 24,
|
|
24
|
+
height: 24
|
|
25
|
+
})
|
|
26
|
+
}, {
|
|
27
|
+
id: 'account-management',
|
|
28
|
+
href: '/help-center/account-management',
|
|
29
|
+
title: 'Account Management',
|
|
30
|
+
description: 'Account features, security, and usage.',
|
|
31
|
+
icon: jsx(Icons.AccountManagement, {
|
|
32
|
+
width: 24,
|
|
33
|
+
height: 24
|
|
34
|
+
})
|
|
35
|
+
}, {
|
|
36
|
+
id: 'billing',
|
|
37
|
+
href: '/help-center/subscription-billing',
|
|
38
|
+
title: 'Billing & Subscriptions',
|
|
39
|
+
description: 'Payment, subscription info, and cancellation.',
|
|
40
|
+
icon: jsx(Icons.Billing, {
|
|
41
|
+
width: 24,
|
|
42
|
+
height: 24
|
|
43
|
+
})
|
|
44
|
+
}, {
|
|
45
|
+
id: 'product-features',
|
|
46
|
+
href: '/help-center/product-features',
|
|
47
|
+
title: 'Product Features',
|
|
48
|
+
description: 'Spaces, pages, Focus, and Threads.',
|
|
49
|
+
icon: jsx(Icons.ProductFeatures, {
|
|
50
|
+
width: 24,
|
|
51
|
+
height: 24
|
|
52
|
+
})
|
|
53
|
+
}, {
|
|
54
|
+
id: 'troubleshooting',
|
|
55
|
+
href: '/help-center/troubleshooting',
|
|
56
|
+
title: 'Troubleshooting',
|
|
57
|
+
description: 'Find solutions to common issues.',
|
|
58
|
+
icon: jsx(Icons.Troubleshooting, {
|
|
59
|
+
width: 24,
|
|
60
|
+
height: 24
|
|
61
|
+
})
|
|
62
|
+
}, {
|
|
63
|
+
id: 'api',
|
|
64
|
+
title: 'API',
|
|
65
|
+
href: '/help-center/scope-api',
|
|
66
|
+
description: 'Explore our API and get answers to FAQs.',
|
|
67
|
+
icon: jsx(Icons.Api, {
|
|
68
|
+
width: 24,
|
|
69
|
+
height: 24
|
|
70
|
+
})
|
|
71
|
+
}];
|
|
72
|
+
// Mock data for featured articles
|
|
73
|
+
const featuredArticles = [{
|
|
74
|
+
id: 'getting-started-with-perplexity',
|
|
75
|
+
title: 'Getting started with Yantra',
|
|
76
|
+
href: '/get-started',
|
|
77
|
+
description: 'Perplexity is an AI-powered answer engine that searches the internet in real-time to answer any question.'
|
|
78
|
+
}, {
|
|
79
|
+
id: 'perplexity-expands-publisher',
|
|
80
|
+
title: 'Yantra Expands Publisher Program with 15 New Media Partners',
|
|
81
|
+
href: '/help-center/spaces-library',
|
|
82
|
+
description: 'Perplexity has added major media partners to its publisher revenue-sharing program.'
|
|
83
|
+
}, {
|
|
84
|
+
id: 'student-guide-spaces',
|
|
85
|
+
title: "A student's guide to using Yantra Spaces",
|
|
86
|
+
href: '/help-center/student-hub',
|
|
87
|
+
description: 'Create a collaborative knowledge hub for your course, team, or study group. Ask questions, create notes, and organize resources - all in one place.'
|
|
88
|
+
}];
|
|
89
|
+
// Mock data for resources
|
|
90
|
+
const resources = [{
|
|
91
|
+
id: 'security',
|
|
92
|
+
title: 'Security & Trust Center',
|
|
93
|
+
href: '/help-center/data-privacy',
|
|
94
|
+
description: 'Access our security tools, terms of service, and data protection policies.',
|
|
95
|
+
icon: jsx(Icons.Security, {
|
|
96
|
+
width: 24,
|
|
97
|
+
height: 24
|
|
98
|
+
}),
|
|
99
|
+
ctaText: 'EXPLORE'
|
|
100
|
+
}, {
|
|
101
|
+
id: 'feedback',
|
|
102
|
+
title: 'Feedback',
|
|
103
|
+
href: '/feedback',
|
|
104
|
+
description: 'Have questions or ideas? Share product feedback and help us create a better experience for you.',
|
|
105
|
+
icon: jsx(Icons.Feedback, {
|
|
106
|
+
width: 24,
|
|
107
|
+
height: 24
|
|
108
|
+
}),
|
|
109
|
+
ctaText: 'SHARE YOUR THOUGHTS'
|
|
110
|
+
}, {
|
|
111
|
+
id: 'contact',
|
|
112
|
+
title: 'Contact Us',
|
|
113
|
+
href: '/contact-us',
|
|
114
|
+
description: 'Learn how to reach out to us via Discord, email, or our Intercom integration for support, feedback, and community help.',
|
|
115
|
+
icon: jsx(Icons.Contact, {
|
|
116
|
+
width: 24,
|
|
117
|
+
height: 24
|
|
118
|
+
}),
|
|
119
|
+
ctaText: 'GET IN TOUCH'
|
|
120
|
+
}];
|
|
121
|
+
// Featured product section (Supply)
|
|
122
|
+
const featuredProduct = {
|
|
123
|
+
title: 'Yantra Supply',
|
|
124
|
+
description: 'Thoughtfully-designed essentials that celebrate the pursuit of knowledge.',
|
|
125
|
+
ctaText: 'Visit the Shop',
|
|
126
|
+
image: Images.supply.products
|
|
127
|
+
};
|
|
128
|
+
return jsxs("div", {
|
|
129
|
+
className: "min-h-screen bg-background",
|
|
130
|
+
children: [jsx(HeroSection, {
|
|
131
|
+
title: "How can we help?",
|
|
132
|
+
subtitle: "Get answers to all things Yantra.",
|
|
133
|
+
onSearch: handleSearch
|
|
134
|
+
}), jsx("section", {
|
|
135
|
+
className: "py-16",
|
|
136
|
+
children: jsx("div", {
|
|
137
|
+
className: "container mx-auto px-16",
|
|
138
|
+
children: jsxs("div", {
|
|
139
|
+
className: "flex flex-col items-start justify-between gap-10 md:flex-row",
|
|
140
|
+
children: [jsx("div", {
|
|
141
|
+
className: "h-60 w-full overflow-hidden rounded-lg shadow-md md:h-72 md:w-1/3",
|
|
142
|
+
children: jsx("img", {
|
|
143
|
+
src: Images.faq.person,
|
|
144
|
+
alt: "Person looking at bookshelves",
|
|
145
|
+
className: "h-full w-full object-cover"
|
|
146
|
+
})
|
|
147
|
+
}), jsxs("div", {
|
|
148
|
+
className: "w-full space-y-5 md:w-2/3",
|
|
149
|
+
children: [jsx("h2", {
|
|
150
|
+
className: "text-2xl font-bold text-foreground",
|
|
151
|
+
children: "FAQs"
|
|
152
|
+
}), jsx("p", {
|
|
153
|
+
className: "text-lg text-muted-foreground",
|
|
154
|
+
children: "Answers to your general, technical, enterprise, and API-related questions."
|
|
155
|
+
}), jsx(Link, {
|
|
156
|
+
to: "/help-center",
|
|
157
|
+
children: jsx(Button, {
|
|
158
|
+
variant: "outline",
|
|
159
|
+
className: "mt-4 border-primary px-6 py-2.5 text-primary hover:bg-primary/10",
|
|
160
|
+
children: "Get Answers"
|
|
161
|
+
})
|
|
162
|
+
})]
|
|
163
|
+
})]
|
|
164
|
+
})
|
|
165
|
+
})
|
|
166
|
+
}), jsx(CategoriesSection, {
|
|
167
|
+
title: "Top categories",
|
|
168
|
+
categories: categories,
|
|
169
|
+
onCategoryClick: handleCategoryClick
|
|
170
|
+
}), jsx(FeaturedSection, {
|
|
171
|
+
title: "Featured articles",
|
|
172
|
+
articles: featuredArticles,
|
|
173
|
+
onArticleClick: handleArticleClick
|
|
174
|
+
}), jsx("section", {
|
|
175
|
+
className: "bg-muted/50 py-16",
|
|
176
|
+
children: jsx("div", {
|
|
177
|
+
className: "container mx-auto px-16",
|
|
178
|
+
children: jsxs("div", {
|
|
179
|
+
className: "flex flex-col items-center justify-between gap-10 rounded-xl bg-card p-8 shadow-sm md:flex-row",
|
|
180
|
+
children: [jsxs("div", {
|
|
181
|
+
className: "w-full space-y-5 md:w-1/2",
|
|
182
|
+
children: [jsx("h2", {
|
|
183
|
+
className: "text-3xl font-bold tracking-tight text-foreground",
|
|
184
|
+
children: featuredProduct.title
|
|
185
|
+
}), jsx("p", {
|
|
186
|
+
className: "text-lg text-muted-foreground",
|
|
187
|
+
children: featuredProduct.description
|
|
188
|
+
}), jsx(Button, {
|
|
189
|
+
variant: "outline",
|
|
190
|
+
className: "mt-4 border-primary px-6 py-2.5 text-primary hover:bg-primary/10",
|
|
191
|
+
children: featuredProduct.ctaText
|
|
192
|
+
})]
|
|
193
|
+
}), jsx("div", {
|
|
194
|
+
className: "h-72 w-full overflow-hidden rounded-lg shadow-md md:w-1/2",
|
|
195
|
+
children: jsx("img", {
|
|
196
|
+
src: featuredProduct.image,
|
|
197
|
+
alt: "Yantra Supply Products",
|
|
198
|
+
className: "h-full w-full object-cover"
|
|
199
|
+
})
|
|
200
|
+
})]
|
|
201
|
+
})
|
|
202
|
+
})
|
|
203
|
+
}), jsx(ResourcesSection, {
|
|
204
|
+
title: "More resources",
|
|
205
|
+
resources: resources,
|
|
206
|
+
onResourceClick: handleResourceClick
|
|
207
|
+
})]
|
|
208
|
+
});
|
|
209
|
+
};export{LandingPage as default};//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/pages/LandingPage/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
package/lib/routes.json
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"//landing": {
|
|
4
|
+
"path": "//landing",
|
|
5
|
+
"key": "landing",
|
|
6
|
+
"exact": true,
|
|
7
|
+
"hideInMenu": true,
|
|
8
|
+
"index": true,
|
|
9
|
+
"position": "MIDDLE",
|
|
10
|
+
"componentPath": "@adminide-stack/clock-tik-browser/lib/pages/LandingPage/index.js",
|
|
11
|
+
"hasComponent": true
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"//get-started": {
|
|
16
|
+
"path": "//get-started",
|
|
17
|
+
"key": "get-started",
|
|
18
|
+
"exact": true,
|
|
19
|
+
"hideInMenu": true,
|
|
20
|
+
"position": "MIDDLE",
|
|
21
|
+
"componentPath": "@adminide-stack/clock-tik-browser/lib/pages/GetStarted/index.js",
|
|
22
|
+
"hasComponent": true
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"//help-center": {
|
|
27
|
+
"path": "//help-center",
|
|
28
|
+
"key": "help-center",
|
|
29
|
+
"exact": true,
|
|
30
|
+
"hideInMenu": true,
|
|
31
|
+
"position": "MIDDLE",
|
|
32
|
+
"componentPath": "@adminide-stack/clock-tik-browser/lib/pages/HelpCenter/index.js",
|
|
33
|
+
"hasComponent": true
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"//help-center/:categoryId": {
|
|
38
|
+
"path": "//help-center/:categoryId",
|
|
39
|
+
"key": "help-category",
|
|
40
|
+
"exact": true,
|
|
41
|
+
"hideInMenu": true,
|
|
42
|
+
"position": "MIDDLE",
|
|
43
|
+
"componentPath": "@adminide-stack/clock-tik-browser/lib/pages/CategoryCollection/index.js",
|
|
44
|
+
"hasComponent": true
|
|
45
|
+
}
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"//help-center/:categoryId/:articleSlug": {
|
|
49
|
+
"path": "//help-center/:categoryId/:articleSlug",
|
|
50
|
+
"key": "help-article",
|
|
51
|
+
"exact": true,
|
|
52
|
+
"hideInMenu": true,
|
|
53
|
+
"position": "MIDDLE",
|
|
54
|
+
"componentPath": "@adminide-stack/clock-tik-browser/lib/pages/ArticlePage/index.js",
|
|
55
|
+
"hasComponent": true
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FooterFill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/FooterFill.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,UAAU,GAAI,UAAK,4CAU/B,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import*as React from'react';import'reflect-metadata';import {Fill}from'@common-stack/components-pro';import {FOOTER_FILL}from'./consts.js';import {HelpCenterFooter}from'../components/HelpCenterFooter.js';const FooterFill = props => {
|
|
2
|
+
return jsx(Fill, {
|
|
3
|
+
...props,
|
|
4
|
+
name: FOOTER_FILL,
|
|
5
|
+
children: ({
|
|
6
|
+
key,
|
|
7
|
+
...props
|
|
8
|
+
}) => jsx(React.Suspense, {
|
|
9
|
+
children: jsx(HelpCenterFooter, {})
|
|
10
|
+
})
|
|
11
|
+
});
|
|
12
|
+
};export{FooterFill};//# sourceMappingURL=FooterFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FooterFill.js","sources":["../../src/slot-fill/FooterFill.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"gPAMa,MAAA,UAAU,GAAG,KAAC,IAAS;AAChC,EAAA,OAAAA,GACI,CAAA,IAAK,EAAA;AAQb,IAAE,GAAA,KAAA;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderSearchButtonFill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/HeaderSearchButtonFill.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,sBAAsB,GAAI,UAAK,4CAU3C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const defaultRenderLogo: (logo: () => React.ReactElement, prefersReducedMotion: boolean, scrolled: any, settings: any, location: any) => React.ReactNode;
|
|
3
|
+
export declare const defaultRenderLogoAndTitle: (props: any, prefersReducedMotion: boolean, renderKey?: string) => React.ReactNode;
|
|
4
|
+
export declare const LogoFill: () => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=LogoFill.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoFill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/LogoFill.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,iBAAiB,GAC1B,MAAM,MAAM,KAAK,CAAC,YAAY,EAC9B,sBAAsB,OAAO,EAC7B,aAAQ,EACR,UAAU,GAAG,EACb,UAAU,GAAG,KACd,KAAK,CAAC,SAQR,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAClC,OAAO,GAAG,EACV,sBAAsB,OAAO,EAC7B,YAAW,MAA2B,KACvC,KAAK,CAAC,SAkCR,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAapB,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import {Fill}from'@common-stack/components-pro';import {LOGO_SLOT_FILL_NAME}from'@admin-layout/tailwind-design-pro/lib/components/Layout/slot-fill/Logo.js';import {useMediaQuery}from'@admin-layout/tailwind-design-pro/lib/hooks/useMediaQuery.js';import {Logo}from'../components/Logo.js';const defaultRenderLogo = (logo, prefersReducedMotion, scrolled, settings, location) => {
|
|
2
|
+
if (typeof logo === 'string') {
|
|
3
|
+
return jsx(Logo, {
|
|
4
|
+
logo: undefined,
|
|
5
|
+
settings: settings,
|
|
6
|
+
scrolled: scrolled,
|
|
7
|
+
location: location
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
if (typeof logo === 'function') {
|
|
11
|
+
return logo();
|
|
12
|
+
}
|
|
13
|
+
return logo;
|
|
14
|
+
};
|
|
15
|
+
const defaultRenderLogoAndTitle = (props, prefersReducedMotion, renderKey = 'menuHeaderRender') => {
|
|
16
|
+
const {
|
|
17
|
+
settings,
|
|
18
|
+
layout,
|
|
19
|
+
pageTitleInfo,
|
|
20
|
+
scrolled,
|
|
21
|
+
location
|
|
22
|
+
} = props;
|
|
23
|
+
const {
|
|
24
|
+
fontFamily,
|
|
25
|
+
titleFontSize,
|
|
26
|
+
titleFontWeight,
|
|
27
|
+
titleHeight,
|
|
28
|
+
titleColor,
|
|
29
|
+
letterSpacing,
|
|
30
|
+
logo,
|
|
31
|
+
title
|
|
32
|
+
} = settings || {};
|
|
33
|
+
const renderFunction = props[renderKey || ''];
|
|
34
|
+
if (renderFunction === false) {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
const logoDom = defaultRenderLogo(logo, prefersReducedMotion, scrolled, settings, location);
|
|
38
|
+
const titleDom = jsx("h1", {
|
|
39
|
+
className: `text-2xl ${settings?.navTheme === 'dark' ? 'text-[#F9FBFF]' : titleColor || 'text-gray-900'}`,
|
|
40
|
+
style: {
|
|
41
|
+
fontFamily: fontFamily,
|
|
42
|
+
fontWeight: titleFontWeight,
|
|
43
|
+
height: titleHeight,
|
|
44
|
+
letterSpacing: letterSpacing,
|
|
45
|
+
fontSize: titleFontSize
|
|
46
|
+
},
|
|
47
|
+
children: title
|
|
48
|
+
});
|
|
49
|
+
if (renderFunction) {
|
|
50
|
+
const {
|
|
51
|
+
isMobile
|
|
52
|
+
} = useMediaQuery();
|
|
53
|
+
return renderFunction(logoDom, isMobile ? null : titleDom, props);
|
|
54
|
+
}
|
|
55
|
+
if (layout === 'mix' && renderKey === 'menuHeaderRender') {
|
|
56
|
+
return null;
|
|
57
|
+
}
|
|
58
|
+
return jsx("div", {
|
|
59
|
+
className: "flex space-x-2 w-[200px] md:w-[200px] h-[60px]",
|
|
60
|
+
children: logoDom
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
const LogoFill = () => {
|
|
64
|
+
return jsx(Fill, {
|
|
65
|
+
name: LOGO_SLOT_FILL_NAME,
|
|
66
|
+
children: props => {
|
|
67
|
+
const headerDom = defaultRenderLogoAndTitle({
|
|
68
|
+
scrolled: props?.scrolled,
|
|
69
|
+
...props
|
|
70
|
+
}, props?.prefersReducedMotion, props?.layout === 'mix' ? 'headerTitleRender' : undefined);
|
|
71
|
+
return headerDom;
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
};export{LogoFill,defaultRenderLogo,defaultRenderLogoAndTitle};//# sourceMappingURL=LogoFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LogoFill.js","sources":["../../src/slot-fill/LogoFill.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kUAMO,MAAM,iBAAiB,GAAG,CAC7B,IAA8B,EAC9B,oBAA6B,EAC7B,QAAQ,EACR,QAAa,EACb,QAAa,KACI;AACjB,EAAA,IAAA,OAAW,IAAA,KAAS,QAAA,EAAQ;AACxB,IAAA,OAAAA,GAAO,KAAC,EAAI;MACf,IAAA,EAAA,SAAA;AACD,MAAA,QAAW,EAAA,QAAS;cACT,EAAA,QAAO;MACjB,QAAA,EAAA;AACD,KAAA,CAAA;AACJ;AAEA,EAAA,IAAM,OAAO,IAAyB,KAAA,UAAA,EAAA;AAKlC,IAAA,OAAQ,IAAA,EAAA;;SAGF,IAAA;AACN;AACI,MAAA,yBAAY,GAAA,CAAA,KAAA,EAAA,oBAAA,EAAA,SAAA,GAAA,kBAAA,KAAA;QACf;AACD,IAAA,QAAa;IACb,MAAM;AAIM,IAAA,aAAA;AACA,IAAA,QAAA;AACA,IAAA;AACA,GAAA,GAAA,KAAA;AACA,EAAA,MAAA;cAGH;IAIT,aAAI;AACA,IAAA,eAAgB;AAChB,IAAA,WAAO;IACX,UAAC;IAED;AACI,IAAA,IAAA;IACJ;AAEA,GAAA,GAAA;AACJ,EAAE,MAAA,cAAA,GAAA,KAAA,CAAA,SAAA,IAAA,EAAA,CAAA;AAEF,EAAA,IAAM,cAAe,UAAQ,EAAA;IACzB,OAAO,IACF;AAEO;AAKA,EAAA,MAAA,OAAA,GAAA,iBAAiB,CAAA,IAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,QAAA,CAAA;QACrB,QAEN,GAAAA,GAAA,CAAA,IAAA,EAAA;AACN,IAAE,SAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,QAAA,KAAA,MAAA,GAAA,gBAAA,GAAA,UAAA,IAAA,eAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RightContentFill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/RightContentFill.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAK1B,eAAO,MAAM,gBAAgB,GAAI,UAAK,4CAUrC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import {jsx}from'react/jsx-runtime';import*as React from'react';import'reflect-metadata';import {Fill}from'@common-stack/components-pro';import {RIGHT_CONTENT_FILL}from'./consts.js';import {RightNavItems}from'../components/navbar/index.js';const RightContentFill = props => {
|
|
2
|
+
return jsx(Fill, {
|
|
3
|
+
...props,
|
|
4
|
+
name: RIGHT_CONTENT_FILL,
|
|
5
|
+
children: ({
|
|
6
|
+
key,
|
|
7
|
+
...props
|
|
8
|
+
}) => jsx(React.Suspense, {
|
|
9
|
+
children: jsx(RightNavItems, {
|
|
10
|
+
...props
|
|
11
|
+
})
|
|
12
|
+
})
|
|
13
|
+
});
|
|
14
|
+
};export{RightContentFill};//# sourceMappingURL=RightContentFill.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RightContentFill.js","sources":["../../src/slot-fill/RightContentFill.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"gPAMa,MAAA,gBAAgB,GAAG,KAAC,IAAS;AACtC,EAAA,OAAAA,GACI,CAAA,IAAK,EAAA;AAQb,IAAE,GAAA,KAAA;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchBarFill.d.ts","sourceRoot":"","sources":["../../src/slot-fill/SearchBarFill.tsx"],"names":[],"mappings":"AACA,OAAO,kBAAkB,CAAC;AAI1B,eAAO,MAAM,aAAa,GAAI,UAAK,4CAElC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,UAAK,4CASlC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const HEADER_SEARCH_BUTTON_FILL = "header-search-button-fill";
|
|
2
|
+
export declare const SEARCHBAR_FILL = "searchbar-fill";
|
|
3
|
+
export declare const RIGHT_CONTENT_FILL = "right-content-fill";
|
|
4
|
+
export declare const FOOTER_FILL = "footer-fill";
|
|
5
|
+
//# sourceMappingURL=consts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../src/slot-fill/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,8BAA8B,CAAC;AACrE,eAAO,MAAM,cAAc,mBAAmB,CAAC;AAC/C,eAAO,MAAM,kBAAkB,uBAAuB,CAAC;AACvD,eAAO,MAAM,WAAW,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"consts.js","sources":["../../src/slot-fill/consts.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEO,MAAM,kBAAkB,GAAG;AAC3B,MAAM,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slot-fill/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}
|