@promakeai/cli 0.0.5 → 0.1.0

package/dist/registry/cookie-consent.json

@@ -0,0 +1,43 @@
+{
+  "name": "cookie-consent",
+  "type": "registry:component",
+  "title": "Cookie Consent Banner",
+  "description": "GDPR-compliant cookie consent banner with Accept, Decline, and Customize buttons. Features slide-up animation, localStorage persistence, and customizable links to privacy/cookie policy pages.",
+  "dependencies": [
+    "motion"
+  ],
+  "registryDependencies": [],
+  "usage": "import { CookieConsent } from '@/modules/cookie-consent';\n\n// Add to your App or Layout component\n<CookieConsent\n  onAccept={() => console.log('Accepted')}\n  onDecline={() => console.log('Declined')}\n  onCustomize={() => openPreferencesModal()}\n/>\n\n• Auto-hides after user decision\n• localStorage persistence\n• Customizable policy URLs",
+  "files": [
+    {
+      "path": "cookie-consent/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/cookie-consent/index.ts",
+      "content": "export { CookieConsent } from \"./cookie-consent\";\r\n"
+    },
+    {
+      "path": "cookie-consent/cookie-consent.tsx",
+      "type": "registry:component",
+      "target": "$modules$/cookie-consent/cookie-consent.tsx",
+      "content": "import { useState, useEffect } from \"react\";\r\nimport { Link } from \"react-router\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { X } from \"lucide-react\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { motion, AnimatePresence } from \"motion/react\";\r\n\r\ninterface CookieConsentProps {\r\n  className?: string;\r\n  privacyPolicyUrl?: string;\r\n  cookiePolicyUrl?: string;\r\n  onAccept?: () => void;\r\n  onDecline?: () => void;\r\n  width?: \"full\" | \"compact\" | \"auto\";\r\n  position?: \"left\" | \"right\" | \"center\";\r\n  storageKey?: string;\r\n}\r\n\r\nconst DEFAULT_STORAGE_KEY = \"cookie-consent\";\r\n\r\nexport function CookieConsent({\r\n  className,\r\n  privacyPolicyUrl = \"/privacy\",\r\n  cookiePolicyUrl = \"/cookies\",\r\n  onAccept,\r\n  onDecline,\r\n  width = \"full\",\r\n  position = \"center\",\r\n  storageKey = DEFAULT_STORAGE_KEY,\r\n}: CookieConsentProps) {\r\n  const { t } = useTranslation(\"cookie-consent\");\r\n  const [isVisible, setIsVisible] = useState(false);\r\n  const [isClosing, setIsClosing] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const consent = localStorage.getItem(storageKey);\r\n    if (!consent) {\r\n      // Small delay for better UX\r\n      const timer = setTimeout(() => setIsVisible(true), 1000);\r\n      return () => clearTimeout(timer);\r\n    }\r\n  }, [storageKey]);\r\n\r\n  const handleAccept = () => {\r\n    localStorage.setItem(storageKey, \"accepted\");\r\n    setIsClosing(true);\r\n    setTimeout(() => {\r\n      setIsVisible(false);\r\n      onAccept?.();\r\n    }, 300);\r\n  };\r\n\r\n  const handleDecline = () => {\r\n    localStorage.setItem(storageKey, \"declined\");\r\n    setIsClosing(true);\r\n    setTimeout(() => {\r\n      setIsVisible(false);\r\n      onDecline?.();\r\n    }, 300);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setIsClosing(true);\r\n    setTimeout(() => setIsVisible(false), 300);\r\n  };\r\n\r\n  if (!isVisible) return null;\r\n\r\n  return (\r\n    <AnimatePresence>\r\n      {isVisible && (\r\n        <motion.div\r\n          initial={{ y: 100, opacity: 0 }}\r\n          animate={{ y: isClosing ? 100 : 0, opacity: isClosing ? 0 : 1 }}\r\n          exit={{ y: 100, opacity: 0 }}\r\n          transition={{ type: \"spring\", damping: 25, stiffness: 300 }}\r\n          className={cn(\r\n            \"fixed bottom-0 z-50 p-4 md:p-6 left-0 right-0\",\r\n            position === \"left\" && \"md:right-auto\",\r\n            position === \"right\" && \"md:left-auto\",\r\n            className\r\n          )}\r\n        >\r\n          <div className={cn(\r\n            \"w-full mx-auto\",\r\n            width === \"full\" && \"max-w-[var(--container-max-width)]\",\r\n            width === \"compact\" && \"md:max-w-md\",\r\n            width === \"auto\" && \"md:w-auto\"\r\n          )}>\r\n            <div className=\"bg-card border border-border rounded-2xl shadow-2xl p-5 relative\">\r\n              {/* Close button */}\r\n              <button\r\n                onClick={handleClose}\r\n                className=\"absolute top-3 right-3 p-1 text-muted-foreground hover:text-foreground transition-colors\"\r\n                aria-label={t(\"close\", \"Close\")}\r\n              >\r\n                <X className=\"h-4 w-4\" />\r\n              </button>\r\n\r\n              {/* Title & Description */}\r\n              <div className=\"mb-4 pr-6\">\r\n                <h3 className=\"text-base font-semibold text-foreground mb-1\">\r\n                  {t(\"title\", \"Cookie Notice\")}\r\n                </h3>\r\n                <p className=\"text-sm text-muted-foreground\">\r\n                  {t(\"description\", \"We use cookies to improve your experience.\")}{\" \"}\r\n                  <Link to={privacyPolicyUrl} className=\"text-primary hover:underline\">\r\n                    {t(\"privacyPolicy\", \"Privacy\")}\r\n                  </Link>\r\n                  {\" · \"}\r\n                  <Link to={cookiePolicyUrl} className=\"text-primary hover:underline\">\r\n                    {t(\"cookiePolicy\", \"Cookies\")}\r\n                  </Link>\r\n                </p>\r\n              </div>\r\n\r\n              {/* Buttons */}\r\n              <div className=\"flex flex-row gap-3\">\r\n                <Button\r\n                  variant=\"outline\"\r\n                  size=\"sm\"\r\n                  onClick={handleDecline}\r\n                  className=\"flex-1\"\r\n                >\r\n                  {t(\"decline\", \"Decline\")}\r\n                </Button>\r\n                <Button\r\n                  size=\"sm\"\r\n                  onClick={handleAccept}\r\n                  className=\"flex-1\"\r\n                >\r\n                  {t(\"accept\", \"Accept\")}\r\n                </Button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </motion.div>\r\n      )}\r\n    </AnimatePresence>\r\n  );\r\n}\r\n"
+    },
+    {
+      "path": "cookie-consent/lang/en.json",
+      "type": "registry:lang",
+      "target": "$modules$/cookie-consent/lang/en.json",
+      "content": "{\r\n  \"title\": \"Cookie Notice\",\r\n  \"description\": \"We use cookies to improve your experience.\",\r\n  \"privacyPolicy\": \"Privacy\",\r\n  \"cookiePolicy\": \"Cookies\",\r\n  \"accept\": \"Accept\",\r\n  \"decline\": \"Decline\",\r\n  \"close\": \"Close\"\r\n}\r\n"
+    },
+    {
+      "path": "cookie-consent/lang/tr.json",
+      "type": "registry:lang",
+      "target": "$modules$/cookie-consent/lang/tr.json",
+      "content": "{\r\n  \"title\": \"Gizliliğinize değer veriyoruz\",\r\n  \"description\": \"Göz atma deneyiminizi geliştirmek, kişiselleştirilmiş içerik sunmak ve trafiğimizi analiz etmek için çerezler kullanıyoruz. \\\"Tümünü Kabul Et\\\"e tıklayarak çerez kullanımımıza onay verirsiniz.\",\r\n  \"privacyPolicy\": \"Gizlilik Politikası\",\r\n  \"cookiePolicy\": \"Çerez Politikası\",\r\n  \"accept\": \"Tümünü Kabul Et\",\r\n  \"decline\": \"Reddet\",\r\n  \"customize\": \"Özelleştir\",\r\n  \"close\": \"Kapat\"\r\n}\r\n"
+    }
+  ],
+  "exports": {
+    "types": [],
+    "variables": [
+      "CookieConsent"
+    ]
+  }
+}

package/dist/registry/cookies-page.json

@@ -3,7 +3,9 @@
   "type": "registry:page",
   "title": "Cookie Policy Page",
   "description": "Cookie policy page explaining cookie types (essential, analytics, marketing), purposes, third-party cookies, and user controls. Includes cookie table with name, purpose, and expiration. GDPR/ePrivacy compliant formatting with clear explanations for non-technical users.",
-  "registryDependencies": [],
+  "registryDependencies": [
+    "animations"
+  ],
   "usage": "import { CookiesPage } from '@/modules/cookies-page';\n\n<Route path=\"/cookies\" element={<CookiesPage />} />\n\n• Cookie types: essential, analytics, marketing\n• Cookie table with name, purpose, expiration\n• GDPR/ePrivacy compliant",
   "route": {
     "path": "/cookies",
@@ -20,7 +22,7 @@
       "path": "cookies-page/cookies-page.tsx",
       "type": "registry:page",
       "target": "$modules$/cookies-page/cookies-page.tsx",
-      "content": "import { useTranslation } from \"react-i18next\";\nimport { usePageTitle } from \"@/hooks/use-page-title\";\nimport { Layout } from \"@/components/Layout\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Cookie, Settings, BarChart, Megaphone, Shield, Info } from \"lucide-react\";\nimport { FadeIn, StaggerContainer, StaggerItem } from \"@/modules/animations\";\n\nexport function CookiesPage() {\n  const { t } = useTranslation(\"cookies-page\");\n  usePageTitle({ title: t(\"title\") });\n\n  const cookieTypes = [\n    { icon: Shield, titleKey: \"essentialTitle\", descKey: \"essentialDesc\" },\n    { icon: BarChart, titleKey: \"analyticsTitle\", descKey: \"analyticsDesc\" },\n    { icon: Settings, titleKey: \"functionalTitle\", descKey: \"functionalDesc\" },\n    { icon: Megaphone, titleKey: \"marketingTitle\", descKey: \"marketingDesc\" },\n  ];\n\n  return (\n    <Layout>\n      <div className=\"min-h-screen bg-muted/30 py-12\">\n        <div className=\"container mx-auto px-4\">\n          {/* Header */}\n          <FadeIn className=\"text-center mb-12\">\n            <div className=\"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n              <Cookie className=\"w-8 h-8 text-primary\" />\n            </div>\n            <h1 className=\"text-4xl font-bold text-foreground mb-4\">\n              {t(\"title\")}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {t(\"lastUpdated\")}: {t(\"updateDate\")}\n            </p>\n          </FadeIn>\n\n          {/* Introduction */}\n          <FadeIn delay={0.1} className=\"max-w-4xl mx-auto mb-12\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <p className=\"text-muted-foreground leading-relaxed\">\n                  {t(\"introduction\")}\n                </p>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* What Are Cookies */}\n          <FadeIn delay={0.2} className=\"max-w-4xl mx-auto mb-8\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                    <Info className=\"w-5 h-5 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <h2 className=\"text-xl font-semibold mb-3\">{t(\"whatTitle\")}</h2>\n                    <p className=\"text-muted-foreground\">{t(\"whatContent\")}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* Cookie Types */}\n          <div className=\"max-w-4xl mx-auto mb-8\">\n            <FadeIn className=\"text-center mb-6\">\n              <h2 className=\"text-2xl font-semibold\">{t(\"typesTitle\")}</h2>\n            </FadeIn>\n            <StaggerContainer className=\"grid md:grid-cols-2 gap-6\">\n              {cookieTypes.map(({ icon: Icon, titleKey, descKey }) => (\n                <StaggerItem key={titleKey}>\n                  <Card className=\"h-full\">\n                    <CardContent className=\"p-6\">\n                      <div className=\"flex items-start gap-4\">\n                        <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                          <Icon className=\"w-5 h-5 text-primary\" />\n                        </div>\n                        <div className=\"flex-1\">\n                          <h3 className=\"font-semibold mb-2\">{t(titleKey)}</h3>\n                          <p className=\"text-sm text-muted-foreground\">{t(descKey)}</p>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </StaggerItem>\n              ))}\n            </StaggerContainer>\n          </div>\n\n          {/* Management */}\n          <FadeIn className=\"max-w-4xl mx-auto mb-12\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                    <Settings className=\"w-5 h-5 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <h2 className=\"text-xl font-semibold mb-3\">{t(\"managementTitle\")}</h2>\n                    <p className=\"text-muted-foreground\">{t(\"managementContent\")}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* Footer Note */}\n          <FadeIn className=\"max-w-4xl mx-auto text-center\">\n            <p className=\"text-sm text-muted-foreground\">{t(\"footerNote\")}</p>\n          </FadeIn>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n\nexport default CookiesPage;\n"
+      "content": "import { useTranslation } from \"react-i18next\";\nimport { usePageTitle } from \"@/hooks/use-page-title\";\nimport { Layout } from \"@/components/Layout\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Cookie, Settings, BarChart, Megaphone, Shield, Info } from \"lucide-react\";\nimport { FadeIn, StaggerContainer, StaggerItem } from \"@/modules/animations\";\n\nexport function CookiesPage() {\n  const { t } = useTranslation(\"cookies-page\");\n  usePageTitle({ title: t(\"title\") });\n\n  const cookieTypes = [\n    { icon: Shield, titleKey: \"essentialTitle\", descKey: \"essentialDesc\" },\n    { icon: BarChart, titleKey: \"analyticsTitle\", descKey: \"analyticsDesc\" },\n    { icon: Settings, titleKey: \"functionalTitle\", descKey: \"functionalDesc\" },\n    { icon: Megaphone, titleKey: \"marketingTitle\", descKey: \"marketingDesc\" },\n  ];\n\n  return (\n    <Layout>\n      <div className=\"min-h-screen bg-muted/30 py-12\">\n        <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\n          {/* Header */}\n          <FadeIn className=\"text-center mb-12\">\n            <div className=\"w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n              <Cookie className=\"w-8 h-8 text-primary\" />\n            </div>\n            <h1 className=\"text-4xl font-bold text-foreground mb-4\">\n              {t(\"title\")}\n            </h1>\n            <p className=\"text-muted-foreground\">\n              {t(\"lastUpdated\")}: {t(\"updateDate\")}\n            </p>\n          </FadeIn>\n\n          {/* Introduction */}\n          <FadeIn delay={0.1} className=\"max-w-4xl mx-auto mb-12\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <p className=\"text-muted-foreground leading-relaxed\">\n                  {t(\"introduction\")}\n                </p>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* What Are Cookies */}\n          <FadeIn delay={0.2} className=\"max-w-4xl mx-auto mb-8\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                    <Info className=\"w-5 h-5 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <h2 className=\"text-xl font-semibold mb-3\">{t(\"whatTitle\")}</h2>\n                    <p className=\"text-muted-foreground\">{t(\"whatContent\")}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* Cookie Types */}\n          <div className=\"max-w-4xl mx-auto mb-8\">\n            <FadeIn className=\"text-center mb-6\">\n              <h2 className=\"text-2xl font-semibold\">{t(\"typesTitle\")}</h2>\n            </FadeIn>\n            <StaggerContainer className=\"grid md:grid-cols-2 gap-6\">\n              {cookieTypes.map(({ icon: Icon, titleKey, descKey }) => (\n                <StaggerItem key={titleKey}>\n                  <Card className=\"h-full\">\n                    <CardContent className=\"p-6\">\n                      <div className=\"flex items-start gap-4\">\n                        <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                          <Icon className=\"w-5 h-5 text-primary\" />\n                        </div>\n                        <div className=\"flex-1\">\n                          <h3 className=\"font-semibold mb-2\">{t(titleKey)}</h3>\n                          <p className=\"text-sm text-muted-foreground\">{t(descKey)}</p>\n                        </div>\n                      </div>\n                    </CardContent>\n                  </Card>\n                </StaggerItem>\n              ))}\n            </StaggerContainer>\n          </div>\n\n          {/* Management */}\n          <FadeIn className=\"max-w-4xl mx-auto mb-12\">\n            <Card>\n              <CardContent className=\"p-8\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 bg-primary/10 rounded-lg flex items-center justify-center flex-shrink-0\">\n                    <Settings className=\"w-5 h-5 text-primary\" />\n                  </div>\n                  <div className=\"flex-1\">\n                    <h2 className=\"text-xl font-semibold mb-3\">{t(\"managementTitle\")}</h2>\n                    <p className=\"text-muted-foreground\">{t(\"managementContent\")}</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </FadeIn>\n\n          {/* Footer Note */}\n          <FadeIn className=\"max-w-4xl mx-auto text-center\">\n            <p className=\"text-sm text-muted-foreground\">{t(\"footerNote\")}</p>\n          </FadeIn>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n\nexport default CookiesPage;\n"
     },
     {
       "path": "cookies-page/lang/en.json",

package/dist/registry/cta-section.json

@@ -16,13 +16,13 @@
       "path": "cta-section/cta-section.tsx",
       "type": "registry:component",
       "target": "$modules$/cta-section/cta-section.tsx",
-      "content": "import { Link } from \"react-router\";\nimport { Button } from \"@/components/ui/button\";\nimport { useTranslation } from \"react-i18next\";\n\nexport function CtaSection() {\n  const { t } = useTranslation(\"cta-section\");\n\n  return (\n    <section className=\"py-20 bg-primary text-primary-foreground\">\n      <div className=\"container mx-auto px-4 text-center\">\n        <h2 className=\"text-3xl lg:text-4xl font-bold mb-6\">\n          {t(\"title\", \"Ready to Start Your Project?\")}\n        </h2>\n        <p className=\"text-xl opacity-90 max-w-2xl mx-auto mb-8\">\n          {t(\n            \"description\",\n            \"Let's discuss your needs and create a solution that drives results for your business.\"\n          )}\n        </p>\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-center\">\n          <Button\n            size=\"lg\"\n            variant=\"secondary\"\n            className=\"px-8 py-3 text-lg\"\n            asChild\n          >\n            <Link to=\"/contact\">{t(\"primaryButton\", \"Get Free Quote\")}</Link>\n          </Button>\n          <Button\n            size=\"lg\"\n            variant=\"outline\"\n            className=\"px-8 py-3 text-lg border-primary-foreground text-primary-foreground bg-transparent hover:bg-primary-foreground hover:text-primary transition-all duration-300\"\n            asChild\n          >\n            <Link to=\"/about\" className=\"text-primary-foreground hover:text-primary\">\n              {t(\"secondaryButton\", \"Learn About Us\")}\n            </Link>\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"
+      "content": "import { Link } from \"react-router\";\nimport { Button } from \"@/components/ui/button\";\nimport { useTranslation } from \"react-i18next\";\n\nexport function CtaSection() {\n  const { t } = useTranslation(\"cta-section\");\n\n  return (\n    <section className=\"py-20 bg-primary text-primary-foreground\">\n      <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4 text-center\">\n        <h2 className=\"text-3xl lg:text-4xl font-bold mb-6\">\n          {t(\"title\", \"Ready to Start Your Project?\")}\n        </h2>\n        <p className=\"text-xl opacity-90 max-w-2xl mx-auto mb-8\">\n          {t(\n            \"description\",\n            \"Let's discuss your needs and create a solution that drives results for your business.\"\n          )}\n        </p>\n        <div className=\"flex flex-col sm:flex-row gap-4 justify-center\">\n          <Button\n            size=\"lg\"\n            variant=\"secondary\"\n            className=\"px-8 py-3 text-lg\"\n            asChild\n          >\n            <Link to=\"/contact\">{t(\"primaryButton\", \"Get Free Quote\")}</Link>\n          </Button>\n          <Button\n            size=\"lg\"\n            variant=\"outline\"\n            className=\"px-8 py-3 text-lg border-primary-foreground text-primary-foreground bg-transparent hover:bg-primary-foreground hover:text-primary transition-all duration-300\"\n            asChild\n          >\n            <Link to=\"/about\" className=\"text-primary-foreground hover:text-primary\">\n              {t(\"secondaryButton\", \"Learn About Us\")}\n            </Link>\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n"
     },
     {
       "path": "cta-section/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/cta-section/lang/en.json",
-      "content": "{\r\n  \"title\": \"Ready to Start Your Project?\",\r\n  \"description\": \"AI will customize this CTA description based on your site goals. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\",\r\n  \"primaryButton\": \"Get Free Quote\",\r\n  \"secondaryButton\": \"Learn About Us\"\r\n}\r\n"
+      "content": "{\r\n  \"title\": \"Ready to Start Your Project?\",\r\n  \"description\": \"Ask Promake to customize this CTA description based on your site goals. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\",\r\n  \"primaryButton\": \"Get Free Quote\",\r\n  \"secondaryButton\": \"Learn About Us\"\r\n}\r\n"
     },
     {
       "path": "cta-section/lang/tr.json",

package/dist/registry/db.json

@@ -0,0 +1,129 @@
+{
+  "name": "db",
+  "type": "registry:module",
+  "title": "Database Module",
+  "description": "Universal data management with adapter pattern and React Query integration. Includes SQLite adapter for client-side persistence, DataManager for CRUD operations, and useRepository hook for React components. Supports complex queries, pagination, joins, and type-safe operations.",
+  "dependencies": [
+    "sql.js",
+    "@tanstack/react-query"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "db/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/db/index.ts",
+      "content": "/**\n * DB Module\n * Universal data management with adapter pattern + React Query\n */\n\n// Core\nexport { DataManager } from \"./core/DataManager\";\nexport type {\n  QueryOptions,\n  OrderBy,\n  PaginatedResult,\n  // Complex query types\n  WhereOperator,\n  WhereCondition,\n  WhereGroup,\n  JoinType,\n  JoinClause,\n} from \"./core/types\";\n\n// Adapters\nexport type { IDataAdapter } from \"./adapters/IDataAdapter\";\nexport { SqliteAdapter } from \"./adapters/SqliteAdapter\";\n\n// Config\nexport { getAdapter, createAdapter, resetAdapter } from \"./config\";\nexport type { DataConfig, AdapterType } from \"./config\";\n\n// React exports (re-export from react/index.ts)\nexport * from \"./react\";\n\n// Re-export for convenience\nexport { DBQueryProvider as QueryProvider } from \"./react\";\n\n// Utility exports (parsers for client-side data transformation)\nexport {\n  parseCommaSeparatedString,\n  parseJSONStringToArray,\n  parseStringToArray,\n  parseJSONString,\n  parseSQLiteBoolean,\n  parseNumberSafe,\n} from \"./utils/parsers\";\n"
+    },
+    {
+      "path": "db/config.ts",
+      "type": "registry:lib",
+      "target": "$modules$/db/config.ts",
+      "content": "import type { IDataAdapter } from \"./adapters/IDataAdapter\";\nimport { SqliteAdapter } from \"./adapters/SqliteAdapter\";\n\nexport type AdapterType = \"sqlite\";\n\nexport interface DataConfig {\n  adapter: AdapterType;\n  options?: {\n    dbPath?: string;\n  };\n}\n\n/**\n * Get configuration from environment variables\n */\nfunction getConfig(): DataConfig {\n  const adapter =\n    (import.meta.env.VITE_DATA_ADAPTER as AdapterType) || \"sqlite\";\n\n  return {\n    adapter,\n    options: {\n      dbPath: import.meta.env.VITE_DB_PATH || \"/data/database.db\",\n    },\n  };\n}\n\n/**\n * Create adapter instance based on configuration\n */\nexport function createAdapter(config: DataConfig): IDataAdapter {\n  switch (config.adapter) {\n    case \"sqlite\":\n      return new SqliteAdapter(config.options?.dbPath);\n\n    default:\n      throw new Error(`Unknown adapter: ${config.adapter}`);\n  }\n}\n\n/**\n * Get the configured adapter instance (singleton)\n */\nlet adapterInstance: IDataAdapter | null = null;\n\nexport function getAdapter(): IDataAdapter {\n  if (!adapterInstance) {\n    const config = getConfig();\n    adapterInstance = createAdapter(config);\n  }\n  return adapterInstance;\n}\n\n/**\n * Reset adapter instance (useful for testing or switching adapters)\n */\nexport function resetAdapter(): void {\n  adapterInstance = null;\n}\n"
+    },
+    {
+      "path": "db/core/DataManager.ts",
+      "type": "registry:lib",
+      "target": "$modules$/db/core/DataManager.ts",
+      "content": "import type { IDataAdapter } from \"../adapters/IDataAdapter\";\nimport type { QueryOptions, PaginatedResult } from \"./types\";\n\n/**\n * DataManager - Simple proxy to adapter\n */\nexport class DataManager {\n  private static instance: DataManager;\n  private adapter: IDataAdapter;\n\n  private constructor(adapter: IDataAdapter) {\n    this.adapter = adapter;\n  }\n\n  static getInstance(adapter: IDataAdapter): DataManager {\n    if (!DataManager.instance) {\n      DataManager.instance = new DataManager(adapter);\n    }\n    return DataManager.instance;\n  }\n\n  // Simple pass-through methods - no cache logic\n  async query<T = any>(table: string, options?: QueryOptions): Promise<T[]> {\n    return this.adapter.findMany<T>(table, options);\n  }\n\n  async queryOne<T = any>(\n    table: string,\n    options?: QueryOptions,\n  ): Promise<T | null> {\n    const results = await this.query<T>(table, { ...options, limit: 1 });\n    return results[0] || null;\n  }\n\n  async queryById<T = any>(\n    table: string,\n    id: number | string,\n  ): Promise<T | null> {\n    return this.adapter.findById<T>(table, id);\n  }\n\n  async count(table: string, options?: QueryOptions): Promise<number> {\n    return this.adapter.count(table, options);\n  }\n\n  async paginate<T = any>(\n    table: string,\n    page: number = 1,\n    limit: number = 10,\n    options?: QueryOptions,\n  ): Promise<PaginatedResult<T>> {\n    const offset = (page - 1) * limit;\n\n    const [data, total] = await Promise.all([\n      this.query<T>(table, { ...options, limit, offset }),\n      this.count(table, options),\n    ]);\n\n    return {\n      data,\n      page,\n      limit,\n      total,\n      totalPages: Math.ceil(total / limit),\n      hasMore: page * limit < total,\n    };\n  }\n\n  // Mutations - no cache invalidation here (React Query handles it)\n  async create<T = any>(table: string, data: Partial<T>): Promise<T> {\n    return this.adapter.create<T>(table, data);\n  }\n\n  async update<T = any>(\n    table: string,\n    id: number | string,\n    data: Partial<T>,\n  ): Promise<T> {\n    return this.adapter.update<T>(table, id, data);\n  }\n\n  async delete(table: string, id: number | string): Promise<boolean> {\n    return this.adapter.delete(table, id);\n  }\n\n  // Direct adapter access for advanced use cases\n  getAdapter(): IDataAdapter {\n    return this.adapter;\n  }\n\n  // ============================================\n  // RAW SQL QUERIES\n  // ============================================\n\n  /**\n   * Execute raw SQL query - returns multiple rows\n   * Use for complex queries that can't be expressed with QueryOptions\n   *\n   * @example\n   * const posts = await dm.raw<Post>(`\n   *   SELECT DISTINCT p.*, c.name as category_name\n   *   FROM posts p\n   *   JOIN post_categories pc ON p.id = pc.post_id\n   *   JOIN blog_categories c ON pc.category_id = c.id\n   *   WHERE c.slug = ? AND p.published = 1\n   * `, [categorySlug]);\n   */\n  async raw<T = any>(sql: string, params?: any[]): Promise<T[]> {\n    return this.adapter.raw<T>(sql, params);\n  }\n\n  /**\n   * Execute raw SQL query - returns single row or null\n   * Use for aggregations, single record lookups\n   *\n   * @example\n   * const priceRange = await dm.rawOne<{min: number, max: number}>(`\n   *   SELECT MIN(price) as min, MAX(price) as max\n   *   FROM products WHERE published = 1\n   * `);\n   */\n  async rawOne<T = any>(sql: string, params?: any[]): Promise<T | null> {\n    return this.adapter.rawOne<T>(sql, params);\n  }\n}\n"
+    },
+    {
+      "path": "db/core/types.ts",
+      "type": "registry:type",
+      "target": "$modules$/db/core/types.ts",
+      "content": "/**\n * Core type definitions for data-access module\n */\n\n// ============================================\n// WHERE CONDITIONS\n// ============================================\n\n/** WHERE condition operators */\nexport type WhereOperator =\n  | \"=\"\n  | \"!=\"\n  | \"<>\"\n  | \">\"\n  | \"<\"\n  | \">=\"\n  | \"<=\"\n  | \"LIKE\"\n  | \"NOT LIKE\"\n  | \"IN\"\n  | \"NOT IN\"\n  | \"BETWEEN\"\n  | \"NOT BETWEEN\"\n  | \"IS NULL\"\n  | \"IS NOT NULL\";\n\n/** Single WHERE condition */\nexport interface WhereCondition {\n  field: string;\n  operator: WhereOperator;\n  value: any;\n}\n\n/** WHERE groups (AND/OR) - recursive structure */\nexport interface WhereGroup {\n  type: \"AND\" | \"OR\";\n  conditions: (WhereCondition | WhereGroup)[];\n}\n\n// ============================================\n// JOIN DEFINITIONS\n// ============================================\n\n/** JOIN types */\nexport type JoinType = \"INNER\" | \"LEFT\" | \"RIGHT\" | \"CROSS\";\n\n/** JOIN definition */\nexport interface JoinClause {\n  type: JoinType;\n  table: string;\n  alias?: string;\n  on: {\n    leftField: string;\n    rightField: string;\n  };\n}\n\n// ============================================\n// QUERY OPTIONS\n// ============================================\n\n/** Order definition */\nexport interface OrderBy {\n  field: string;\n  direction: \"ASC\" | \"DESC\";\n}\n\n/** Extended Query Options */\nexport interface QueryOptions {\n  // Existing (backwards compatible)\n  where?: Record<string, any>;\n  limit?: number;\n  offset?: number;\n  orderBy?: OrderBy[];\n  include?: string[];\n\n  // New features\n  select?: string[]; // SELECT fields: ['p.*', 'c.name as category_name']\n  distinct?: boolean; // DISTINCT usage\n  joins?: JoinClause[]; // JOIN definitions\n  whereAdvanced?: WhereGroup; // Complex WHERE conditions (AND/OR groups)\n  groupBy?: string[]; // GROUP BY fields\n  having?: WhereGroup; // HAVING conditions\n}\n\n// ============================================\n// RESULT TYPES\n// ============================================\n\n/** Paginated result */\nexport interface PaginatedResult<T> {\n  data: T[];\n  page: number;\n  limit: number;\n  total: number;\n  totalPages: number;\n  hasMore: boolean;\n}\n\n/** Query key (for cache) */\nexport type QueryKey = (string | number | object)[];\n"
+    },
+    {
+      "path": "db/adapters/IDataAdapter.ts",
+      "type": "registry:type",
+      "target": "$modules$/db/adapters/IDataAdapter.ts",
+      "content": "import type { QueryOptions } from \"../core/types\";\n\n/**\n * Data Adapter Interface\n * Implement this interface to create custom data sources\n */\nexport interface IDataAdapter {\n  // Connection\n  connect(): Promise<void>;\n  disconnect(): Promise<void>;\n\n  // CRUD operations\n  findMany<T>(table: string, options?: QueryOptions): Promise<T[]>;\n  findOne<T>(table: string, options: QueryOptions): Promise<T | null>;\n  findById<T>(table: string, id: number | string): Promise<T | null>;\n  create<T>(table: string, data: Partial<T>): Promise<T>;\n  update<T>(table: string, id: number | string, data: Partial<T>): Promise<T>;\n  delete(table: string, id: number | string): Promise<boolean>;\n\n  // Utilities\n  count(table: string, options?: QueryOptions): Promise<number>;\n\n  // Raw SQL queries - for complex queries that can't be expressed with QueryOptions\n  raw<T>(sql: string, params?: any[]): Promise<T[]>;\n  rawOne<T>(sql: string, params?: any[]): Promise<T | null>;\n}\n"
+    },
+    {
+      "path": "db/adapters/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/db/adapters/index.ts",
+      "content": "export type { IDataAdapter } from \"./IDataAdapter\";\nexport { SqliteAdapter } from \"./SqliteAdapter\";\n"
+    },
+    {
+      "path": "db/adapters/SqliteAdapter.ts",
+      "type": "registry:lib",
+      "target": "$modules$/db/adapters/SqliteAdapter.ts",
+      "content": "import initSqlJs from \"sql.js\";\nimport type { Database } from \"sql.js\";\nimport type { IDataAdapter } from \"./IDataAdapter\";\nimport type {\n  QueryOptions,\n  WhereCondition,\n  WhereGroup,\n  JoinClause,\n} from \"../core/types\";\n\n/**\n * SQLite Adapter\n * Loads database from file using sql.js\n * Supports complex queries: JOIN, WHERE groups, LIKE, IN, BETWEEN\n */\nexport class SqliteAdapter implements IDataAdapter {\n  private db: Database | null = null;\n  private dbPath: string;\n\n  constructor(dbPath: string = \"/data/database.db\") {\n    this.dbPath = dbPath;\n  }\n\n  // ============================================\n  // CONNECTION\n  // ============================================\n\n  async connect(): Promise<void> {\n    if (this.db) return;\n\n    try {\n      const SQL = await initSqlJs({\n        locateFile: (file: string) => `https://sql.js.org/dist/${file}`,\n      });\n\n      const response = await fetch(this.dbPath);\n      if (!response.ok) {\n        throw new Error(`Database file not found: ${this.dbPath}`);\n      }\n\n      const buffer = await response.arrayBuffer();\n      this.db = new SQL.Database(new Uint8Array(buffer));\n      console.log(\"SQLite adapter connected\");\n    } catch (error) {\n      console.error(\"SQLite adapter connection failed:\", error);\n      throw error;\n    }\n  }\n\n  async disconnect(): Promise<void> {\n    if (this.db) {\n      this.db.close();\n      this.db = null;\n    }\n  }\n\n  // ============================================\n  // CRUD OPERATIONS\n  // ============================================\n\n  async findMany<T>(table: string, options?: QueryOptions): Promise<T[]> {\n    await this.connect();\n    if (!this.db) {\n      console.warn(\"Database not connected\");\n      return [];\n    }\n    try {\n      const { sql, params } = this.buildSelectQuery(table, options);\n      return this.executeQuery<T>(sql, params);\n    } catch (error) {\n      console.error(`Error querying table ${table}:`, error);\n      return [];\n    }\n  }\n\n  async findOne<T>(table: string, options: QueryOptions): Promise<T | null> {\n    const results = await this.findMany<T>(table, { ...options, limit: 1 });\n    return results[0] || null;\n  }\n\n  async findById<T>(table: string, id: number | string): Promise<T | null> {\n    return this.findOne<T>(table, { where: { id } });\n  }\n\n  async create<T>(table: string, data: Partial<T>): Promise<T> {\n    await this.connect();\n\n    // Otomatik timestamp - sadece yoksa ekle\n    const dataWithTimestamps: any = { ...data };\n\n    if (!dataWithTimestamps.created_at) {\n      dataWithTimestamps.created_at = new Date().toISOString();\n    }\n\n    if (!dataWithTimestamps.updated_at) {\n      dataWithTimestamps.updated_at = new Date().toISOString();\n    }\n\n    const keys = Object.keys(dataWithTimestamps);\n    const values = Object.values(dataWithTimestamps) as any[];\n    const placeholders = keys.map(() => \"?\").join(\", \");\n\n    const sql = `INSERT INTO ${table} (${keys.join(\", \")}) VALUES (${placeholders})`;\n    this.db!.run(sql, values);\n\n    const lastIdResult = this.db!.exec(\"SELECT last_insert_rowid() as id\");\n    const lastId = lastIdResult[0]?.values[0]?.[0] as number;\n\n    return this.findById<T>(table, lastId) as Promise<T>;\n  }\n\n  async update<T>(\n    table: string,\n    id: number | string,\n    data: Partial<T>,\n  ): Promise<T> {\n    await this.connect();\n\n    // Otomatik updated_at - her zaman güncelle\n    const dataWithTimestamp = {\n      ...data,\n      updated_at: new Date().toISOString(),\n    };\n\n    const keys = Object.keys(dataWithTimestamp);\n    const values = Object.values(dataWithTimestamp) as any[];\n    const setClause = keys.map((key) => `${key} = ?`).join(\", \");\n\n    const sql = `UPDATE ${table} SET ${setClause} WHERE id = ?`;\n    this.db!.run(sql, [...values, id]);\n\n    return this.findById<T>(table, id) as Promise<T>;\n  }\n\n  async delete(table: string, id: number | string): Promise<boolean> {\n    await this.connect();\n    const sql = `DELETE FROM ${table} WHERE id = ?`;\n    this.db!.run(sql, [id]);\n    return true;\n  }\n\n  async count(table: string, options?: QueryOptions): Promise<number> {\n    await this.connect();\n    const { sql, params } = this.buildCountQuery(table, options);\n    const results = await this.executeQuery<{ count: number }>(sql, params);\n    return results[0]?.count || 0;\n  }\n\n  // ============================================\n  // RAW SQL QUERIES\n  // ============================================\n\n  async raw<T>(sql: string, params?: any[]): Promise<T[]> {\n    await this.connect();\n    return this.executeQuery<T>(sql, params);\n  }\n\n  async rawOne<T>(sql: string, params?: any[]): Promise<T | null> {\n    const results = await this.raw<T>(sql, params);\n    return results[0] || null;\n  }\n\n  // ============================================\n  // PRIVATE: QUERY EXECUTION\n  // ============================================\n\n  private async executeQuery<T>(sql: string, params?: any[]): Promise<T[]> {\n    if (!this.db) {\n      console.warn(\"Database not connected\");\n      return [];\n    }\n    try {\n      const stmt = this.db.prepare(sql);\n      if (params && params.length > 0) stmt.bind(params);\n\n      const results: T[] = [];\n      while (stmt.step()) {\n        results.push(stmt.getAsObject() as T);\n      }\n      stmt.free();\n      return results;\n    } catch (error) {\n      console.error(`Query error: ${sql}`, error);\n      return [];\n    }\n  }\n\n  // ============================================\n  // PRIVATE: QUERY BUILDERS\n  // ============================================\n\n  private buildSelectQuery(\n    table: string,\n    options?: QueryOptions,\n  ): { sql: string; params: any[] } {\n    const params: any[] = [];\n\n    // SELECT clause\n    const selectFields = options?.select?.join(\", \") || \"*\";\n    const distinct = options?.distinct ? \"DISTINCT \" : \"\";\n    let sql = `SELECT ${distinct}${selectFields} FROM ${table}`;\n\n    // JOIN clauses\n    if (options?.joins && options.joins.length > 0) {\n      sql += this.buildJoinClause(options.joins);\n    }\n\n    // WHERE clause\n    const whereClause = this.buildWhereClause(options, params);\n    if (whereClause) {\n      sql += ` WHERE ${whereClause}`;\n    }\n\n    // GROUP BY clause\n    if (options?.groupBy && options.groupBy.length > 0) {\n      sql += ` GROUP BY ${options.groupBy.join(\", \")}`;\n    }\n\n    // HAVING clause\n    if (options?.having) {\n      const havingClause = this.buildWhereGroupClause(options.having, params);\n      if (havingClause) {\n        sql += ` HAVING ${havingClause}`;\n      }\n    }\n\n    // ORDER BY clause\n    if (options?.orderBy && options.orderBy.length > 0) {\n      const orderClauses = options.orderBy.map(\n        (o) => `${o.field} ${o.direction}`,\n      );\n      sql += ` ORDER BY ${orderClauses.join(\", \")}`;\n    }\n\n    // LIMIT & OFFSET\n    if (options?.limit) {\n      sql += ` LIMIT ?`;\n      params.push(options.limit);\n    }\n\n    if (options?.offset) {\n      sql += ` OFFSET ?`;\n      params.push(options.offset);\n    }\n\n    return { sql, params };\n  }\n\n  private buildCountQuery(\n    table: string,\n    options?: QueryOptions,\n  ): { sql: string; params: any[] } {\n    const params: any[] = [];\n    let sql = `SELECT COUNT(*) as count FROM ${table}`;\n\n    // JOIN clauses\n    if (options?.joins && options.joins.length > 0) {\n      sql += this.buildJoinClause(options.joins);\n    }\n\n    // WHERE clause\n    const whereClause = this.buildWhereClause(options, params);\n    if (whereClause) {\n      sql += ` WHERE ${whereClause}`;\n    }\n\n    return { sql, params };\n  }\n\n  private buildJoinClause(joins: JoinClause[]): string {\n    return joins\n      .map((join) => {\n        const alias = join.alias ? ` ${join.alias}` : \"\";\n        const leftField = join.on.leftField;\n        const rightField = join.on.rightField;\n        return ` ${join.type} JOIN ${join.table}${alias} ON ${leftField} = ${rightField}`;\n      })\n      .join(\"\");\n  }\n\n  private buildWhereClause(\n    options: QueryOptions | undefined,\n    params: any[],\n  ): string {\n    const clauses: string[] = [];\n\n    // Simple where (backwards compatible)\n    if (options?.where) {\n      const simpleConditions = Object.entries(options.where).map(\n        ([key, value]) => {\n          params.push(value);\n          return `${key} = ?`;\n        },\n      );\n      if (simpleConditions.length > 0) {\n        clauses.push(simpleConditions.join(\" AND \"));\n      }\n    }\n\n    // Advanced where (new feature)\n    if (options?.whereAdvanced) {\n      const advancedClause = this.buildWhereGroupClause(\n        options.whereAdvanced,\n        params,\n      );\n      if (advancedClause) {\n        clauses.push(advancedClause);\n      }\n    }\n\n    return clauses.length > 0 ? clauses.join(\" AND \") : \"\";\n  }\n\n  private buildWhereGroupClause(group: WhereGroup, params: any[]): string {\n    const conditions = group.conditions\n      .map((condition) => {\n        // Recursive: WhereGroup\n        if (\"type\" in condition && \"conditions\" in condition) {\n          return `(${this.buildWhereGroupClause(condition as WhereGroup, params)})`;\n        }\n        // WhereCondition\n        return this.buildConditionClause(condition as WhereCondition, params);\n      })\n      .filter(Boolean);\n\n    return conditions.join(` ${group.type} `);\n  }\n\n  private buildConditionClause(\n    condition: WhereCondition,\n    params: any[],\n  ): string {\n    const { field, operator, value } = condition;\n\n    switch (operator) {\n      case \"IS NULL\":\n        return `${field} IS NULL`;\n\n      case \"IS NOT NULL\":\n        return `${field} IS NOT NULL`;\n\n      case \"IN\":\n      case \"NOT IN\":\n        if (Array.isArray(value)) {\n          const placeholders = value.map(() => \"?\").join(\", \");\n          params.push(...value);\n          return `${field} ${operator} (${placeholders})`;\n        }\n        return \"\";\n\n      case \"BETWEEN\":\n      case \"NOT BETWEEN\":\n        if (Array.isArray(value) && value.length === 2) {\n          params.push(value[0], value[1]);\n          return `${field} ${operator} ? AND ?`;\n        }\n        return \"\";\n\n      default:\n        // =, !=, <>, >, <, >=, <=, LIKE, NOT LIKE\n        params.push(value);\n        return `${field} ${operator} ?`;\n    }\n  }\n}\n"
+    },
+    {
+      "path": "db/react/index.ts",
+      "type": "registry:index",
+      "target": "$modules$/db/react/index.ts",
+      "content": "// Provider\nexport { DBQueryProvider } from \"./QueryProvider\";\n\n// Query client and utilities\nexport { queryClient, queryKeys, cacheUtils } from \"./queryClient\";\n\n// Generic repository hooks\nexport {\n  useRepositoryQuery,\n  useRepositoryQueryOne,\n  useRepositoryQueryById,\n  useRepositoryPagination,\n  useRepositoryInfiniteQuery,\n  useRepositoryCreate,\n  useRepositoryUpdate,\n  useRepositoryDelete,\n  // Raw SQL hooks\n  useRawQuery,\n  useRawQueryOne,\n} from \"./useRepository\";\n\n// Types\nexport type { RepositoryQueryOptions } from \"./useRepository\";\n"
+    },
+    {
+      "path": "db/react/queryClient.ts",
+      "type": "registry:lib",
+      "target": "$modules$/db/react/queryClient.ts",
+      "content": "import { QueryClient } from \"@tanstack/react-query\";\n\n/**\n * React Query handles ALL caching, refetching, and invalidation\n * No custom cache needed!\n */\nexport const queryClient = new QueryClient({\n  defaultOptions: {\n    queries: {\n      staleTime: 30 * 1000, // 30 seconds fresh\n      gcTime: 5 * 60 * 1000, // 5 minutes in cache (was cacheTime)\n      retry: 1,\n      refetchOnWindowFocus: false, // Don't auto-refetch on window focus\n      refetchOnReconnect: false, // Don't refetch on reconnect\n      refetchOnMount: false, // Don't refetch on component mount (prevent loops)\n    },\n    mutations: {\n      retry: 0,\n    },\n  },\n});\n\n/**\n * Query key factory - for cache management\n * React Query uses these keys to cache and invalidate queries\n */\nexport const queryKeys = {\n  all: (table: string) => [table] as const,\n  lists: (table: string) => [table, \"list\"] as const,\n  list: (table: string, options?: any) => [table, \"list\", options] as const,\n  details: (table: string) => [table, \"detail\"] as const,\n  detail: (table: string, id: number | string) =>\n    [table, \"detail\", id] as const,\n  paginated: (table: string, page: number, limit: number, options?: any) =>\n    [table, \"paginated\", page, limit, options] as const,\n  infinite: (table: string, limit: number, options?: any) =>\n    [table, \"infinite\", limit, options] as const,\n  count: (table: string, options?: any) => [table, \"count\", options] as const,\n};\n\n/**\n * Manual cache utilities (rarely needed)\n */\nexport const cacheUtils = {\n  // Invalidate all queries for a table\n  invalidateTable: (table: string) => {\n    return queryClient.invalidateQueries({ queryKey: queryKeys.all(table) });\n  },\n\n  // Clear all cache\n  clearAll: () => {\n    return queryClient.clear();\n  },\n\n  // Get cached data\n  getCachedData: <T>(queryKey: any[]) => {\n    return queryClient.getQueryData<T>(queryKey);\n  },\n\n  // Set cached data manually\n  setCachedData: <T>(queryKey: any[], data: T) => {\n    return queryClient.setQueryData<T>(queryKey, data);\n  },\n};\n"
+    },
+    {
+      "path": "db/react/QueryProvider.tsx",
+      "type": "registry:component",
+      "target": "$modules$/db/react/QueryProvider.tsx",
+      "content": "import { QueryClientProvider } from \"@tanstack/react-query\";\nimport { queryClient } from \"./queryClient\";\n\ninterface DBQueryProviderProps {\n  children: React.ReactNode;\n}\n\n/**\n * DBQueryProvider - DB module's React Query provider\n * Wraps components that use db module hooks\n */\nexport function DBQueryProvider({ children }: DBQueryProviderProps) {\n  return (\n    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>\n  );\n}\n"
+    },
+    {
+      "path": "db/react/useRepository.ts",
+      "type": "registry:hook",
+      "target": "$modules$/db/react/useRepository.ts",
+      "content": "import {\n  useQuery,\n  useMutation,\n  useQueryClient,\n  useInfiniteQuery,\n  type UseQueryOptions,\n  type UseMutationOptions,\n  type UseInfiniteQueryOptions,\n} from \"@tanstack/react-query\";\nimport { DataManager } from \"../core/DataManager\";\nimport { getAdapter } from \"../config\";\nimport { queryKeys } from \"./queryClient\";\nimport type { QueryOptions } from \"../core/types\";\n\n// Singleton manager\nlet managerInstance: DataManager | null = null;\nfunction getManager() {\n  if (!managerInstance) {\n    managerInstance = DataManager.getInstance(getAdapter());\n  }\n  return managerInstance;\n}\n\n// ==========================================\n// QUERY HOOKS\n// ==========================================\n\n// Omit 'select' from QueryOptions to avoid conflict with React Query's select\nexport interface RepositoryQueryOptions<T> extends Omit<\n  QueryOptions,\n  \"select\"\n> {\n  // SQL SELECT fields (renamed to avoid conflict)\n  selectFields?: string[];\n\n  // React Query options\n  enabled?: boolean;\n  staleTime?: number;\n  gcTime?: number;\n  refetchOnWindowFocus?: boolean;\n  refetchInterval?: number | false;\n  select?: (data: T[]) => any; // React Query data transformation\n}\n\n/**\n * Generic query hook - React Query handles all caching\n * @example\n * // Simple query\n * const { data: posts, isLoading } = useRepositoryQuery('posts', {\n *   where: { published: 1 },\n *   orderBy: [{ field: 'created_at', direction: 'DESC' }],\n *   staleTime: 60000\n * });\n *\n * // With JOIN\n * const { data: posts } = useRepositoryQuery('posts', {\n *   selectFields: ['posts.*', 'c.name as category_name'],\n *   joins: [{\n *     type: 'INNER',\n *     table: 'post_categories',\n *     alias: 'pc',\n *     on: { leftField: 'posts.id', rightField: 'pc.post_id' }\n *   }],\n *   distinct: true\n * });\n *\n * // With complex WHERE\n * const { data: products } = useRepositoryQuery('products', {\n *   whereAdvanced: {\n *     type: 'AND',\n *     conditions: [\n *       { field: 'published', operator: '=', value: 1 },\n *       { type: 'OR', conditions: [\n *         { field: 'name', operator: 'LIKE', value: '%phone%' },\n *         { field: 'description', operator: 'LIKE', value: '%phone%' }\n *       ]}\n *     ]\n *   }\n * });\n */\nexport function useRepositoryQuery<T = any>(\n  table: string,\n  options: RepositoryQueryOptions<T> = {},\n  queryOptions?: Omit<UseQueryOptions<T[], Error>, \"queryKey\" | \"queryFn\">,\n) {\n  const manager = getManager();\n  const {\n    // QueryOptions fields\n    where,\n    limit,\n    offset,\n    orderBy,\n    include,\n    // New complex query fields\n    selectFields,\n    distinct,\n    joins,\n    whereAdvanced,\n    groupBy,\n    having,\n    // React Query options\n    select,\n    enabled,\n    staleTime,\n    gcTime,\n    refetchOnWindowFocus,\n    refetchInterval,\n  } = options;\n\n  const queryOpts: QueryOptions = {\n    where,\n    limit,\n    offset,\n    orderBy,\n    include,\n    select: selectFields,\n    distinct,\n    joins,\n    whereAdvanced,\n    groupBy,\n    having,\n  };\n\n  return useQuery<T[], Error>({\n    queryKey: queryKeys.list(table, queryOpts),\n    queryFn: () => manager.query<T>(table, queryOpts),\n    select,\n    enabled,\n    staleTime,\n    gcTime,\n    refetchOnWindowFocus,\n    refetchInterval,\n    ...queryOptions,\n  });\n}\n\n/**\n * Query single record\n * @example\n * const { data: post } = useRepositoryQueryOne('posts', {\n *   where: { slug: 'my-post' }\n * });\n */\nexport function useRepositoryQueryOne<T = any>(\n  table: string,\n  options: RepositoryQueryOptions<T> = {},\n) {\n  const result = useRepositoryQuery<T>(table, { ...options, limit: 1 });\n\n  return {\n    ...result,\n    data: result.data?.[0] || null,\n  };\n}\n\n/**\n * Query by ID - React Query caches by ID automatically\n * @example\n * const { data: post, isLoading } = useRepositoryQueryById('posts', postId);\n */\nexport function useRepositoryQueryById<T = any>(\n  table: string,\n  id: number | string | null | undefined,\n  options: Omit<UseQueryOptions<T | null, Error>, \"queryKey\" | \"queryFn\"> = {},\n) {\n  const manager = getManager();\n\n  return useQuery<T | null, Error>({\n    queryKey: queryKeys.detail(table, id as any),\n    queryFn: () => manager.queryById<T>(table, id as any),\n    enabled: options.enabled !== false && id != null,\n    ...options,\n  });\n}\n\n/**\n * Paginated query - React Query caches each page\n * @example\n * const { data, totalPages, hasMore } = useRepositoryPagination('products', page, 20);\n */\nexport function useRepositoryPagination<T = any>(\n  table: string,\n  page: number = 1,\n  limit: number = 10,\n  options: QueryOptions = {},\n) {\n  const manager = getManager();\n\n  return useQuery({\n    queryKey: queryKeys.paginated(table, page, limit, options),\n    queryFn: () => manager.paginate<T>(table, page, limit, options),\n  });\n}\n\n/**\n * Infinite query for infinite scroll / load more\n * @example\n * const { data, fetchNextPage, hasNextPage, isFetchingNextPage } =\n *   useRepositoryInfiniteQuery('posts', 20, {\n *     where: { published: 1 },\n *     orderBy: [{ field: 'created_at', direction: 'DESC' }]\n *   });\n *\n * // data.pages = [page1Data, page2Data, page3Data, ...]\n * const allPosts = data?.pages.flatMap(page => page.data) ?? [];\n */\nexport function useRepositoryInfiniteQuery<T = any>(\n  table: string,\n  pageSize: number = 20,\n  options: QueryOptions = {},\n  queryOptions?: Omit<\n    UseInfiniteQueryOptions<\n      { data: T[]; page: number; totalPages: number; hasMore: boolean },\n      Error\n    >,\n    \"queryKey\" | \"queryFn\" | \"getNextPageParam\" | \"initialPageParam\"\n  >,\n) {\n  const manager = getManager();\n\n  return useInfiniteQuery({\n    queryKey: queryKeys.infinite(table, pageSize, options),\n    queryFn: ({ pageParam }) =>\n      manager.paginate<T>(table, pageParam as number, pageSize, options),\n    initialPageParam: 1,\n    getNextPageParam: (lastPage) => {\n      if (!lastPage.hasMore) return undefined;\n      return lastPage.page + 1;\n    },\n    ...queryOptions,\n  });\n}\n\n// ==========================================\n// MUTATION HOOKS (Auto-invalidation via React Query)\n// ==========================================\n\n/**\n * Create mutation - React Query handles cache invalidation\n * @example\n * const { mutate: createPost } = useRepositoryCreate('posts', {\n *   onSuccess: () => toast.success('Created!')\n * });\n */\nexport function useRepositoryCreate<T = any>(\n  table: string,\n  options: Omit<UseMutationOptions<T, Error, Partial<T>>, \"mutationFn\"> & {\n    invalidate?: string[];\n  } = {},\n) {\n  const manager = getManager();\n  const queryClient = useQueryClient();\n  const { invalidate = [table], ...mutationOptions } = options;\n\n  return useMutation<T, Error, Partial<T>>({\n    mutationFn: (data) => manager.create<T>(table, data),\n    onSuccess: () => {\n      // React Query automatically invalidates and refetches\n      invalidate.forEach((t) => {\n        queryClient.invalidateQueries({ queryKey: queryKeys.all(t) });\n      });\n    },\n    ...mutationOptions,\n  });\n}\n\n/**\n * Update mutation - Optimistic update via React Query\n * @example\n * const { mutate: updatePost } = useRepositoryUpdate('posts', {\n *   onSuccess: () => toast.success('Updated!')\n * });\n * updatePost({ id: 1, data: { title: 'New Title' } });\n */\nexport function useRepositoryUpdate<T = any>(\n  table: string,\n  options: Omit<\n    UseMutationOptions<T, Error, { id: number | string; data: Partial<T> }>,\n    \"mutationFn\"\n  > = {},\n) {\n  const manager = getManager();\n  const queryClient = useQueryClient();\n\n  return useMutation<T, Error, { id: number | string; data: Partial<T> }>({\n    mutationFn: ({ id, data }) => manager.update<T>(table, id, data),\n    onSuccess: (data, variables) => {\n      // Invalidate list queries\n      queryClient.invalidateQueries({ queryKey: queryKeys.all(table) });\n\n      // Update detail cache optimistically\n      queryClient.setQueryData(queryKeys.detail(table, variables.id), data);\n    },\n    ...options,\n  });\n}\n\n/**\n * Delete mutation\n * @example\n * const { mutate: deletePost } = useRepositoryDelete('posts', {\n *   onSuccess: () => toast.success('Deleted!')\n * });\n * deletePost(postId);\n */\nexport function useRepositoryDelete(\n  table: string,\n  options: Omit<\n    UseMutationOptions<boolean, Error, number | string>,\n    \"mutationFn\"\n  > = {},\n) {\n  const manager = getManager();\n  const queryClient = useQueryClient();\n\n  return useMutation<boolean, Error, number | string>({\n    mutationFn: (id) => manager.delete(table, id),\n    onSuccess: (_data, id) => {\n      // Invalidate and remove from cache\n      queryClient.invalidateQueries({ queryKey: queryKeys.all(table) });\n      queryClient.removeQueries({ queryKey: queryKeys.detail(table, id) });\n    },\n    ...options,\n  });\n}\n\n// ==========================================\n// RAW SQL QUERY HOOKS\n// ==========================================\n\n/**\n * Raw SQL query hook - for complex queries that can't be expressed with QueryOptions\n * @example\n * // Complex JOIN query\n * const { data: posts } = useRawQuery<Post>(\n *   ['posts-with-categories', categorySlug],\n *   `SELECT DISTINCT p.*, c.name as category_name\n *    FROM posts p\n *    JOIN post_categories pc ON p.id = pc.post_id\n *    JOIN blog_categories c ON pc.category_id = c.id\n *    WHERE c.slug = ? AND p.published = 1\n *    ORDER BY p.published_at DESC`,\n *   [categorySlug]\n * );\n *\n * // Aggregation query\n * const { data: stats } = useRawQuery<{total: number, avg: number}>(\n *   ['product-stats'],\n *   `SELECT COUNT(*) as total, AVG(price) as avg FROM products WHERE published = 1`\n * );\n */\nexport function useRawQuery<T = any>(\n  queryKey: any[],\n  sql: string,\n  params?: any[],\n  options?: Omit<UseQueryOptions<T[], Error>, \"queryKey\" | \"queryFn\">,\n) {\n  const manager = getManager();\n\n  return useQuery<T[], Error>({\n    queryKey: [\"raw\", ...queryKey],\n    queryFn: () => manager.raw<T>(sql, params),\n    ...options,\n  });\n}\n\n/**\n * Raw SQL query hook for single result - aggregations, single lookups\n * @example\n * // Get price range\n * const { data: priceRange } = useRawQueryOne<{min: number, max: number}>(\n *   ['price-range'],\n *   `SELECT MIN(price) as min, MAX(price) as max FROM products WHERE published = 1`\n * );\n *\n * // Get single post with category\n * const { data: post } = useRawQueryOne<Post>(\n *   ['post-detail', slug],\n *   `SELECT p.*, c.name as category_name\n *    FROM posts p\n *    LEFT JOIN post_categories pc ON p.id = pc.post_id\n *    LEFT JOIN blog_categories c ON pc.category_id = c.id\n *    WHERE p.slug = ?`,\n *   [slug]\n * );\n */\nexport function useRawQueryOne<T = any>(\n  queryKey: any[],\n  sql: string,\n  params?: any[],\n  options?: Omit<UseQueryOptions<T | null, Error>, \"queryKey\" | \"queryFn\">,\n) {\n  const manager = getManager();\n\n  return useQuery<T | null, Error>({\n    queryKey: [\"raw\", ...queryKey],\n    queryFn: () => manager.rawOne<T>(sql, params),\n    ...options,\n  });\n}\n"
+    },
+    {
+      "path": "db/utils/parsers.ts",
+      "type": "registry:lib",
+      "target": "$modules$/db/utils/parsers.ts",
+      "content": "/**\n * Database field parsers - Client-side utilities\n * NO automatic parsing - client decides what to parse and when\n */\n\n/**\n * Parse comma-separated string to array\n * @example \"tag1,tag2,tag3\" -> [\"tag1\", \"tag2\", \"tag3\"]\n */\nexport const parseCommaSeparatedString = (value: string): string[] => {\n  if (!value || typeof value !== \"string\") return [];\n  return value\n    .split(\",\")\n    .map((item) => item.trim())\n    .filter(Boolean);\n};\n\n/**\n * Parse JSON string to array\n * @example '[\"img1.jpg\",\"img2.jpg\"]' -> [\"img1.jpg\", \"img2.jpg\"]\n */\nexport const parseJSONStringToArray = (value: string): string[] => {\n  if (!value || typeof value !== \"string\") return [];\n  try {\n    const parsed = JSON.parse(value);\n    return Array.isArray(parsed) ? parsed : [];\n  } catch (e) {\n    console.warn(\"Failed to parse JSON array:\", value);\n    return [];\n  }\n};\n\n/**\n * Smart array parser - tries JSON first, falls back to comma-separated\n * @example '[\"a\",\"b\"]' -> [\"a\", \"b\"] OR \"a,b\" -> [\"a\", \"b\"]\n */\nexport const parseStringToArray = (value: any): string[] => {\n  if (!value) return [];\n  if (Array.isArray(value)) return value;\n  if (typeof value !== \"string\") return [];\n\n  // Try JSON first\n  if (value.trim().startsWith(\"[\")) {\n    const jsonResult = parseJSONStringToArray(value);\n    if (jsonResult.length > 0) return jsonResult;\n  }\n\n  // Fall back to comma-separated\n  return parseCommaSeparatedString(value);\n};\n\n/**\n * Parse JSON string to object\n * @example '{\"key\":\"value\"}' -> {key: \"value\"}\n */\nexport const parseJSONString = <T = any>(\n  value: any,\n  defaultValue: T | null = null,\n): T | null => {\n  if (!value) return defaultValue;\n  if (typeof value === \"object\") return value; // Already parsed\n  if (typeof value !== \"string\") return defaultValue;\n\n  try {\n    return JSON.parse(value);\n  } catch (e) {\n    console.warn(\"Failed to parse JSON:\", value);\n    return defaultValue;\n  }\n};\n\n/**\n * Parse SQLite boolean (0/1) to JavaScript boolean\n * @example 1 -> true, 0 -> false\n */\nexport const parseSQLiteBoolean = (value: any): boolean => {\n  if (typeof value === \"boolean\") return value;\n  if (typeof value === \"number\") return value !== 0;\n  if (typeof value === \"string\") {\n    const lower = value.toLowerCase();\n    return lower === \"true\" || lower === \"1\" || lower === \"yes\";\n  }\n  return Boolean(value);\n};\n\n/**\n * Parse number safely with default fallback\n * @example \"123\" -> 123, \"invalid\" -> 0 (or provided default)\n */\nexport const parseNumberSafe = (\n  value: any,\n  defaultValue: number = 0,\n): number => {\n  const num = Number(value);\n  return isNaN(num) ? defaultValue : num;\n};\n"
+    }
+  ],
+  "exports": {
+    "types": [
+      "AdapterType",
+      "DataConfig",
+      "IDataAdapter",
+      "JoinClause",
+      "JoinType",
+      "OrderBy",
+      "PaginatedResult",
+      "QueryOptions",
+      "RepositoryQueryOptions",
+      "WhereCondition",
+      "WhereGroup",
+      "WhereOperator"
+    ],
+    "variables": [
+      "DBQueryProvider",
+      "DataManager",
+      "QueryProvider",
+      "SqliteAdapter",
+      "cacheUtils",
+      "createAdapter",
+      "getAdapter",
+      "parseCommaSeparatedString",
+      "parseJSONString",
+      "parseJSONStringToArray",
+      "parseNumberSafe",
+      "parseSQLiteBoolean",
+      "parseStringToArray",
+      "queryClient",
+      "queryKeys",
+      "resetAdapter",
+      "useRawQuery",
+      "useRawQueryOne",
+      "useRepositoryCreate",
+      "useRepositoryDelete",
+      "useRepositoryInfiniteQuery",
+      "useRepositoryPagination",
+      "useRepositoryQuery",
+      "useRepositoryQueryById",
+      "useRepositoryQueryOne",
+      "useRepositoryUpdate"
+    ]
+  }
+}

package/dist/registry/docs/about-page.md

@@ -30,3 +30,8 @@ import { AboutPage } from '@/modules/about-page';
 • Edit content in lang/en.json
 • Wrapped with Layout component
 ```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/announcement-bar.md

@@ -0,0 +1,38 @@
+# Announcement Bar
+
+Top notification bar with multiple style variants (default, primary, warning, success, gradient), dismissible with localStorage persistence, customizable icon, and link support. Slide animation.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/announcement-bar/index.ts` | index |
+| `$modules$/announcement-bar/announcement-bar.tsx` | component |
+| `$modules$/announcement-bar/lang/en.json` | lang |
+| `$modules$/announcement-bar/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `AnnouncementBar`
+
+```typescript
+import { AnnouncementBar } from '@/modules/announcement-bar';
+```
+
+## Usage
+
+```
+import { AnnouncementBar } from '@/modules/announcement-bar';
+
+<AnnouncementBar
+  message="New features available!"
+  linkText="Learn more"
+  linkUrl="/blog/new-features"
+  variant="gradient"
+  icon="sparkles"
+/>
+
+• Variants: default, primary, warning, success, gradient
+• Icons: sparkles, megaphone, gift, zap, none
+• Dismissible with storage key
+```

package/dist/registry/docs/auth-core.md

@@ -0,0 +1,64 @@
+# Auth Core
+
+Core authentication system with Zustand store, JWT token management with auto-refresh. No pages included - use separate page modules (login-page, register-page, etc.) for UI.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/auth-core/index.ts` | index |
+| `$modules$/auth-core/auth-store.ts` | store |
+| `$modules$/auth-core/use-auth.ts` | hook |
+
+## Exports
+
+**Types:** `AuthTokens`, `User`
+
+**Components/Functions:** `useAuth`, `useAuthStore`
+
+```typescript
+import { useAuth, useAuthStore, AuthTokens, ... } from '@/modules/auth-core';
+```
+
+## Usage
+
+```
+import { useAuth, useAuthStore } from '@/modules/auth-core';
+
+// Use the hook for auth operations
+const {
+  user,
+  tokens,
+  isAuthenticated,
+  login,
+  register,
+  confirmEmail,
+  forgotPassword,
+  resetPassword,
+  logout,
+  api,
+} = useAuth();
+
+// Auth operations
+await login(username, password);
+await register(username, email, password);
+await confirmEmail(username, code);
+await forgotPassword(username);
+await resetPassword(username, code, newPassword);
+logout();
+
+// Direct store access for state management
+const setAuth = useAuthStore((state) => state.setAuth);
+const clearAuth = useAuthStore((state) => state.clearAuth);
+
+• Installed at: src/modules/auth-core/
+• Provides: useAuth hook, useAuthStore
+• Auto token refresh before expiry
+• 401 interceptor with automatic retry
+• Uses customerClient from api module internally
+```
+
+## Dependencies
+
+This component requires:
+- `api`

package/dist/registry/docs/blog-list-page.md

@@ -36,3 +36,4 @@ import { BlogListPage } from '@/modules/blog-list-page';
 This component requires:
 - `blog-core`
 - `post-card`
+- `animations`

package/dist/registry/docs/cart-page.md

@@ -35,3 +35,4 @@ import CartPage from '@/modules/cart-page';
 
 This component requires:
 - `ecommerce-core`
+- `animations`

package/dist/registry/docs/case-study-page.md

@@ -0,0 +1,39 @@
+# Case Study Page
+
+Detailed project case study with challenge/solution/results sections. Includes hero image, gallery, project details sidebar, and share buttons.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/case-study-page/case-study-page.tsx` | component |
+| `$modules$/case-study-page/index.ts` | index |
+| `$modules$/case-study-page/lang/en.json` | lang |
+| `$modules$/case-study-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `CaseStudyPage`, `default`
+
+```typescript
+import { CaseStudyPage, default } from '@/modules/case-study-page';
+```
+
+## Usage
+
+```
+import { CaseStudyPage } from '@/modules/case-study-page';
+
+<CaseStudyPage />
+
+• Installed at: src/modules/case-study-page/
+• Customize content: lang/en/case-study-page.json
+• Props: title, heroImage, gallery[], challenge, solution, results, details
+```
+
+## Dependencies
+
+This component requires:
+- `button`
+- `animations`
+- `share-buttons`

package/dist/registry/docs/checkout-page.md

@@ -1,6 +1,6 @@
 # Checkout Page
 
-Multi-step checkout page with customer information form (name, email, phone, address), shipping method selection, payment method options (credit card, PayPal, bank transfer), and order review. Features form validation, order summary sidebar, shipping cost calculation, and place order button. Includes progress indicator for checkout steps.
+Full-featured checkout page with customer information form, payment method selection (card, bank transfer, cash on delivery), and online payment provider selection (Stripe, iyzico). Integrates with payment API for creating checkout sessions and fetching bank transfer info. Features form validation, order summary sidebar, and skeleton loading states.
 
 ## Files
 
@@ -36,3 +36,5 @@ import CheckoutPage from '@/modules/checkout-page';
 
 This component requires:
 - `ecommerce-core`
+- `animations`
+- `api`

package/dist/registry/docs/coming-soon-page-minimal.md

@@ -0,0 +1,32 @@
+# Coming Soon Page (Minimal)
+
+Minimalist coming soon page with large typography, days countdown, and simple email input. Clean design with focus on the launch date number.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/coming-soon-page-minimal/index.ts` | index |
+| `$modules$/coming-soon-page-minimal/coming-soon-page-minimal.tsx` | page |
+| `$modules$/coming-soon-page-minimal/lang/en.json` | lang |
+| `$modules$/coming-soon-page-minimal/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `ComingSoonPageMinimal`, `default`
+
+```typescript
+import { ComingSoonPageMinimal, default } from '@/modules/coming-soon-page-minimal';
+```
+
+## Usage
+
+```
+import { ComingSoonPageMinimal } from '@/modules/coming-soon-page-minimal';
+
+<Route path="/coming-soon" element={<ComingSoonPageMinimal />} />
+
+• Large countdown number display
+• Minimal email signup
+• Customizable launch date
+```

package/dist/registry/docs/coming-soon-page.md

@@ -0,0 +1,37 @@
+# Coming Soon Page
+
+Full-featured coming soon page with countdown timer, email signup form, social links, and gradient background. Includes FadeIn and ScaleUp animations. Perfect for product launches and pre-release marketing.
+
+## Files
+
+| Target | Type |
+|--------|------|
+| `$modules$/coming-soon-page/index.ts` | index |
+| `$modules$/coming-soon-page/coming-soon-page.tsx` | page |
+| `$modules$/coming-soon-page/lang/en.json` | lang |
+| `$modules$/coming-soon-page/lang/tr.json` | lang |
+
+## Exports
+
+**Components/Functions:** `ComingSoonPage`, `default`
+
+```typescript
+import { ComingSoonPage, default } from '@/modules/coming-soon-page';
+```
+
+## Usage
+
+```
+import { ComingSoonPage } from '@/modules/coming-soon-page';
+
+<Route path="/coming-soon" element={<ComingSoonPage />} />
+
+• Customizable launch date via launchDate prop
+• Email signup with success state
+• Social links (Twitter, Instagram, GitHub, LinkedIn)
+```
+
+## Dependencies
+
+This component requires:
+- `animations`

package/dist/registry/docs/contact-page-map-overlay.md

@@ -13,10 +13,10 @@ Stunning full-screen Google Map background with glassmorphism contact form and i
 
 ## Exports
 
-**Components/Functions:** `ContactPageMapOverlay`
+**Components/Functions:** `ContactPageMapOverlay`, `default`
 
 ```typescript
-import { ContactPageMapOverlay } from '@/modules/contact-page-map-overlay';
+import { ContactPageMapOverlay, default } from '@/modules/contact-page-map-overlay';
 ```
 
 ## Usage

package/dist/registry/docs/contact-page-map-split.md

@@ -13,10 +13,10 @@ Modern 50/50 split layout contact page with contact form on the left and full-he
 
 ## Exports
 
-**Components/Functions:** `ContactPageMapSplit`
+**Components/Functions:** `ContactPageMapSplit`, `default`
 
 ```typescript
-import { ContactPageMapSplit } from '@/modules/contact-page-map-split';
+import { ContactPageMapSplit, default } from '@/modules/contact-page-map-split';
 ```
 
 ## Usage

package/dist/registry/docs/contact-page.md

@@ -31,3 +31,8 @@ import { ContactPage } from '@/modules/contact-page';
 • Info: address, phone, email, hours, map
 • Toast notifications on submit
 ```
+
+## Dependencies
+
+This component requires:
+- `animations`