@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.
Files changed (154) hide show
  1. package/lib/components/HelpCenterFooter.d.ts +3 -0
  2. package/lib/components/HelpCenterFooter.d.ts.map +1 -0
  3. package/lib/components/HelpCenterFooter.js +98 -0
  4. package/lib/components/HelpCenterFooter.js.map +1 -0
  5. package/lib/components/HelpCenterHeader.d.ts +7 -0
  6. package/lib/components/HelpCenterHeader.d.ts.map +1 -0
  7. package/lib/components/HelpCenterHeader.js +80 -0
  8. package/lib/components/HelpCenterHeader.js.map +1 -0
  9. package/lib/components/Logo.d.ts +4 -0
  10. package/lib/components/Logo.d.ts.map +1 -0
  11. package/lib/components/Logo.js +105 -0
  12. package/lib/components/Logo.js.map +1 -0
  13. package/lib/components/navbar/index.d.ts +7 -0
  14. package/lib/components/navbar/index.d.ts.map +1 -0
  15. package/lib/components/navbar/index.js +77 -0
  16. package/lib/components/navbar/index.js.map +1 -0
  17. package/lib/compute.d.ts +5 -0
  18. package/lib/compute.d.ts.map +1 -0
  19. package/lib/compute.js +59 -0
  20. package/lib/compute.js.map +1 -0
  21. package/lib/config.d.ts +43 -0
  22. package/lib/config.d.ts.map +1 -0
  23. package/lib/index.d.ts +4 -0
  24. package/lib/index.d.ts.map +1 -0
  25. package/lib/index.js +2 -0
  26. package/lib/index.js.map +1 -0
  27. package/lib/module.d.ts +4 -0
  28. package/lib/module.d.ts.map +1 -0
  29. package/lib/module.js +13 -0
  30. package/lib/module.js.map +1 -0
  31. package/lib/pages/ArticlePage/index.d.ts +4 -0
  32. package/lib/pages/ArticlePage/index.d.ts.map +1 -0
  33. package/lib/pages/ArticlePage/index.js +190 -0
  34. package/lib/pages/ArticlePage/index.js.map +1 -0
  35. package/lib/pages/CategoryCollection/index.d.ts +4 -0
  36. package/lib/pages/CategoryCollection/index.d.ts.map +1 -0
  37. package/lib/pages/CategoryCollection/index.js +121 -0
  38. package/lib/pages/CategoryCollection/index.js.map +1 -0
  39. package/lib/pages/GetStarted/components/ExampleCard.d.ts +10 -0
  40. package/lib/pages/GetStarted/components/ExampleCard.d.ts.map +1 -0
  41. package/lib/pages/GetStarted/components/GetStartedHero.d.ts +8 -0
  42. package/lib/pages/GetStarted/components/GetStartedHero.d.ts.map +1 -0
  43. package/lib/pages/GetStarted/components/InfoSection.d.ts +11 -0
  44. package/lib/pages/GetStarted/components/InfoSection.d.ts.map +1 -0
  45. package/lib/pages/GetStarted/components/TipCard.d.ts +10 -0
  46. package/lib/pages/GetStarted/components/TipCard.d.ts.map +1 -0
  47. package/lib/pages/GetStarted/components/UseCase.d.ts +13 -0
  48. package/lib/pages/GetStarted/components/UseCase.d.ts.map +1 -0
  49. package/lib/pages/GetStarted/index.d.ts +3 -0
  50. package/lib/pages/GetStarted/index.d.ts.map +1 -0
  51. package/lib/pages/GetStarted/index.js +776 -0
  52. package/lib/pages/GetStarted/index.js.map +1 -0
  53. package/lib/pages/HelpCenter/components/BookStack.d.ts +3 -0
  54. package/lib/pages/HelpCenter/components/BookStack.d.ts.map +1 -0
  55. package/lib/pages/HelpCenter/components/BookStack.js +36 -0
  56. package/lib/pages/HelpCenter/components/BookStack.js.map +1 -0
  57. package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts +21 -0
  58. package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map +1 -0
  59. package/lib/pages/HelpCenter/components/HelpCategoryCard.js +84 -0
  60. package/lib/pages/HelpCenter/components/HelpCategoryCard.js.map +1 -0
  61. package/lib/pages/HelpCenter/components/Icons.d.ts +22 -0
  62. package/lib/pages/HelpCenter/components/Icons.d.ts.map +1 -0
  63. package/lib/pages/HelpCenter/components/Icons.js +342 -0
  64. package/lib/pages/HelpCenter/components/Icons.js.map +1 -0
  65. package/lib/pages/HelpCenter/components/PopularArticle.d.ts +8 -0
  66. package/lib/pages/HelpCenter/components/PopularArticle.d.ts.map +1 -0
  67. package/lib/pages/HelpCenter/components/PopularArticle.js +51 -0
  68. package/lib/pages/HelpCenter/components/PopularArticle.js.map +1 -0
  69. package/lib/pages/HelpCenter/index.d.ts +4 -0
  70. package/lib/pages/HelpCenter/index.d.ts.map +1 -0
  71. package/lib/pages/HelpCenter/index.js +71 -0
  72. package/lib/pages/HelpCenter/index.js.map +1 -0
  73. package/lib/pages/HelpCenter/mockData.d.ts +8 -0
  74. package/lib/pages/HelpCenter/mockData.d.ts.map +1 -0
  75. package/lib/pages/HelpCenter/mockData.js +13 -0
  76. package/lib/pages/HelpCenter/mockData.js.map +1 -0
  77. package/lib/pages/LandingPage/components/ArticleCard.d.ts +11 -0
  78. package/lib/pages/LandingPage/components/ArticleCard.d.ts.map +1 -0
  79. package/lib/pages/LandingPage/components/ArticleCard.js +29 -0
  80. package/lib/pages/LandingPage/components/ArticleCard.js.map +1 -0
  81. package/lib/pages/LandingPage/components/Assets.d.ts +15 -0
  82. package/lib/pages/LandingPage/components/Assets.d.ts.map +1 -0
  83. package/lib/pages/LandingPage/components/Assets.js +14 -0
  84. package/lib/pages/LandingPage/components/Assets.js.map +1 -0
  85. package/lib/pages/LandingPage/components/CategoriesSection.d.ts +16 -0
  86. package/lib/pages/LandingPage/components/CategoriesSection.d.ts.map +1 -0
  87. package/lib/pages/LandingPage/components/CategoriesSection.js +31 -0
  88. package/lib/pages/LandingPage/components/CategoriesSection.js.map +1 -0
  89. package/lib/pages/LandingPage/components/CategoryCard.d.ts +11 -0
  90. package/lib/pages/LandingPage/components/CategoryCard.d.ts.map +1 -0
  91. package/lib/pages/LandingPage/components/CategoryCard.js +25 -0
  92. package/lib/pages/LandingPage/components/CategoryCard.js.map +1 -0
  93. package/lib/pages/LandingPage/components/FeaturedSection.d.ts +15 -0
  94. package/lib/pages/LandingPage/components/FeaturedSection.d.ts.map +1 -0
  95. package/lib/pages/LandingPage/components/FeaturedSection.js +24 -0
  96. package/lib/pages/LandingPage/components/FeaturedSection.js.map +1 -0
  97. package/lib/pages/LandingPage/components/HeroSection.d.ts +9 -0
  98. package/lib/pages/LandingPage/components/HeroSection.d.ts.map +1 -0
  99. package/lib/pages/LandingPage/components/HeroSection.js +46 -0
  100. package/lib/pages/LandingPage/components/HeroSection.js.map +1 -0
  101. package/lib/pages/LandingPage/components/Icons.d.ts +14 -0
  102. package/lib/pages/LandingPage/components/Icons.d.ts.map +1 -0
  103. package/lib/pages/LandingPage/components/Icons.js +174 -0
  104. package/lib/pages/LandingPage/components/Icons.js.map +1 -0
  105. package/lib/pages/LandingPage/components/ResourceCard.d.ts +12 -0
  106. package/lib/pages/LandingPage/components/ResourceCard.d.ts.map +1 -0
  107. package/lib/pages/LandingPage/components/ResourceCard.js +30 -0
  108. package/lib/pages/LandingPage/components/ResourceCard.js.map +1 -0
  109. package/lib/pages/LandingPage/components/ResourcesSection.d.ts +18 -0
  110. package/lib/pages/LandingPage/components/ResourcesSection.d.ts.map +1 -0
  111. package/lib/pages/LandingPage/components/ResourcesSection.js +26 -0
  112. package/lib/pages/LandingPage/components/ResourcesSection.js.map +1 -0
  113. package/lib/pages/LandingPage/components/SearchBar.d.ts +8 -0
  114. package/lib/pages/LandingPage/components/SearchBar.d.ts.map +1 -0
  115. package/lib/pages/LandingPage/components/SearchBar.js +58 -0
  116. package/lib/pages/LandingPage/components/SearchBar.js.map +1 -0
  117. package/lib/pages/LandingPage/index.d.ts +3 -0
  118. package/lib/pages/LandingPage/index.d.ts.map +1 -0
  119. package/lib/pages/LandingPage/index.js +209 -0
  120. package/lib/pages/LandingPage/index.js.map +1 -0
  121. package/lib/routes.json +58 -0
  122. package/lib/slot-fill/FooterFill.d.ts +3 -0
  123. package/lib/slot-fill/FooterFill.d.ts.map +1 -0
  124. package/lib/slot-fill/FooterFill.js +12 -0
  125. package/lib/slot-fill/FooterFill.js.map +1 -0
  126. package/lib/slot-fill/HeaderSearchButtonFill.d.ts +3 -0
  127. package/lib/slot-fill/HeaderSearchButtonFill.d.ts.map +1 -0
  128. package/lib/slot-fill/LogoFill.d.ts +5 -0
  129. package/lib/slot-fill/LogoFill.d.ts.map +1 -0
  130. package/lib/slot-fill/LogoFill.js +74 -0
  131. package/lib/slot-fill/LogoFill.js.map +1 -0
  132. package/lib/slot-fill/RightContentFill.d.ts +3 -0
  133. package/lib/slot-fill/RightContentFill.d.ts.map +1 -0
  134. package/lib/slot-fill/RightContentFill.js +14 -0
  135. package/lib/slot-fill/RightContentFill.js.map +1 -0
  136. package/lib/slot-fill/SearchBarFill.d.ts +4 -0
  137. package/lib/slot-fill/SearchBarFill.d.ts.map +1 -0
  138. package/lib/slot-fill/consts.d.ts +5 -0
  139. package/lib/slot-fill/consts.d.ts.map +1 -0
  140. package/lib/slot-fill/consts.js +2 -0
  141. package/lib/slot-fill/consts.js.map +1 -0
  142. package/lib/slot-fill/index.d.ts +6 -0
  143. package/lib/slot-fill/index.d.ts.map +1 -0
  144. package/lib/utils/helpCenterUtils.d.ts +26 -0
  145. package/lib/utils/helpCenterUtils.d.ts.map +1 -0
  146. package/lib/utils/index.d.ts +3 -0
  147. package/lib/utils/index.d.ts.map +1 -0
  148. package/lib/utils/index.js +3 -0
  149. package/lib/utils/index.js.map +1 -0
  150. package/lib/utils/markdownLoader.d.ts +32 -0
  151. package/lib/utils/markdownLoader.d.ts.map +1 -0
  152. package/lib/utils/markdownLoader.js +1287 -0
  153. package/lib/utils/markdownLoader.js.map +1 -0
  154. package/package.json +56 -0
@@ -0,0 +1,190 @@
1
+ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {cn}from'../../utils/index.js';import {getCategoryById,loadArticleContent}from'../../utils/markdownLoader.js';const ArticlePage = () => {
2
+ const {
3
+ categoryId,
4
+ articleSlug
5
+ } = useParams();
6
+ const [article, setArticle] = useState(null);
7
+ const [loading, setLoading] = useState(true);
8
+ const [activeHeadingId, setActiveHeadingId] = useState('');
9
+ const observerRef = useRef(null);
10
+ useEffect(() => {
11
+ if (articleSlug) {
12
+ const loadContent = async () => {
13
+ const articleData = await loadArticleContent(articleSlug);
14
+ setArticle(articleData);
15
+ setLoading(false);
16
+ };
17
+ loadContent();
18
+ }
19
+ }, [articleSlug]);
20
+ // Scroll spy functionality
21
+ useEffect(() => {
22
+ if (!article?.headings || article.headings.length === 0) return;
23
+ // Clean up previous observer
24
+ if (observerRef.current) {
25
+ observerRef.current.disconnect();
26
+ }
27
+ // Create new intersection observer
28
+ observerRef.current = new IntersectionObserver(entries => {
29
+ entries.forEach(entry => {
30
+ if (entry.isIntersecting) {
31
+ setActiveHeadingId(entry.target.id);
32
+ }
33
+ });
34
+ }, {
35
+ rootMargin: '-20% 0px -70% 0px',
36
+ threshold: 0
37
+ });
38
+ // Observe all headings
39
+ article.headings.forEach(heading => {
40
+ const element = document.getElementById(heading.id);
41
+ if (element && observerRef.current) {
42
+ observerRef.current.observe(element);
43
+ }
44
+ });
45
+ // Cleanup function
46
+ return () => {
47
+ if (observerRef.current) {
48
+ observerRef.current.disconnect();
49
+ }
50
+ };
51
+ }, [article]);
52
+ const handleSearch = query => {
53
+ console.log('Searching for:', query);
54
+ // Implement search functionality
55
+ };
56
+ if (loading) {
57
+ return jsx("div", {
58
+ className: "min-h-screen bg-background text-foreground",
59
+ children: jsx("div", {
60
+ className: "container mx-auto px-16 py-16",
61
+ children: jsxs("div", {
62
+ className: "animate-pulse",
63
+ children: [jsx("div", {
64
+ className: "h-8 bg-muted rounded w-1/3 mb-4"
65
+ }), jsx("div", {
66
+ className: "h-4 bg-muted rounded w-1/2 mb-8"
67
+ }), jsxs("div", {
68
+ className: "space-y-4",
69
+ children: [jsx("div", {
70
+ className: "h-4 bg-muted rounded"
71
+ }), jsx("div", {
72
+ className: "h-4 bg-muted rounded w-5/6"
73
+ }), jsx("div", {
74
+ className: "h-4 bg-muted rounded w-4/6"
75
+ })]
76
+ })]
77
+ })
78
+ })
79
+ });
80
+ }
81
+ if (!article) {
82
+ return jsx("div", {
83
+ className: "min-h-screen bg-background text-foreground mt-20",
84
+ children: jsxs("div", {
85
+ className: "container mx-auto px-16 py-16",
86
+ children: [jsx("h1", {
87
+ className: "text-2xl font-bold",
88
+ children: "Article not found"
89
+ }), jsx(Link, {
90
+ to: "/help-center",
91
+ className: "mt-4 text-primary hover:text-primary/80",
92
+ children: "\u2190 Back to Help Center"
93
+ })]
94
+ })
95
+ });
96
+ }
97
+ return jsxs("div", {
98
+ className: "min-h-screen bg-background text-foreground scroll-smooth",
99
+ children: [jsx("div", {
100
+ className: "relative overflow-hidden",
101
+ children: jsx(HelpCenterHeader, {
102
+ onSearch: handleSearch
103
+ })
104
+ }), jsxs("div", {
105
+ className: "flex flex-col ml-auto w-[80%]",
106
+ children: [jsx("div", {
107
+ className: "container mx-auto px-4 md:px-16 pt-8",
108
+ children: jsxs("nav", {
109
+ className: "flex items-center space-x-2 text-sm text-muted-foreground",
110
+ children: [jsx(Link, {
111
+ to: "/help-center",
112
+ className: "hover:text-foreground",
113
+ children: "All Collections"
114
+ }), jsx("span", {
115
+ children: "\u203A"
116
+ }), jsx(Link, {
117
+ to: `/help-center/${article.categoryId}`,
118
+ className: "hover:text-foreground",
119
+ children: getCategoryById(article.categoryId)?.title || article.categoryId
120
+ }), jsx("span", {
121
+ children: "\u203A"
122
+ }), jsx("span", {
123
+ className: "text-foreground",
124
+ children: article.title
125
+ })]
126
+ })
127
+ }), jsx("main", {
128
+ className: "container mx-auto px-4 md:px-16 py-8",
129
+ children: jsxs("div", {
130
+ className: "flex flex-col lg:flex-row gap-8",
131
+ children: [jsxs("div", {
132
+ className: "flex-1 max-w-4xl mx-auto lg:mx-0",
133
+ children: [jsxs("div", {
134
+ className: "mb-8",
135
+ children: [jsx("h1", {
136
+ className: "text-3xl md:text-4xl font-bold text-foreground mb-4",
137
+ children: article.title
138
+ }), jsx("p", {
139
+ className: "text-lg text-muted-foreground mb-6",
140
+ children: article.description
141
+ }), jsxs("div", {
142
+ className: "flex items-center space-x-4 text-sm text-muted-foreground",
143
+ children: [jsxs("div", {
144
+ className: "flex items-center",
145
+ children: [jsx("div", {
146
+ className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
147
+ children: article.author.charAt(0)
148
+ }), jsxs("span", {
149
+ children: ["Written by ", article.author]
150
+ })]
151
+ }), jsx("span", {
152
+ children: "\u2022"
153
+ }), jsxs("span", {
154
+ children: ["Updated ", article.updatedAt]
155
+ })]
156
+ })]
157
+ }), jsx("div", {
158
+ className: "prose prose-lg max-w-none",
159
+ children: jsx("div", {
160
+ className: cn('prose-headings:text-foreground prose-p:text-muted-foreground prose-strong:text-foreground prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-ul:text-muted-foreground prose-ol:text-muted-foreground prose-li:text-muted-foreground prose-blockquote:text-muted-foreground prose-code:text-foreground prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:rounded prose-pre:bg-muted prose-pre:text-foreground'),
161
+ dangerouslySetInnerHTML: {
162
+ __html: article.htmlContent
163
+ }
164
+ })
165
+ })]
166
+ }), jsx("aside", {
167
+ className: "w-full lg:w-80 flex-shrink-0",
168
+ children: jsx("div", {
169
+ className: "sticky top-[6rem]",
170
+ children: jsx("nav", {
171
+ className: "space-y-1",
172
+ children: article.headings && article.headings.length > 0 ? article.headings.map((heading, index) => {
173
+ const isActive = activeHeadingId === heading.id;
174
+ return jsx("a", {
175
+ href: `#${heading.id}`,
176
+ className: cn('relative block text-sm transition-colors py-1 pl-4', 'border-l-2 border-transparent', isActive ? 'text-foreground border-l-foreground bg-muted/20' : 'text-muted-foreground hover:text-foreground hover:border-l-muted-foreground', heading.level === 1 ? 'font-semibold' : heading.level === 2 ? 'ml-2' : heading.level === 3 ? 'ml-4' : heading.level === 4 ? 'ml-6' : heading.level === 5 ? 'ml-8' : 'ml-10'),
177
+ children: heading.text
178
+ }, index);
179
+ }) : jsx("p", {
180
+ className: "text-sm text-muted-foreground",
181
+ children: "No headings found"
182
+ })
183
+ })
184
+ })
185
+ })]
186
+ })
187
+ })]
188
+ })]
189
+ });
190
+ };export{ArticlePage as default};//# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/pages/ArticlePage/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ declare const CategoryCollectionPage: React.FC;
3
+ export default CategoryCollectionPage;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAsGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,121 @@
1
+ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {cn}from'../../utils/index.js';import {getCategoryById}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
2
+ const {
3
+ categoryId
4
+ } = useParams();
5
+ const category = categoryId ? getCategoryById(categoryId) : null;
6
+ const handleSearch = query => {
7
+ console.log('Searching for:', query);
8
+ // Implement search functionality
9
+ };
10
+ const renderIcon = iconType => {
11
+ if (iconType in HelpCenterIcons) {
12
+ const IconComponent = HelpCenterIcons[iconType];
13
+ return jsx(IconComponent, {
14
+ width: 24,
15
+ height: 24
16
+ });
17
+ }
18
+ return null;
19
+ };
20
+ if (!category) {
21
+ return jsx("div", {
22
+ className: "min-h-screen bg-background text-foreground",
23
+ children: jsxs("div", {
24
+ className: "container mx-auto px-16 py-16",
25
+ children: [jsx("h1", {
26
+ className: "text-2xl font-bold",
27
+ children: "Category not found"
28
+ }), jsx(Link, {
29
+ to: "/help-center",
30
+ className: "mt-4 text-primary hover:text-primary/80",
31
+ children: "\u2190 Back to Help Center"
32
+ })]
33
+ })
34
+ });
35
+ }
36
+ return jsxs("div", {
37
+ className: "min-h-screen bg-background text-foreground",
38
+ children: [jsx("div", {
39
+ className: "relative overflow-hidden",
40
+ children: jsx(HelpCenterHeader, {
41
+ onSearch: handleSearch
42
+ })
43
+ }), jsx("div", {
44
+ className: "container mx-auto px-16 pt-8",
45
+ children: jsxs("nav", {
46
+ className: "flex items-center space-x-2 text-sm text-muted-foreground",
47
+ children: [jsx(Link, {
48
+ to: "/help-center",
49
+ className: "hover:text-foreground",
50
+ children: "All Collections"
51
+ }), jsx("span", {
52
+ children: "\u203A"
53
+ }), jsx("span", {
54
+ className: "text-foreground",
55
+ children: category.title
56
+ })]
57
+ })
58
+ }), jsxs("main", {
59
+ className: "container mx-auto px-16 py-8",
60
+ children: [jsx("div", {
61
+ className: "mb-8",
62
+ children: jsxs("div", {
63
+ className: "flex items-start space-x-4",
64
+ children: [jsx("div", {
65
+ className: "text-primary",
66
+ children: renderIcon(category.iconType)
67
+ }), jsxs("div", {
68
+ children: [jsx("h1", {
69
+ className: "text-4xl font-bold text-foreground mb-2",
70
+ children: category.title
71
+ }), jsx("p", {
72
+ className: "text-lg text-muted-foreground mb-4",
73
+ children: category.description
74
+ }), jsx("div", {
75
+ className: "flex items-center space-x-4 text-sm text-muted-foreground",
76
+ children: jsxs("div", {
77
+ className: "flex items-center",
78
+ children: [jsx("div", {
79
+ className: "mr-2 flex h-6 w-6 items-center justify-center rounded-full bg-muted text-xs text-foreground",
80
+ children: "J"
81
+ }), jsxs("span", {
82
+ children: ["By Beena \u2022 ", category.articles.length, " articles"]
83
+ })]
84
+ })
85
+ })]
86
+ })]
87
+ })
88
+ }), jsx("div", {
89
+ className: "space-y-4",
90
+ children: category.articles.map(article => jsxs(Link, {
91
+ to: `/help-center/${categoryId}/${article.slug}`,
92
+ className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),
93
+ children: [jsxs("div", {
94
+ className: "flex-1",
95
+ children: [jsx("h3", {
96
+ className: "text-lg font-medium text-foreground group-hover:text-primary transition-colors",
97
+ children: article.title
98
+ }), jsx("p", {
99
+ className: "mt-1 text-sm text-muted-foreground",
100
+ children: article.description
101
+ })]
102
+ }), jsx("div", {
103
+ className: "ml-4 text-muted-foreground group-hover:text-primary transition-colors",
104
+ children: jsx("svg", {
105
+ className: "h-5 w-5",
106
+ fill: "none",
107
+ viewBox: "0 0 24 24",
108
+ stroke: "currentColor",
109
+ children: jsx("path", {
110
+ strokeLinecap: "round",
111
+ strokeLinejoin: "round",
112
+ strokeWidth: 2,
113
+ d: "M9 5l7 7-7 7"
114
+ })
115
+ })
116
+ })]
117
+ }, article.id))
118
+ })]
119
+ })]
120
+ });
121
+ };export{CategoryCollectionPage as default};//# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6TAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;AACd,EAAA,MAAA,QAAQ,GAAG,4BAA0B,CAAA,UAAA,CAAA,GAAA,IAAA;QACrC,YAAiC,GAAA,KAAA,IAAA;AACrC,IAAA,OAAE,CAAA,GAAA,CAAA,gBAAA,EAAA,KAAA,CAAA;AAEF;AACI,GAAA;AACI,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACT,OAAA,CAAA;;IAYJ,OAAO,IACE;AAsEb,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface ExampleCardProps {
3
+ question: string;
4
+ answer: string;
5
+ icon?: React.ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare const ExampleCard: React.FC<ExampleCardProps>;
9
+ export {};
10
+ //# sourceMappingURL=ExampleCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ExampleCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/ExampleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6BlD,CAAC"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ interface GetStartedHeroProps {
3
+ title?: string;
4
+ subtitle?: string;
5
+ }
6
+ export declare const GetStartedHero: React.FC<GetStartedHeroProps>;
7
+ export {};
8
+ //# sourceMappingURL=GetStartedHero.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GetStartedHero.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/GetStartedHero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,mBAAmB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBxD,CAAC"}
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ interface InfoSectionProps {
3
+ title: string;
4
+ description?: string;
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ lightBackground?: boolean;
8
+ }
9
+ export declare const InfoSection: React.FC<InfoSectionProps>;
10
+ export {};
11
+ //# sourceMappingURL=InfoSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InfoSection.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/InfoSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkBlD,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface TipCardProps {
3
+ title: string;
4
+ description: string;
5
+ icon?: React.ReactNode;
6
+ className?: string;
7
+ }
8
+ export declare const TipCard: React.FC<TipCardProps>;
9
+ export {};
10
+ //# sourceMappingURL=TipCard.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TipCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/TipCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgB1C,CAAC"}
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ interface UseCaseProps {
3
+ title: string;
4
+ description: string;
5
+ icon?: React.ReactNode;
6
+ }
7
+ export declare const UseCase: React.FC<UseCaseProps>;
8
+ interface UseCaseGridProps {
9
+ children: React.ReactNode;
10
+ }
11
+ export declare const UseCaseGrid: React.FC<UseCaseGridProps>;
12
+ export {};
13
+ //# sourceMappingURL=UseCase.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UseCase.d.ts","sourceRoot":"","sources":["../../../../src/pages/GetStarted/components/UseCase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAU1C,CAAC;AAEF,UAAU,gBAAgB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC"}
@@ -0,0 +1,3 @@
1
+ declare const GetStartedPage: () => import("react/jsx-runtime").JSX.Element;
2
+ export default GetStartedPage;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/GetStarted/index.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,+CAsuBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}