@promakeai/cli 0.3.0 → 0.3.2

package/dist/registry/contact-page-split.json

@@ -18,25 +18,25 @@
       "path": "contact-page-split/index.ts",
       "type": "registry:index",
       "target": "$modules$/contact-page-split/index.ts",
-      "content": "export * from './contact-page-split';\r\nexport { ContactPageSplit as default } from './contact-page-split';\r\n"
+      "content": "export * from './contact-page-split';\nexport { ContactPageSplit as default } from './contact-page-split';\n"
     },
     {
       "path": "contact-page-split/contact-page-split.tsx",
       "type": "registry:component",
       "target": "$modules$/contact-page-split/contact-page-split.tsx",
-      "content": "import React, { useState } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { usePageTitle } from \"@/hooks/use-page-title\";\r\nimport { Mail, Phone, MapPin, Clock } from \"lucide-react\";\r\nimport { Layout } from \"@/components/Layout\";\r\nimport { useApiService } from \"@/lib/api\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { Input } from \"@/components/ui/input\";\r\nimport { Textarea } from \"@/components/ui/textarea\";\r\nimport { Label } from \"@/components/ui/label\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport constants from \"@/constants/constants.json\";\r\n\r\ninterface ContactPageSplitProps {\r\n  className?: string;\r\n}\r\n\r\nexport function ContactPageSplit({ className }: ContactPageSplitProps) {\r\n  const { t } = useTranslation(\"contact-page-split\");\r\n  usePageTitle({ title: t(\"pageTitle\", \"Contact Us\") });\r\n  const apiService = useApiService();\r\n\r\n  const [formData, setFormData] = useState({\r\n    name: \"\",\r\n    email: \"\",\r\n    phone: \"\",\r\n    message: \"\",\r\n  });\r\n  const [isSubmitting, setIsSubmitting] = useState(false);\r\n  const [submitStatus, setSubmitStatus] = useState<\"idle\" | \"success\" | \"error\">(\"idle\");\r\n\r\n  const handleSubmit = async (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    setIsSubmitting(true);\r\n    setSubmitStatus(\"idle\");\r\n\r\n    try {\r\n      await apiService.submitForm(\r\n        formData,\r\n        {\r\n          email_subject1: \"Thank you for contacting us\",\r\n          email_subject2: \"New Contact Form Submission\",\r\n          fields: [\r\n            { name: \"name\", required: true },\r\n            { name: \"email\", required: true },\r\n            { name: \"phone\", required: false },\r\n            { name: \"message\", required: true },\r\n          ],\r\n        },\r\n        constants.site.defaultLanguage\r\n      );\r\n\r\n      setSubmitStatus(\"success\");\r\n      setFormData({ name: \"\", email: \"\", phone: \"\", message: \"\" });\r\n      setTimeout(() => setSubmitStatus(\"idle\"), 5000);\r\n    } catch {\r\n      setSubmitStatus(\"error\");\r\n      setTimeout(() => setSubmitStatus(\"idle\"), 5000);\r\n    } finally {\r\n      setIsSubmitting(false);\r\n    }\r\n  };\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\r\n    setFormData((prev) => ({ ...prev, [e.target.name]: e.target.value }));\r\n  };\r\n\r\n  return (\r\n    <Layout>\r\n      <div className={cn(\"min-h-[calc(100vh-200px)] py-8 md:py-12\", className)}>\r\n        <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\r\n          <div className=\"grid lg:grid-cols-2 h-full rounded-xl overflow-hidden shadow-lg\">\r\n          {/* Left Side - Info & Image */}\r\n          <div className=\"relative bg-primary text-primary-foreground p-8 lg:p-12 flex flex-col justify-center\">\r\n            {/* Background Pattern */}\r\n            <div className=\"absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.1)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.1)_1px,transparent_1px)] bg-[size:4rem_4rem]\" />\r\n\r\n            <div className=\"relative z-10 max-w-lg\">\r\n              <h1 className=\"text-3xl lg:text-4xl font-bold mb-4\">\r\n                {t(\"title\", \"Let's Start a Conversation\")}\r\n              </h1>\r\n              <p className=\"text-primary-foreground/80 mb-8\">\r\n                {t(\"subtitle\", \"Have a project in mind? We'd love to hear about it. Get in touch and let's create something amazing together.\")}\r\n              </p>\r\n\r\n              <div className=\"space-y-6\">\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\r\n                    <Mail className=\"h-5 w-5\" />\r\n                  </div>\r\n                  <div>\r\n                    <p className=\"font-semibold\">{t(\"emailLabel\", \"Email\")}</p>\r\n                    <p className=\"text-primary-foreground/70\">{constants.email || \"hello@example.com\"}</p>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\r\n                    <Phone className=\"h-5 w-5\" />\r\n                  </div>\r\n                  <div>\r\n                    <p className=\"font-semibold\">{t(\"phoneLabel\", \"Phone\")}</p>\r\n                    <p className=\"text-primary-foreground/70\">{constants.phone || \"+1 234 567 890\"}</p>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\r\n                    <MapPin className=\"h-5 w-5\" />\r\n                  </div>\r\n                  <div>\r\n                    <p className=\"font-semibold\">{t(\"addressLabel\", \"Address\")}</p>\r\n                    <p className=\"text-primary-foreground/70\">\r\n                      {constants.address?.line1 || \"123 Main Street\"}<br />\r\n                      {constants.address?.city || \"New York\"}, {constants.address?.country || \"USA\"}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\r\n                    <Clock className=\"h-5 w-5\" />\r\n                  </div>\r\n                  <div>\r\n                    <p className=\"font-semibold\">{t(\"hoursLabel\", \"Business Hours\")}</p>\r\n                    <p className=\"text-primary-foreground/70\">{t(\"hours\", \"Mon - Fri: 9:00 AM - 6:00 PM\")}</p>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Right Side - Form */}\r\n          <div className=\"p-8 lg:p-12 flex items-center justify-center bg-background\">\r\n            <div className=\"w-full max-w-md\">\r\n              <h2 className=\"text-2xl font-bold mb-2\">{t(\"formTitle\", \"Send us a message\")}</h2>\r\n              <p className=\"text-muted-foreground mb-8\">\r\n                {t(\"formSubtitle\", \"Fill out the form below and we'll get back to you as soon as possible.\")}\r\n              </p>\r\n\r\n              <form onSubmit={handleSubmit} className=\"space-y-5\">\r\n                <div>\r\n                  <Label htmlFor=\"name\">{t(\"nameLabel\", \"Full Name\")} *</Label>\r\n                  <Input\r\n                    id=\"name\"\r\n                    name=\"name\"\r\n                    value={formData.name}\r\n                    onChange={handleChange}\r\n                    placeholder={t(\"namePlaceholder\", \"John Doe\")}\r\n                    required\r\n                    className=\"mt-1\"\r\n                  />\r\n                </div>\r\n\r\n                <div>\r\n                  <Label htmlFor=\"email\">{t(\"emailInputLabel\", \"Email\")} *</Label>\r\n                  <Input\r\n                    id=\"email\"\r\n                    name=\"email\"\r\n                    type=\"email\"\r\n                    value={formData.email}\r\n                    onChange={handleChange}\r\n                    placeholder={t(\"emailPlaceholder\", \"john@example.com\")}\r\n                    required\r\n                    className=\"mt-1\"\r\n                  />\r\n                </div>\r\n\r\n                <div>\r\n                  <Label htmlFor=\"phone\">{t(\"phoneInputLabel\", \"Phone\")}</Label>\r\n                  <Input\r\n                    id=\"phone\"\r\n                    name=\"phone\"\r\n                    type=\"tel\"\r\n                    value={formData.phone}\r\n                    onChange={handleChange}\r\n                    placeholder={t(\"phonePlaceholder\", \"+1 234 567 890\")}\r\n                    className=\"mt-1\"\r\n                  />\r\n                </div>\r\n\r\n                <div>\r\n                  <Label htmlFor=\"message\">{t(\"messageLabel\", \"Message\")} *</Label>\r\n                  <Textarea\r\n                    id=\"message\"\r\n                    name=\"message\"\r\n                    value={formData.message}\r\n                    onChange={handleChange}\r\n                    placeholder={t(\"messagePlaceholder\", \"Tell us about your project...\")}\r\n                    required\r\n                    rows={5}\r\n                    className=\"mt-1 resize-none\"\r\n                  />\r\n                </div>\r\n\r\n                {submitStatus === \"success\" && (\r\n                  <div className=\"p-4 bg-green-500/10 border border-green-500/30 rounded-lg\">\r\n                    <p className=\"text-green-600 dark:text-green-400 text-sm font-medium\">\r\n                      {t(\"success\", \"Message sent! We'll be in touch soon.\")}\r\n                    </p>\r\n                  </div>\r\n                )}\r\n\r\n                {submitStatus === \"error\" && (\r\n                  <div className=\"p-4 bg-destructive/10 border border-destructive/30 rounded-lg\">\r\n                    <p className=\"text-destructive text-sm font-medium\">\r\n                      {t(\"error\", \"Something went wrong. Please try again.\")}\r\n                    </p>\r\n                  </div>\r\n                )}\r\n\r\n                <Button type=\"submit\" size=\"lg\" className=\"w-full\" disabled={isSubmitting}>\r\n                  {isSubmitting ? t(\"sending\", \"Sending...\") : t(\"submit\", \"Send Message\")}\r\n                </Button>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  );\r\n}\r\n\r\nexport default ContactPageSplit;\r\n"
+      "content": "import React, { useState } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { usePageTitle } from \"@/hooks/use-page-title\";\nimport { Mail, Phone, MapPin, Clock } from \"lucide-react\";\nimport { Layout } from \"@/components/Layout\";\nimport { useApiService } from \"@/lib/api\";\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { Label } from \"@/components/ui/label\";\nimport { cn } from \"@/lib/utils\";\nimport constants from \"@/constants/constants.json\";\n\ninterface ContactPageSplitProps {\n  className?: string;\n}\n\nexport function ContactPageSplit({ className }: ContactPageSplitProps) {\n  const { t } = useTranslation(\"contact-page-split\");\n  usePageTitle({ title: t(\"pageTitle\", \"Contact Us\") });\n  const apiService = useApiService();\n\n  const [formData, setFormData] = useState({\n    name: \"\",\n    email: \"\",\n    phone: \"\",\n    message: \"\",\n  });\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submitStatus, setSubmitStatus] = useState<\"idle\" | \"success\" | \"error\">(\"idle\");\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsSubmitting(true);\n    setSubmitStatus(\"idle\");\n\n    try {\n      await apiService.submitForm(\n        formData,\n        {\n          email_subject1: \"Thank you for contacting us\",\n          email_subject2: \"New Contact Form Submission\",\n          fields: [\n            { name: \"name\", required: true },\n            { name: \"email\", required: true },\n            { name: \"phone\", required: false },\n            { name: \"message\", required: true },\n          ],\n        },\n        constants.site.defaultLanguage\n      );\n\n      setSubmitStatus(\"success\");\n      setFormData({ name: \"\", email: \"\", phone: \"\", message: \"\" });\n      setTimeout(() => setSubmitStatus(\"idle\"), 5000);\n    } catch {\n      setSubmitStatus(\"error\");\n      setTimeout(() => setSubmitStatus(\"idle\"), 5000);\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    setFormData((prev) => ({ ...prev, [e.target.name]: e.target.value }));\n  };\n\n  return (\n    <Layout>\n      <div className={cn(\"min-h-[calc(100vh-200px)] py-8 md:py-12\", className)}>\n        <div className=\"w-full max-w-[var(--container-max-width)] mx-auto px-4\">\n          <div className=\"grid lg:grid-cols-2 h-full rounded-xl overflow-hidden shadow-lg\">\n          {/* Left Side - Info & Image */}\n          <div className=\"relative bg-primary text-primary-foreground p-8 lg:p-12 flex flex-col justify-center\">\n            {/* Background Pattern */}\n            <div className=\"absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.1)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.1)_1px,transparent_1px)] bg-[size:4rem_4rem]\" />\n\n            <div className=\"relative z-10 max-w-lg\">\n              <h1 className=\"text-3xl lg:text-4xl font-bold mb-4\">\n                {t(\"title\", \"Let's Start a Conversation\")}\n              </h1>\n              <p className=\"text-primary-foreground/80 mb-8\">\n                {t(\"subtitle\", \"Have a project in mind? We'd love to hear about it. Get in touch and let's create something amazing together.\")}\n              </p>\n\n              <div className=\"space-y-6\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\n                    <Mail className=\"h-5 w-5\" />\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{t(\"emailLabel\", \"Email\")}</p>\n                    <p className=\"text-primary-foreground/70\">{constants.email || \"hello@example.com\"}</p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\n                    <Phone className=\"h-5 w-5\" />\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{t(\"phoneLabel\", \"Phone\")}</p>\n                    <p className=\"text-primary-foreground/70\">{constants.phone || \"+1 234 567 890\"}</p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\n                    <MapPin className=\"h-5 w-5\" />\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{t(\"addressLabel\", \"Address\")}</p>\n                    <p className=\"text-primary-foreground/70\">\n                      {constants.address?.line1 || \"123 Main Street\"}<br />\n                      {constants.address?.city || \"New York\"}, {constants.address?.country || \"USA\"}\n                    </p>\n                  </div>\n                </div>\n\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"w-10 h-10 rounded-full bg-primary-foreground/10 flex items-center justify-center flex-shrink-0\">\n                    <Clock className=\"h-5 w-5\" />\n                  </div>\n                  <div>\n                    <p className=\"font-semibold\">{t(\"hoursLabel\", \"Business Hours\")}</p>\n                    <p className=\"text-primary-foreground/70\">{t(\"hours\", \"Mon - Fri: 9:00 AM - 6:00 PM\")}</p>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Right Side - Form */}\n          <div className=\"p-8 lg:p-12 flex items-center justify-center bg-background\">\n            <div className=\"w-full max-w-md\">\n              <h2 className=\"text-2xl font-bold mb-2\">{t(\"formTitle\", \"Send us a message\")}</h2>\n              <p className=\"text-muted-foreground mb-8\">\n                {t(\"formSubtitle\", \"Fill out the form below and we'll get back to you as soon as possible.\")}\n              </p>\n\n              <form onSubmit={handleSubmit} className=\"space-y-5\">\n                <div>\n                  <Label htmlFor=\"name\">{t(\"nameLabel\", \"Full Name\")} *</Label>\n                  <Input\n                    id=\"name\"\n                    name=\"name\"\n                    value={formData.name}\n                    onChange={handleChange}\n                    placeholder={t(\"namePlaceholder\", \"John Doe\")}\n                    required\n                    className=\"mt-1\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"email\">{t(\"emailInputLabel\", \"Email\")} *</Label>\n                  <Input\n                    id=\"email\"\n                    name=\"email\"\n                    type=\"email\"\n                    value={formData.email}\n                    onChange={handleChange}\n                    placeholder={t(\"emailPlaceholder\", \"john@example.com\")}\n                    required\n                    className=\"mt-1\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"phone\">{t(\"phoneInputLabel\", \"Phone\")}</Label>\n                  <Input\n                    id=\"phone\"\n                    name=\"phone\"\n                    type=\"tel\"\n                    value={formData.phone}\n                    onChange={handleChange}\n                    placeholder={t(\"phonePlaceholder\", \"+1 234 567 890\")}\n                    className=\"mt-1\"\n                  />\n                </div>\n\n                <div>\n                  <Label htmlFor=\"message\">{t(\"messageLabel\", \"Message\")} *</Label>\n                  <Textarea\n                    id=\"message\"\n                    name=\"message\"\n                    value={formData.message}\n                    onChange={handleChange}\n                    placeholder={t(\"messagePlaceholder\", \"Tell us about your project...\")}\n                    required\n                    rows={5}\n                    className=\"mt-1 resize-none\"\n                  />\n                </div>\n\n                {submitStatus === \"success\" && (\n                  <div className=\"p-4 bg-green-500/10 border border-green-500/30 rounded-lg\">\n                    <p className=\"text-green-600 dark:text-green-400 text-sm font-medium\">\n                      {t(\"success\", \"Message sent! We'll be in touch soon.\")}\n                    </p>\n                  </div>\n                )}\n\n                {submitStatus === \"error\" && (\n                  <div className=\"p-4 bg-destructive/10 border border-destructive/30 rounded-lg\">\n                    <p className=\"text-destructive text-sm font-medium\">\n                      {t(\"error\", \"Something went wrong. Please try again.\")}\n                    </p>\n                  </div>\n                )}\n\n                <Button type=\"submit\" size=\"lg\" className=\"w-full\" disabled={isSubmitting}>\n                  {isSubmitting ? t(\"sending\", \"Sending...\") : t(\"submit\", \"Send Message\")}\n                </Button>\n              </form>\n            </div>\n          </div>\n          </div>\n        </div>\n      </div>\n    </Layout>\n  );\n}\n\nexport default ContactPageSplit;\n"
     },
     {
       "path": "contact-page-split/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/contact-page-split/lang/en.json",
-      "content": "{\r\n  \"pageTitle\": \"Contact Us\",\r\n  \"title\": \"Let's Start a Conversation\",\r\n  \"subtitle\": \"This welcoming message sets the tone for visitor communication. Explain why they should contact you, what kind of help you can provide, or your typical response time. Use Promake to create an inviting message that encourages engagement.\",\r\n  \"emailLabel\": \"Email\",\r\n  \"phoneLabel\": \"Phone\",\r\n  \"addressLabel\": \"Address\",\r\n  \"hoursLabel\": \"Hours\",\r\n  \"hours\": \"Mon - Fri: 9:00 AM - 6:00 PM\",\r\n  \"formTitle\": \"Send us a message\",\r\n  \"formSubtitle\": \"Fill out the form below and we'll get back to you as soon as possible.\",\r\n  \"nameLabel\": \"Full Name\",\r\n  \"namePlaceholder\": \"John Doe\",\r\n  \"emailInputLabel\": \"Email\",\r\n  \"emailPlaceholder\": \"john@example.com\",\r\n  \"phoneInputLabel\": \"Phone\",\r\n  \"phonePlaceholder\": \"+1 234 567 890\",\r\n  \"messageLabel\": \"Message\",\r\n  \"messagePlaceholder\": \"Tell us about your project...\",\r\n  \"submit\": \"Send Message\",\r\n  \"sending\": \"Sending...\",\r\n  \"success\": \"Message sent! We'll be in touch soon.\",\r\n  \"error\": \"Something went wrong. Please try again.\"\r\n}\r\n"
+      "content": "{\n  \"pageTitle\": \"Contact Us\",\n  \"title\": \"Let's Start a Conversation\",\n  \"subtitle\": \"This welcoming message sets the tone for visitor communication. Explain why they should contact you, what kind of help you can provide, or your typical response time. Use Promake to create an inviting message that encourages engagement.\",\n  \"emailLabel\": \"Email\",\n  \"phoneLabel\": \"Phone\",\n  \"addressLabel\": \"Address\",\n  \"hoursLabel\": \"Hours\",\n  \"hours\": \"Mon - Fri: 9:00 AM - 6:00 PM\",\n  \"formTitle\": \"Send us a message\",\n  \"formSubtitle\": \"Fill out the form below and we'll get back to you as soon as possible.\",\n  \"nameLabel\": \"Full Name\",\n  \"namePlaceholder\": \"John Doe\",\n  \"emailInputLabel\": \"Email\",\n  \"emailPlaceholder\": \"john@example.com\",\n  \"phoneInputLabel\": \"Phone\",\n  \"phonePlaceholder\": \"+1 234 567 890\",\n  \"messageLabel\": \"Message\",\n  \"messagePlaceholder\": \"Tell us about your project...\",\n  \"submit\": \"Send Message\",\n  \"sending\": \"Sending...\",\n  \"success\": \"Message sent! We'll be in touch soon.\",\n  \"error\": \"Something went wrong. Please try again.\"\n}\n"
     },
     {
       "path": "contact-page-split/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/contact-page-split/lang/tr.json",
-      "content": "{\r\n  \"pageTitle\": \"İletişim\",\r\n  \"title\": \"Bir Sohbet Başlatalım\",\r\n  \"subtitle\": \"Bu karşılama mesajı ziyaretçi iletişimi için tonu belirler. Neden sizinle iletişime geçmeleri gerektiğini, ne tür yardım sağlayabileceğinizi veya tipik yanıt sürenizi açıklayın. Promake ile etkileşimi teşvik eden davetkar bir mesaj oluşturun.\",\r\n  \"emailLabel\": \"E-posta\",\r\n  \"phoneLabel\": \"Telefon\",\r\n  \"addressLabel\": \"Adres\",\r\n  \"hoursLabel\": \"Çalışma Saatleri\",\r\n  \"hours\": \"Pazartesi - Cuma: 09:00 - 18:00\",\r\n  \"formTitle\": \"Bize mesaj gönderin\",\r\n  \"formSubtitle\": \"Aşağıdaki formu doldurun, en kısa sürede size döneceğiz.\",\r\n  \"nameLabel\": \"Ad Soyad\",\r\n  \"namePlaceholder\": \"Ahmet Yılmaz\",\r\n  \"emailInputLabel\": \"E-posta\",\r\n  \"emailPlaceholder\": \"ahmet@ornek.com\",\r\n  \"phoneInputLabel\": \"Telefon\",\r\n  \"phonePlaceholder\": \"+90 532 123 4567\",\r\n  \"messageLabel\": \"Mesaj\",\r\n  \"messagePlaceholder\": \"Projeniz hakkında bize bilgi verin...\",\r\n  \"submit\": \"Mesaj Gönder\",\r\n  \"sending\": \"Gönderiliyor...\",\r\n  \"success\": \"Mesaj gönderildi! En kısa sürede iletişime geçeceğiz.\",\r\n  \"error\": \"Bir şeyler yanlış gitti. Lütfen tekrar deneyin.\"\r\n}\r\n"
+      "content": "{\n  \"pageTitle\": \"İletişim\",\n  \"title\": \"Bir Sohbet Başlatalım\",\n  \"subtitle\": \"Bu karşılama mesajı ziyaretçi iletişimi için tonu belirler. Neden sizinle iletişime geçmeleri gerektiğini, ne tür yardım sağlayabileceğinizi veya tipik yanıt sürenizi açıklayın. Promake ile etkileşimi teşvik eden davetkar bir mesaj oluşturun.\",\n  \"emailLabel\": \"E-posta\",\n  \"phoneLabel\": \"Telefon\",\n  \"addressLabel\": \"Adres\",\n  \"hoursLabel\": \"Çalışma Saatleri\",\n  \"hours\": \"Pazartesi - Cuma: 09:00 - 18:00\",\n  \"formTitle\": \"Bize mesaj gönderin\",\n  \"formSubtitle\": \"Aşağıdaki formu doldurun, en kısa sürede size döneceğiz.\",\n  \"nameLabel\": \"Ad Soyad\",\n  \"namePlaceholder\": \"Ahmet Yılmaz\",\n  \"emailInputLabel\": \"E-posta\",\n  \"emailPlaceholder\": \"ahmet@ornek.com\",\n  \"phoneInputLabel\": \"Telefon\",\n  \"phonePlaceholder\": \"+90 532 123 4567\",\n  \"messageLabel\": \"Mesaj\",\n  \"messagePlaceholder\": \"Projeniz hakkında bize bilgi verin...\",\n  \"submit\": \"Mesaj Gönder\",\n  \"sending\": \"Gönderiliyor...\",\n  \"success\": \"Mesaj gönderildi! En kısa sürede iletişime geçeceğiz.\",\n  \"error\": \"Bir şeyler yanlış gitti. Lütfen tekrar deneyin.\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/contact-page.json

@@ -16,7 +16,7 @@
       "path": "contact-page/index.ts",
       "type": "registry:index",
       "target": "$modules$/contact-page/index.ts",
-      "content": "export * from './contact-page';\r\nexport { ContactPage as default } from './contact-page';\r\n"
+      "content": "export * from './contact-page';\nexport { ContactPage as default } from './contact-page';\n"
     },
     {
       "path": "contact-page/contact-page.tsx",
@@ -28,13 +28,13 @@
       "path": "contact-page/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/contact-page/lang/en.json",
-      "content": "{\r\n  \"title\": \"Contact Us\",\r\n  \"getInTouch\": \"Get in Touch\",\r\n  \"emailUs\": \"Email Us\",\r\n  \"callUs\": \"Call Us\",\r\n  \"visitUs\": \"Visit Us\",\r\n  \"businessHours\": \"Hours\",\r\n  \"sendMessage\": \"Send us a Message\",\r\n  \"formNotAvailable\": \"Form is not available at the moment.\",\r\n  \"fullName\": \"Full Name\",\r\n  \"emailAddress\": \"Email Address\",\r\n  \"phoneNumber\": \"Phone Number\",\r\n  \"subject\": \"Subject\",\r\n  \"message\": \"Message\",\r\n  \"submit\": \"Send Message\",\r\n  \"sending\": \"Sending...\",\r\n  \"success\": \"Thank you for your message! We will get back to you soon.\",\r\n  \"error\": \"Failed to send message. Please try again later.\",\r\n  \"description\": \"Have a question or need support? We're here to help and typically respond within 24 hours.\",\r\n  \"email\": \"Email\",\r\n  \"phone\": \"Phone\",\r\n  \"address\": \"Address\",\r\n  \"fullNamePlaceholder\": \"Your full name\",\r\n  \"emailPlaceholder\": \"your@email.com\",\r\n  \"phonePlaceholder\": \"+1 (555) 123-4567\",\r\n  \"subjectPlaceholder\": \"What is this regarding?\",\r\n  \"messagePlaceholder\": \"Tell us how we can help you...\",\r\n  \"loading\": \"Loading contact information...\",\r\n  \"emailResponse\": \"We typically respond within 24 hours\",\r\n  \"needSupport\": \"Need Support?\",\r\n  \"supportDescription\": \"For technical support or general inquiries, contact our dedicated support team:\",\r\n  \"supportEmail\": \"Support Email\",\r\n  \"monday_friday\": \"Monday - Friday\",\r\n  \"saturday\": \"Saturday\",\r\n  \"sunday\": \"Sunday\",\r\n  \"closed\": \"Closed\",\r\n  \"am\": \"AM\",\r\n  \"pm\": \"PM\"\r\n}"
+      "content": "{\n  \"title\": \"Contact Us\",\n  \"getInTouch\": \"Get in Touch\",\n  \"emailUs\": \"Email Us\",\n  \"callUs\": \"Call Us\",\n  \"visitUs\": \"Visit Us\",\n  \"businessHours\": \"Hours\",\n  \"sendMessage\": \"Send us a Message\",\n  \"formNotAvailable\": \"Form is not available at the moment.\",\n  \"fullName\": \"Full Name\",\n  \"emailAddress\": \"Email Address\",\n  \"phoneNumber\": \"Phone Number\",\n  \"subject\": \"Subject\",\n  \"message\": \"Message\",\n  \"submit\": \"Send Message\",\n  \"sending\": \"Sending...\",\n  \"success\": \"Thank you for your message! We will get back to you soon.\",\n  \"error\": \"Failed to send message. Please try again later.\",\n  \"description\": \"Have a question or need support? We're here to help and typically respond within 24 hours.\",\n  \"email\": \"Email\",\n  \"phone\": \"Phone\",\n  \"address\": \"Address\",\n  \"fullNamePlaceholder\": \"Your full name\",\n  \"emailPlaceholder\": \"your@email.com\",\n  \"phonePlaceholder\": \"+1 (555) 123-4567\",\n  \"subjectPlaceholder\": \"What is this regarding?\",\n  \"messagePlaceholder\": \"Tell us how we can help you...\",\n  \"loading\": \"Loading contact information...\",\n  \"emailResponse\": \"We typically respond within 24 hours\",\n  \"needSupport\": \"Need Support?\",\n  \"supportDescription\": \"For technical support or general inquiries, contact our dedicated support team:\",\n  \"supportEmail\": \"Support Email\",\n  \"monday_friday\": \"Monday - Friday\",\n  \"saturday\": \"Saturday\",\n  \"sunday\": \"Sunday\",\n  \"closed\": \"Closed\",\n  \"am\": \"AM\",\n  \"pm\": \"PM\"\n}"
     },
     {
       "path": "contact-page/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/contact-page/lang/tr.json",
-      "content": "{\r\n  \"title\": \"İletişim\",\r\n  \"getInTouch\": \"Bize Ulaşın\",\r\n  \"emailUs\": \"E-posta Gönderin\",\r\n  \"callUs\": \"Bizi Arayın\",\r\n  \"visitUs\": \"Bizi Ziyaret Edin\",\r\n  \"businessHours\": \"Çalışma Saatleri\",\r\n  \"sendMessage\": \"Bize Mesaj Gönderin\",\r\n  \"formNotAvailable\": \"Form şu anda kullanılamıyor.\",\r\n  \"fullName\": \"Ad Soyad\",\r\n  \"emailAddress\": \"E-posta Adresi\",\r\n  \"phoneNumber\": \"Telefon Numarası\",\r\n  \"subject\": \"Konu\",\r\n  \"message\": \"Mesaj\",\r\n  \"submit\": \"Mesaj Gönder\",\r\n  \"sending\": \"Gönderiliyor...\",\r\n  \"success\": \"Mesajınız için teşekkürler! En kısa sürede size dönüş yapacağız.\",\r\n  \"error\": \"Mesaj gönderilemedi. Lütfen tekrar deneyin.\",\r\n  \"description\": \"İletişim seçenekleri ve müsaitlik bilgisi. Yanıt süreleri ve soru türlerini ekleyin.\",\r\n  \"email\": \"E-posta\",\r\n  \"phone\": \"Telefon\",\r\n  \"address\": \"Adres\",\r\n  \"fullNamePlaceholder\": \"Adınız ve soyadınız\",\r\n  \"emailPlaceholder\": \"eposta@adresiniz.com\",\r\n  \"phonePlaceholder\": \"+90 5XX XXX XX XX\",\r\n  \"subjectPlaceholder\": \"Konu nedir?\",\r\n  \"messagePlaceholder\": \"Size nasıl yardımcı olabiliriz...\",\r\n  \"loading\": \"İletişim bilgileri yükleniyor...\",\r\n  \"emailResponse\": \"Genellikle 24 saat içinde yanıt veririz\",\r\n  \"needSupport\": \"Desteğe İhtiyacınız mı Var?\",\r\n  \"supportDescription\": \"Teknik destek veya sipariş sorularınız için özel destek ekibimizle iletişime geçin:\",\r\n  \"supportEmail\": \"Destek E-postası\",\r\n  \"monday_friday\": \"Pazartesi - Cuma\",\r\n  \"saturday\": \"Cumartesi\",\r\n  \"sunday\": \"Pazar\",\r\n  \"closed\": \"Kapalı\",\r\n  \"am\": \"\",\r\n  \"pm\": \"\"\r\n}"
+      "content": "{\n  \"title\": \"İletişim\",\n  \"getInTouch\": \"Bize Ulaşın\",\n  \"emailUs\": \"E-posta Gönderin\",\n  \"callUs\": \"Bizi Arayın\",\n  \"visitUs\": \"Bizi Ziyaret Edin\",\n  \"businessHours\": \"Çalışma Saatleri\",\n  \"sendMessage\": \"Bize Mesaj Gönderin\",\n  \"formNotAvailable\": \"Form şu anda kullanılamıyor.\",\n  \"fullName\": \"Ad Soyad\",\n  \"emailAddress\": \"E-posta Adresi\",\n  \"phoneNumber\": \"Telefon Numarası\",\n  \"subject\": \"Konu\",\n  \"message\": \"Mesaj\",\n  \"submit\": \"Mesaj Gönder\",\n  \"sending\": \"Gönderiliyor...\",\n  \"success\": \"Mesajınız için teşekkürler! En kısa sürede size dönüş yapacağız.\",\n  \"error\": \"Mesaj gönderilemedi. Lütfen tekrar deneyin.\",\n  \"description\": \"İletişim seçenekleri ve müsaitlik bilgisi. Yanıt süreleri ve soru türlerini ekleyin.\",\n  \"email\": \"E-posta\",\n  \"phone\": \"Telefon\",\n  \"address\": \"Adres\",\n  \"fullNamePlaceholder\": \"Adınız ve soyadınız\",\n  \"emailPlaceholder\": \"eposta@adresiniz.com\",\n  \"phonePlaceholder\": \"+90 5XX XXX XX XX\",\n  \"subjectPlaceholder\": \"Konu nedir?\",\n  \"messagePlaceholder\": \"Size nasıl yardımcı olabiliriz...\",\n  \"loading\": \"İletişim bilgileri yükleniyor...\",\n  \"emailResponse\": \"Genellikle 24 saat içinde yanıt veririz\",\n  \"needSupport\": \"Desteğe İhtiyacınız mı Var?\",\n  \"supportDescription\": \"Teknik destek veya sipariş sorularınız için özel destek ekibimizle iletişime geçin:\",\n  \"supportEmail\": \"Destek E-postası\",\n  \"monday_friday\": \"Pazartesi - Cuma\",\n  \"saturday\": \"Cumartesi\",\n  \"sunday\": \"Pazar\",\n  \"closed\": \"Kapalı\",\n  \"am\": \"\",\n  \"pm\": \"\"\n}"
     }
   ],
   "exports": {

package/dist/registry/content-section.json

@@ -10,25 +10,25 @@
       "path": "content-section/index.ts",
       "type": "registry:index",
       "target": "$modules$/content-section/index.ts",
-      "content": "export * from './content-section';\r\n"
+      "content": "export * from './content-section';\n"
     },
     {
       "path": "content-section/content-section.tsx",
       "type": "registry:component",
       "target": "$modules$/content-section/content-section.tsx",
-      "content": "import { Link } from \"react-router\";\r\nimport { ChevronRight } from \"lucide-react\";\r\nimport { Button } from \"@/components/ui/button\";\r\nimport { cn } from \"@/lib/utils\";\r\n\r\ninterface ContentSectionProps {\r\n  image: string;\r\n  imageAlt?: string;\r\n  title: string;\r\n  description: string;\r\n  ctaText?: string;\r\n  ctaLink?: string;\r\n  grayscale?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function ContentSection({\r\n  image,\r\n  imageAlt,\r\n  title,\r\n  description,\r\n  ctaText,\r\n  ctaLink = \"#\",\r\n  grayscale = false,\r\n  className,\r\n}: ContentSectionProps) {\r\n\r\n  return (\r\n    <section className={cn(\"py-16 md:py-32\", className)}>\r\n      <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-12\">\r\n        <img\r\n          className={cn(\"rounded-lg w-full\", grayscale && \"grayscale\")}\r\n          src={image}\r\n          alt={imageAlt || title}\r\n          loading=\"lazy\"\r\n        />\r\n\r\n        <div className=\"grid gap-6 md:grid-cols-2 md:gap-12\">\r\n          <h2 className=\"text-3xl md:text-4xl font-medium leading-tight\">\r\n            {title}\r\n          </h2>\r\n          <div className=\"space-y-6\">\r\n            <p className=\"text-muted-foreground leading-relaxed\">\r\n              {description}\r\n            </p>\r\n\r\n            {ctaText && (\r\n              <Button asChild variant=\"secondary\" size=\"sm\" className=\"gap-1 pr-1.5\">\r\n                <Link to={ctaLink}>\r\n                  <span>{ctaText}</span>\r\n                  <ChevronRight className=\"size-4\" />\r\n                </Link>\r\n              </Button>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n"
+      "content": "import { Link } from \"react-router\";\nimport { ChevronRight } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\n\ninterface ContentSectionProps {\n  image: string;\n  imageAlt?: string;\n  title: string;\n  description: string;\n  ctaText?: string;\n  ctaLink?: string;\n  grayscale?: boolean;\n  className?: string;\n}\n\nexport function ContentSection({\n  image,\n  imageAlt,\n  title,\n  description,\n  ctaText,\n  ctaLink = \"#\",\n  grayscale = false,\n  className,\n}: ContentSectionProps) {\n\n  return (\n    <section className={cn(\"py-16 md:py-32\", className)}>\n      <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-12\">\n        <img\n          className={cn(\"rounded-lg w-full\", grayscale && \"grayscale\")}\n          src={image}\n          alt={imageAlt || title}\n          loading=\"lazy\"\n        />\n\n        <div className=\"grid gap-6 md:grid-cols-2 md:gap-12\">\n          <h2 className=\"text-3xl md:text-4xl font-medium leading-tight\">\n            {title}\n          </h2>\n          <div className=\"space-y-6\">\n            <p className=\"text-muted-foreground leading-relaxed\">\n              {description}\n            </p>\n\n            {ctaText && (\n              <Button asChild variant=\"secondary\" size=\"sm\" className=\"gap-1 pr-1.5\">\n                <Link to={ctaLink}>\n                  <span>{ctaText}</span>\n                  <ChevronRight className=\"size-4\" />\n                </Link>\n              </Button>\n            )}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n"
     },
     {
       "path": "content-section/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/content-section/lang/en.json",
-      "content": "{\r\n  \"learnMore\": \"Learn More\"\r\n}\r\n"
+      "content": "{\n  \"learnMore\": \"Learn More\"\n}\n"
     },
     {
       "path": "content-section/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/content-section/lang/tr.json",
-      "content": "{\r\n  \"learnMore\": \"Daha Fazla\"\r\n}\r\n"
+      "content": "{\n  \"learnMore\": \"Daha Fazla\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/cookie-consent.json

@@ -13,25 +13,25 @@
       "path": "cookie-consent/index.ts",
       "type": "registry:index",
       "target": "$modules$/cookie-consent/index.ts",
-      "content": "export { CookieConsent } from \"./cookie-consent\";\r\n"
+      "content": "export { CookieConsent } from \"./cookie-consent\";\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"
+      "content": "import { useState, useEffect } from \"react\";\nimport { Link } from \"react-router\";\nimport { useTranslation } from \"react-i18next\";\nimport { X } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/utils\";\nimport { motion, AnimatePresence } from \"motion/react\";\n\ninterface CookieConsentProps {\n  className?: string;\n  privacyPolicyUrl?: string;\n  cookiePolicyUrl?: string;\n  onAccept?: () => void;\n  onDecline?: () => void;\n  width?: \"full\" | \"compact\" | \"auto\";\n  position?: \"left\" | \"right\" | \"center\";\n  storageKey?: string;\n}\n\nconst DEFAULT_STORAGE_KEY = \"cookie-consent\";\n\nexport function CookieConsent({\n  className,\n  privacyPolicyUrl = \"/privacy\",\n  cookiePolicyUrl = \"/cookies\",\n  onAccept,\n  onDecline,\n  width = \"full\",\n  position = \"center\",\n  storageKey = DEFAULT_STORAGE_KEY,\n}: CookieConsentProps) {\n  const { t } = useTranslation(\"cookie-consent\");\n  const [isVisible, setIsVisible] = useState(false);\n  const [isClosing, setIsClosing] = useState(false);\n\n  useEffect(() => {\n    const consent = localStorage.getItem(storageKey);\n    if (!consent) {\n      // Small delay for better UX\n      const timer = setTimeout(() => setIsVisible(true), 1000);\n      return () => clearTimeout(timer);\n    }\n  }, [storageKey]);\n\n  const handleAccept = () => {\n    localStorage.setItem(storageKey, \"accepted\");\n    setIsClosing(true);\n    setTimeout(() => {\n      setIsVisible(false);\n      onAccept?.();\n    }, 300);\n  };\n\n  const handleDecline = () => {\n    localStorage.setItem(storageKey, \"declined\");\n    setIsClosing(true);\n    setTimeout(() => {\n      setIsVisible(false);\n      onDecline?.();\n    }, 300);\n  };\n\n  const handleClose = () => {\n    setIsClosing(true);\n    setTimeout(() => setIsVisible(false), 300);\n  };\n\n  if (!isVisible) return null;\n\n  return (\n    <AnimatePresence>\n      {isVisible && (\n        <motion.div\n          initial={{ y: 100, opacity: 0 }}\n          animate={{ y: isClosing ? 100 : 0, opacity: isClosing ? 0 : 1 }}\n          exit={{ y: 100, opacity: 0 }}\n          transition={{ type: \"spring\", damping: 25, stiffness: 300 }}\n          className={cn(\n            \"fixed bottom-0 z-50 p-4 md:p-6 left-0 right-0\",\n            position === \"left\" && \"md:right-auto\",\n            position === \"right\" && \"md:left-auto\",\n            className\n          )}\n        >\n          <div className={cn(\n            \"w-full mx-auto\",\n            width === \"full\" && \"max-w-[var(--container-max-width)]\",\n            width === \"compact\" && \"md:max-w-md\",\n            width === \"auto\" && \"md:w-auto\"\n          )}>\n            <div className=\"bg-card border border-border rounded-2xl shadow-2xl p-5 relative\">\n              {/* Close button */}\n              <button\n                onClick={handleClose}\n                className=\"absolute top-3 right-3 p-1 text-muted-foreground hover:text-foreground transition-colors\"\n                aria-label={t(\"close\", \"Close\")}\n              >\n                <X className=\"h-4 w-4\" />\n              </button>\n\n              {/* Title & Description */}\n              <div className=\"mb-4 pr-6\">\n                <h3 className=\"text-base font-semibold text-foreground mb-1\">\n                  {t(\"title\", \"Cookie Notice\")}\n                </h3>\n                <p className=\"text-sm text-muted-foreground\">\n                  {t(\"description\", \"We use cookies to improve your experience.\")}{\" \"}\n                  <Link to={privacyPolicyUrl} className=\"text-primary hover:underline\">\n                    {t(\"privacyPolicy\", \"Privacy\")}\n                  </Link>\n                  {\" · \"}\n                  <Link to={cookiePolicyUrl} className=\"text-primary hover:underline\">\n                    {t(\"cookiePolicy\", \"Cookies\")}\n                  </Link>\n                </p>\n              </div>\n\n              {/* Buttons */}\n              <div className=\"flex flex-row gap-3\">\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={handleDecline}\n                  className=\"flex-1\"\n                >\n                  {t(\"decline\", \"Decline\")}\n                </Button>\n                <Button\n                  size=\"sm\"\n                  onClick={handleAccept}\n                  className=\"flex-1\"\n                >\n                  {t(\"accept\", \"Accept\")}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n}\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"
+      "content": "{\n  \"title\": \"Cookie Notice\",\n  \"description\": \"We use cookies to improve your experience.\",\n  \"privacyPolicy\": \"Privacy\",\n  \"cookiePolicy\": \"Cookies\",\n  \"accept\": \"Accept\",\n  \"decline\": \"Decline\",\n  \"close\": \"Close\"\n}\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"
+      "content": "{\n  \"title\": \"Gizliliğinize değer veriyoruz\",\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.\",\n  \"privacyPolicy\": \"Gizlilik Politikası\",\n  \"cookiePolicy\": \"Çerez Politikası\",\n  \"accept\": \"Tümünü Kabul Et\",\n  \"decline\": \"Reddet\",\n  \"customize\": \"Özelleştir\",\n  \"close\": \"Kapat\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/cookies-page.json

@@ -16,7 +16,7 @@
       "path": "cookies-page/index.ts",
       "type": "registry:index",
       "target": "$modules$/cookies-page/index.ts",
-      "content": "export * from './cookies-page';\r\nexport { CookiesPage as default } from './cookies-page';\r\n"
+      "content": "export * from './cookies-page';\nexport { CookiesPage as default } from './cookies-page';\n"
     },
     {
       "path": "cookies-page/cookies-page.tsx",
@@ -28,13 +28,13 @@
       "path": "cookies-page/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/cookies-page/lang/en.json",
-      "content": "{\r\n  \"title\": \"Cookie Policy\",\r\n  \"lastUpdated\": \"Last Updated\",\r\n  \"updateDate\": \"January 2026\",\r\n  \"introduction\": \"This Cookie Policy explains how we use cookies and similar tracking technologies when you visit our website. We use these technologies to enhance your browsing experience, analyze site traffic, and understand where our visitors are coming from.\",\r\n  \"whatTitle\": \"What Are Cookies?\",\r\n  \"whatContent\": \"Cookies are small text files that are stored on your device when you visit a website. They help the website remember your preferences and understand how you interact with the site. Cookies are widely used to make websites work more efficiently and provide useful information to website owners.\",\r\n  \"typesTitle\": \"Types of Cookies We Use\",\r\n  \"essentialTitle\": \"Essential Cookies\",\r\n  \"essentialDesc\": \"These cookies are necessary for the website to function properly. They enable basic features like page navigation, secure area access, and shopping cart functionality. The website cannot function properly without these cookies.\",\r\n  \"analyticsTitle\": \"Analytics Cookies\",\r\n  \"analyticsDesc\": \"These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously. This helps us improve our website and provide a better user experience.\",\r\n  \"functionalTitle\": \"Functional Cookies\",\r\n  \"functionalDesc\": \"These cookies enable enhanced functionality and personalization, such as remembering your preferences, language settings, and login information. They may be set by us or by third-party providers.\",\r\n  \"marketingTitle\": \"Marketing Cookies\",\r\n  \"marketingDesc\": \"These cookies are used to track visitors across websites to display relevant and personalized advertisements. They help measure the effectiveness of advertising campaigns and limit the number of times you see an ad.\",\r\n  \"managementTitle\": \"Managing Your Cookie Preferences\",\r\n  \"managementContent\": \"You can manage your cookie preferences through your browser settings. Most browsers allow you to block or delete cookies, set preferences for certain websites, or browse in private mode. Please note that blocking essential cookies may affect the functionality of our website.\",\r\n  \"footerNote\": \"This cookie policy may be updated periodically. We encourage you to review this page regularly for any changes. Your continued use of our website constitutes acceptance of our cookie practices.\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"Cookie Policy\",\n  \"lastUpdated\": \"Last Updated\",\n  \"updateDate\": \"January 2026\",\n  \"introduction\": \"This Cookie Policy explains how we use cookies and similar tracking technologies when you visit our website. We use these technologies to enhance your browsing experience, analyze site traffic, and understand where our visitors are coming from.\",\n  \"whatTitle\": \"What Are Cookies?\",\n  \"whatContent\": \"Cookies are small text files that are stored on your device when you visit a website. They help the website remember your preferences and understand how you interact with the site. Cookies are widely used to make websites work more efficiently and provide useful information to website owners.\",\n  \"typesTitle\": \"Types of Cookies We Use\",\n  \"essentialTitle\": \"Essential Cookies\",\n  \"essentialDesc\": \"These cookies are necessary for the website to function properly. They enable basic features like page navigation, secure area access, and shopping cart functionality. The website cannot function properly without these cookies.\",\n  \"analyticsTitle\": \"Analytics Cookies\",\n  \"analyticsDesc\": \"These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously. This helps us improve our website and provide a better user experience.\",\n  \"functionalTitle\": \"Functional Cookies\",\n  \"functionalDesc\": \"These cookies enable enhanced functionality and personalization, such as remembering your preferences, language settings, and login information. They may be set by us or by third-party providers.\",\n  \"marketingTitle\": \"Marketing Cookies\",\n  \"marketingDesc\": \"These cookies are used to track visitors across websites to display relevant and personalized advertisements. They help measure the effectiveness of advertising campaigns and limit the number of times you see an ad.\",\n  \"managementTitle\": \"Managing Your Cookie Preferences\",\n  \"managementContent\": \"You can manage your cookie preferences through your browser settings. Most browsers allow you to block or delete cookies, set preferences for certain websites, or browse in private mode. Please note that blocking essential cookies may affect the functionality of our website.\",\n  \"footerNote\": \"This cookie policy may be updated periodically. We encourage you to review this page regularly for any changes. Your continued use of our website constitutes acceptance of our cookie practices.\"\n}\n"
     },
     {
       "path": "cookies-page/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/cookies-page/lang/tr.json",
-      "content": "{\r\n  \"title\": \"Çerez Politikası\",\r\n  \"lastUpdated\": \"Son Güncelleme\",\r\n  \"updateDate\": \"Ocak 2026\",\r\n  \"introduction\": \"Bu Çerez Politikası, web sitemizi ziyaret ettiğinizde çerezleri ve benzer izleme teknolojilerini nasıl kullandığımızı açıklamaktadır. Bu teknolojileri tarama deneyiminizi geliştirmek, site trafiğini analiz etmek ve ziyaretçilerimizin nereden geldiğini anlamak için kullanıyoruz.\",\r\n  \"whatTitle\": \"Çerez Nedir?\",\r\n  \"whatContent\": \"Çerezler, bir web sitesini ziyaret ettiğinizde cihazınızda saklanan küçük metin dosyalarıdır. Web sitesinin tercihlerinizi hatırlamasına ve siteyle nasıl etkileşim kurduğunuzu anlamasına yardımcı olurlar. Çerezler, web sitelerinin daha verimli çalışmasını sağlamak ve site sahiplerine yararlı bilgiler sunmak için yaygın olarak kullanılır.\",\r\n  \"typesTitle\": \"Kullandığımız Çerez Türleri\",\r\n  \"essentialTitle\": \"Temel Çerezler\",\r\n  \"essentialDesc\": \"Bu çerezler web sitesinin düzgün çalışması için gereklidir. Sayfa gezintisi, güvenli alan erişimi ve alışveriş sepeti işlevselliği gibi temel özellikleri etkinleştirirler. Web sitesi bu çerezler olmadan düzgün çalışamaz.\",\r\n  \"analyticsTitle\": \"Analitik Çerezler\",\r\n  \"analyticsDesc\": \"Bu çerezler, bilgileri anonim olarak toplayıp raporlayarak ziyaretçilerin web sitemizle nasıl etkileşim kurduğunu anlamamıza yardımcı olur. Bu, web sitemizi iyileştirmemize ve daha iyi bir kullanıcı deneyimi sunmamıza olanak tanır.\",\r\n  \"functionalTitle\": \"İşlevsel Çerezler\",\r\n  \"functionalDesc\": \"Bu çerezler, tercihlerinizi, dil ayarlarınızı ve oturum açma bilgilerinizi hatırlama gibi gelişmiş işlevsellik ve kişiselleştirme sağlar. Tarafımızdan veya üçüncü taraf sağlayıcılar tarafından ayarlanabilirler.\",\r\n  \"marketingTitle\": \"Pazarlama Çerezleri\",\r\n  \"marketingDesc\": \"Bu çerezler, ilgili ve kişiselleştirilmiş reklamlar görüntülemek için ziyaretçileri web siteleri arasında izlemek için kullanılır. Reklam kampanyalarının etkinliğini ölçmeye ve bir reklamı görme sayınızı sınırlamaya yardımcı olurlar.\",\r\n  \"managementTitle\": \"Çerez Tercihlerinizi Yönetme\",\r\n  \"managementContent\": \"Çerez tercihlerinizi tarayıcı ayarlarınız aracılığıyla yönetebilirsiniz. Çoğu tarayıcı, çerezleri engellemenize veya silmenize, belirli web siteleri için tercihler belirlemenize veya gizli modda gezinmenize olanak tanır. Temel çerezleri engellemenin web sitemizin işlevselliğini etkileyebileceğini lütfen unutmayın.\",\r\n  \"footerNote\": \"Bu çerez politikası periyodik olarak güncellenebilir. Herhangi bir değişiklik için bu sayfayı düzenli olarak incelemenizi öneririz. Web sitemizi kullanmaya devam etmeniz çerez uygulamalarımızı kabul ettiğiniz anlamına gelir.\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"Çerez Politikası\",\n  \"lastUpdated\": \"Son Güncelleme\",\n  \"updateDate\": \"Ocak 2026\",\n  \"introduction\": \"Bu Çerez Politikası, web sitemizi ziyaret ettiğinizde çerezleri ve benzer izleme teknolojilerini nasıl kullandığımızı açıklamaktadır. Bu teknolojileri tarama deneyiminizi geliştirmek, site trafiğini analiz etmek ve ziyaretçilerimizin nereden geldiğini anlamak için kullanıyoruz.\",\n  \"whatTitle\": \"Çerez Nedir?\",\n  \"whatContent\": \"Çerezler, bir web sitesini ziyaret ettiğinizde cihazınızda saklanan küçük metin dosyalarıdır. Web sitesinin tercihlerinizi hatırlamasına ve siteyle nasıl etkileşim kurduğunuzu anlamasına yardımcı olurlar. Çerezler, web sitelerinin daha verimli çalışmasını sağlamak ve site sahiplerine yararlı bilgiler sunmak için yaygın olarak kullanılır.\",\n  \"typesTitle\": \"Kullandığımız Çerez Türleri\",\n  \"essentialTitle\": \"Temel Çerezler\",\n  \"essentialDesc\": \"Bu çerezler web sitesinin düzgün çalışması için gereklidir. Sayfa gezintisi, güvenli alan erişimi ve alışveriş sepeti işlevselliği gibi temel özellikleri etkinleştirirler. Web sitesi bu çerezler olmadan düzgün çalışamaz.\",\n  \"analyticsTitle\": \"Analitik Çerezler\",\n  \"analyticsDesc\": \"Bu çerezler, bilgileri anonim olarak toplayıp raporlayarak ziyaretçilerin web sitemizle nasıl etkileşim kurduğunu anlamamıza yardımcı olur. Bu, web sitemizi iyileştirmemize ve daha iyi bir kullanıcı deneyimi sunmamıza olanak tanır.\",\n  \"functionalTitle\": \"İşlevsel Çerezler\",\n  \"functionalDesc\": \"Bu çerezler, tercihlerinizi, dil ayarlarınızı ve oturum açma bilgilerinizi hatırlama gibi gelişmiş işlevsellik ve kişiselleştirme sağlar. Tarafımızdan veya üçüncü taraf sağlayıcılar tarafından ayarlanabilirler.\",\n  \"marketingTitle\": \"Pazarlama Çerezleri\",\n  \"marketingDesc\": \"Bu çerezler, ilgili ve kişiselleştirilmiş reklamlar görüntülemek için ziyaretçileri web siteleri arasında izlemek için kullanılır. Reklam kampanyalarının etkinliğini ölçmeye ve bir reklamı görme sayınızı sınırlamaya yardımcı olurlar.\",\n  \"managementTitle\": \"Çerez Tercihlerinizi Yönetme\",\n  \"managementContent\": \"Çerez tercihlerinizi tarayıcı ayarlarınız aracılığıyla yönetebilirsiniz. Çoğu tarayıcı, çerezleri engellemenize veya silmenize, belirli web siteleri için tercihler belirlemenize veya gizli modda gezinmenize olanak tanır. Temel çerezleri engellemenin web sitemizin işlevselliğini etkileyebileceğini lütfen unutmayın.\",\n  \"footerNote\": \"Bu çerez politikası periyodik olarak güncellenebilir. Herhangi bir değişiklik için bu sayfayı düzenli olarak incelemenizi öneririz. Web sitemizi kullanmaya devam etmeniz çerez uygulamalarımızı kabul ettiğiniz anlamına gelir.\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/cta-section.json

@@ -10,7 +10,7 @@
       "path": "cta-section/index.ts",
       "type": "registry:index",
       "target": "$modules$/cta-section/index.ts",
-      "content": "export * from './cta-section';\r\n"
+      "content": "export * from './cta-section';\n"
     },
     {
       "path": "cta-section/cta-section.tsx",
@@ -22,13 +22,13 @@
       "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\": \"Join thousands of satisfied customers. Start your free trial today and see the difference.\",\r\n  \"primaryButton\": \"Get Free Quote\",\r\n  \"secondaryButton\": \"Learn About Us\"\r\n}"
+      "content": "{\n  \"title\": \"Ready to Start Your Project?\",\n  \"description\": \"Join thousands of satisfied customers. Start your free trial today and see the difference.\",\n  \"primaryButton\": \"Get Free Quote\",\n  \"secondaryButton\": \"Learn About Us\"\n}"
     },
     {
       "path": "cta-section/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/cta-section/lang/tr.json",
-      "content": "{\r\n  \"title\": \"Projenizi Başlatmaya Hazır mısınız?\",\r\n  \"description\": \"Binlerce memnun müşteriye katılın. Ücretsiz denemenizi bugün başlatın ve farkı görün.\",\r\n  \"primaryButton\": \"Ücretsiz Teklif Al\",\r\n  \"secondaryButton\": \"Hakkımızda\"\r\n}"
+      "content": "{\n  \"title\": \"Projenizi Başlatmaya Hazır mısınız?\",\n  \"description\": \"Binlerce memnun müşteriye katılın. Ücretsiz denemenizi bugün başlatın ve farkı görün.\",\n  \"primaryButton\": \"Ücretsiz Teklif Al\",\n  \"secondaryButton\": \"Hakkımızda\"\n}"
     }
   ],
   "exports": {

package/dist/registry/ecommerce-core.json

@@ -13,61 +13,61 @@
       "path": "ecommerce-core/index.ts",
       "type": "registry:index",
       "target": "$modules$/ecommerce-core/index.ts",
-      "content": "// Types\r\nexport * from './types';\r\n\r\n// Stores (Zustand)\r\nexport { useCartStore, useCart } from './stores/cart-store';\r\nexport { useFavoritesStore, useFavorites } from './stores/favorites-store';\r\n\r\n// Hooks\r\nexport { useProducts, useProductBySlug, useFeaturedProducts, useCategories } from './useProducts';\r\nexport { useSearch } from './useSearch';\r\n\r\n// Utilities\r\nexport { formatPrice } from './format-price';\r\n\r\n// Payment Config\r\nexport {\r\n  type PaymentMethod,\r\n  type OnlinePaymentProvider,\r\n  type PaymentMethodConfig,\r\n  PAYMENT_METHOD_CONFIGS,\r\n  ONLINE_PROVIDER_CONFIGS,\r\n  getAvailablePaymentMethods,\r\n  getOnlinePaymentProviders,\r\n  getFilteredPaymentMethodConfigs,\r\n  isPaymentMethodAvailable,\r\n  isOnlineProviderAvailable,\r\n} from './payment-config';\r\n"
+      "content": "// Types\nexport * from './types';\n\n// Stores (Zustand)\nexport { useCartStore, useCart } from './stores/cart-store';\nexport { useFavoritesStore, useFavorites } from './stores/favorites-store';\n\n// Hooks\nexport { useProducts, useProductBySlug, useFeaturedProducts, useCategories } from './useProducts';\nexport { useSearch } from './useSearch';\n\n// Utilities\nexport { formatPrice } from './format-price';\n\n// Payment Config\nexport {\n  type PaymentMethod,\n  type OnlinePaymentProvider,\n  type PaymentMethodConfig,\n  PAYMENT_METHOD_CONFIGS,\n  ONLINE_PROVIDER_CONFIGS,\n  getAvailablePaymentMethods,\n  getOnlinePaymentProviders,\n  getFilteredPaymentMethodConfigs,\n  isPaymentMethodAvailable,\n  isOnlineProviderAvailable,\n} from './payment-config';\n"
     },
     {
       "path": "ecommerce-core/types.ts",
       "type": "registry:type",
       "target": "$modules$/ecommerce-core/types.ts",
-      "content": "export interface ProductCategory {\r\n  id: number;\r\n  name: string;\r\n  slug: string;\r\n  is_primary: boolean;\r\n}\r\n\r\nexport interface Product {\r\n  id: number;\r\n  name: string;\r\n  slug: string;\r\n  description: string;\r\n  price: number;\r\n  sale_price?: number;\r\n  on_sale: boolean;\r\n  images: string[];\r\n  category: string; // Primary category slug (backward compatibility)\r\n  category_name?: string; // Primary category name (backward compatibility)\r\n  categories: ProductCategory[]; // NEW: Multi-category support\r\n  brand?: string;\r\n  sku?: string;\r\n  stock: number;\r\n  tags: string[];\r\n  rating: number;\r\n  review_count: number;\r\n  featured: boolean;\r\n  is_new: boolean;\r\n  published: boolean;\r\n  specifications?: Record<string, any>;\r\n  variants?: any;\r\n  created_at?: string;\r\n  updated_at?: string;\r\n  meta_description?: string;\r\n  meta_keywords?: string;\r\n}\r\n\r\nexport interface ProductVariant {\r\n  id: string;\r\n  name: string;\r\n  value: string;\r\n  price?: number;\r\n  image?: string;\r\n  stockQuantity: number;\r\n}\r\n\r\nexport interface CartItem {\r\n  id: string | number;\r\n  product: Product;\r\n  quantity: number;\r\n}\r\n\r\nexport interface CartState {\r\n  items: CartItem[];\r\n  total: number;\r\n}\r\n\r\nexport interface CartContextType {\r\n  state: CartState;\r\n  addItem: (product: Product) => void;\r\n  removeItem: (id: string | number) => void;\r\n  updateQuantity: (id: string | number, quantity: number) => void;\r\n  clearCart: () => void;\r\n  itemCount: number;\r\n}\r\n\r\nexport interface FavoritesContextType {\r\n  favorites: Product[];\r\n  addToFavorites: (product: Product) => void;\r\n  removeFromFavorites: (productId: string | number) => void;\r\n  isFavorite: (productId: string | number) => boolean;\r\n  favoriteCount: number;\r\n  clearFavorites: () => void;\r\n}\r\n\r\nexport interface Category {\r\n  id: number;\r\n  name: string;\r\n  slug: string;\r\n  description?: string;\r\n  image?: string;\r\n}\r\n\r\nexport interface User {\r\n  id: string;\r\n  email: string;\r\n  name: string;\r\n  avatar?: string;\r\n  addresses?: Address[];\r\n  orders?: Order[];\r\n}\r\n\r\nexport interface Address {\r\n  name: string;\r\n  line1: string;\r\n  line2?: string;\r\n  city: string;\r\n  state: string;\r\n  postalCode: string;\r\n  country: string;\r\n}\r\n\r\nexport interface Order {\r\n  id: number;\r\n  user_id: string;\r\n  total_price: number;\r\n  status: 'pending' | 'confirmed' | 'shipped' | 'delivered' | 'cancelled';\r\n  payment_method: string;\r\n  shipping_address: Address;\r\n  notes?: string;\r\n  created_at?: string;\r\n}\r\n\r\nexport interface OrderItem {\r\n  id: number;\r\n  order_id: number;\r\n  product_id: number;\r\n  quantity: number;\r\n  price: number;\r\n  product?: {\r\n    name: string;\r\n    slug: string;\r\n    images: string[];\r\n    price: number;\r\n  };\r\n}\r\n"
+      "content": "export interface ProductCategory {\n  id: number;\n  name: string;\n  slug: string;\n  is_primary: boolean;\n}\n\nexport interface Product {\n  id: number;\n  name: string;\n  slug: string;\n  description: string;\n  price: number;\n  sale_price?: number;\n  on_sale: boolean;\n  images: string[];\n  category: string; // Primary category slug (backward compatibility)\n  category_name?: string; // Primary category name (backward compatibility)\n  categories: ProductCategory[]; // NEW: Multi-category support\n  brand?: string;\n  sku?: string;\n  stock: number;\n  tags: string[];\n  rating: number;\n  review_count: number;\n  featured: boolean;\n  is_new: boolean;\n  published: boolean;\n  specifications?: Record<string, any>;\n  variants?: any;\n  created_at?: string;\n  updated_at?: string;\n  meta_description?: string;\n  meta_keywords?: string;\n}\n\nexport interface ProductVariant {\n  id: string;\n  name: string;\n  value: string;\n  price?: number;\n  image?: string;\n  stockQuantity: number;\n}\n\nexport interface CartItem {\n  id: string | number;\n  product: Product;\n  quantity: number;\n}\n\nexport interface CartState {\n  items: CartItem[];\n  total: number;\n}\n\nexport interface CartContextType {\n  state: CartState;\n  addItem: (product: Product) => void;\n  removeItem: (id: string | number) => void;\n  updateQuantity: (id: string | number, quantity: number) => void;\n  clearCart: () => void;\n  itemCount: number;\n}\n\nexport interface FavoritesContextType {\n  favorites: Product[];\n  addToFavorites: (product: Product) => void;\n  removeFromFavorites: (productId: string | number) => void;\n  isFavorite: (productId: string | number) => boolean;\n  favoriteCount: number;\n  clearFavorites: () => void;\n}\n\nexport interface Category {\n  id: number;\n  name: string;\n  slug: string;\n  description?: string;\n  image?: string;\n}\n\nexport interface User {\n  id: string;\n  email: string;\n  name: string;\n  avatar?: string;\n  addresses?: Address[];\n  orders?: Order[];\n}\n\nexport interface Address {\n  name: string;\n  line1: string;\n  line2?: string;\n  city: string;\n  state: string;\n  postalCode: string;\n  country: string;\n}\n\nexport interface Order {\n  id: number;\n  user_id: string;\n  total_price: number;\n  status: 'pending' | 'confirmed' | 'shipped' | 'delivered' | 'cancelled';\n  payment_method: string;\n  shipping_address: Address;\n  notes?: string;\n  created_at?: string;\n}\n\nexport interface OrderItem {\n  id: number;\n  order_id: number;\n  product_id: number;\n  quantity: number;\n  price: number;\n  product?: {\n    name: string;\n    slug: string;\n    images: string[];\n    price: number;\n  };\n}\n"
     },
     {
       "path": "ecommerce-core/stores/cart-store.ts",
       "type": "registry:store",
       "target": "$modules$/ecommerce-core/stores/cart-store.ts",
-      "content": "import { create } from \"zustand\";\r\nimport { persist } from \"zustand/middleware\";\r\nimport type { Product, CartItem, CartState, CartContextType } from \"../types\";\r\n\r\nconst getProductPrice = (product: Product): number => {\r\n  return product.on_sale && product.sale_price ? product.sale_price : product.price;\r\n};\r\n\r\nconst calculateTotal = (items: CartItem[]): number => {\r\n  return items.reduce((total, item) => {\r\n    const price = getProductPrice(item.product);\r\n    return total + price * item.quantity;\r\n  }, 0);\r\n};\r\n\r\ninterface CartStore extends CartState {\r\n  addItem: (product: Product) => void;\r\n  removeItem: (id: string | number) => void;\r\n  updateQuantity: (id: string | number, quantity: number) => void;\r\n  clearCart: () => void;\r\n  itemCount: number;\r\n  isDrawerOpen: boolean;\r\n  setDrawerOpen: (open: boolean) => void;\r\n}\r\n\r\nexport const useCartStore = create<CartStore>()(\r\n  persist(\r\n    (set, _get) => ({\r\n      items: [],\r\n      total: 0,\r\n      itemCount: 0,\r\n      isDrawerOpen: false,\r\n      setDrawerOpen: (open: boolean) => set({ isDrawerOpen: open }),\r\n\r\n      addItem: (product) =>\r\n        set((state) => {\r\n          const existingItem = state.items.find(\r\n            (item) => item.product.id === product.id\r\n          );\r\n\r\n          if (existingItem) {\r\n            const items = state.items.map((item) =>\r\n              item.product.id === product.id\r\n                ? { ...item, quantity: item.quantity + 1 }\r\n                : item\r\n            );\r\n            return {\r\n              items,\r\n              total: calculateTotal(items),\r\n              itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\r\n              isDrawerOpen: true,\r\n            };\r\n          }\r\n\r\n          const items = [\r\n            ...state.items,\r\n            { id: product.id, product, quantity: 1 },\r\n          ];\r\n          return {\r\n            items,\r\n            total: calculateTotal(items),\r\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\r\n            isDrawerOpen: true,\r\n          };\r\n        }),\r\n\r\n      removeItem: (id) =>\r\n        set((state) => {\r\n          const items = state.items.filter((item) => item.id !== id);\r\n          return {\r\n            items,\r\n            total: calculateTotal(items),\r\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\r\n          };\r\n        }),\r\n\r\n      updateQuantity: (id, quantity) =>\r\n        set((state) => {\r\n          if (quantity <= 0) {\r\n            const items = state.items.filter((item) => item.id !== id);\r\n            return {\r\n              items,\r\n              total: calculateTotal(items),\r\n              itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\r\n            };\r\n          }\r\n\r\n          const items = state.items.map((item) =>\r\n            item.id === id ? { ...item, quantity } : item\r\n          );\r\n          return {\r\n            items,\r\n            total: calculateTotal(items),\r\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\r\n          };\r\n        }),\r\n\r\n      clearCart: () => set({ items: [], total: 0, itemCount: 0 }),\r\n    }),\r\n    { name: \"ecommerce_cart\" }\r\n  )\r\n);\r\n\r\n// Backward compatible hook - matches CartContextType with drawer state\r\nexport const useCart = (): CartContextType & { isDrawerOpen: boolean; setDrawerOpen: (open: boolean) => void } => {\r\n  const store = useCartStore();\r\n  return {\r\n    state: { items: store.items, total: store.total },\r\n    addItem: store.addItem,\r\n    removeItem: store.removeItem,\r\n    updateQuantity: store.updateQuantity,\r\n    clearCart: store.clearCart,\r\n    itemCount: store.itemCount,\r\n    isDrawerOpen: store.isDrawerOpen,\r\n    setDrawerOpen: store.setDrawerOpen,\r\n  };\r\n};\r\n"
+      "content": "import { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\nimport type { Product, CartItem, CartState, CartContextType } from \"../types\";\n\nconst getProductPrice = (product: Product): number => {\n  return product.on_sale && product.sale_price ? product.sale_price : product.price;\n};\n\nconst calculateTotal = (items: CartItem[]): number => {\n  return items.reduce((total, item) => {\n    const price = getProductPrice(item.product);\n    return total + price * item.quantity;\n  }, 0);\n};\n\ninterface CartStore extends CartState {\n  addItem: (product: Product) => void;\n  removeItem: (id: string | number) => void;\n  updateQuantity: (id: string | number, quantity: number) => void;\n  clearCart: () => void;\n  itemCount: number;\n  isDrawerOpen: boolean;\n  setDrawerOpen: (open: boolean) => void;\n}\n\nexport const useCartStore = create<CartStore>()(\n  persist(\n    (set, _get) => ({\n      items: [],\n      total: 0,\n      itemCount: 0,\n      isDrawerOpen: false,\n      setDrawerOpen: (open: boolean) => set({ isDrawerOpen: open }),\n\n      addItem: (product) =>\n        set((state) => {\n          const existingItem = state.items.find(\n            (item) => item.product.id === product.id\n          );\n\n          if (existingItem) {\n            const items = state.items.map((item) =>\n              item.product.id === product.id\n                ? { ...item, quantity: item.quantity + 1 }\n                : item\n            );\n            return {\n              items,\n              total: calculateTotal(items),\n              itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\n              isDrawerOpen: true,\n            };\n          }\n\n          const items = [\n            ...state.items,\n            { id: product.id, product, quantity: 1 },\n          ];\n          return {\n            items,\n            total: calculateTotal(items),\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\n            isDrawerOpen: true,\n          };\n        }),\n\n      removeItem: (id) =>\n        set((state) => {\n          const items = state.items.filter((item) => item.id !== id);\n          return {\n            items,\n            total: calculateTotal(items),\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\n          };\n        }),\n\n      updateQuantity: (id, quantity) =>\n        set((state) => {\n          if (quantity <= 0) {\n            const items = state.items.filter((item) => item.id !== id);\n            return {\n              items,\n              total: calculateTotal(items),\n              itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\n            };\n          }\n\n          const items = state.items.map((item) =>\n            item.id === id ? { ...item, quantity } : item\n          );\n          return {\n            items,\n            total: calculateTotal(items),\n            itemCount: items.reduce((sum, i) => sum + i.quantity, 0),\n          };\n        }),\n\n      clearCart: () => set({ items: [], total: 0, itemCount: 0 }),\n    }),\n    { name: \"ecommerce_cart\" }\n  )\n);\n\n// Backward compatible hook - matches CartContextType with drawer state\nexport const useCart = (): CartContextType & { isDrawerOpen: boolean; setDrawerOpen: (open: boolean) => void } => {\n  const store = useCartStore();\n  return {\n    state: { items: store.items, total: store.total },\n    addItem: store.addItem,\n    removeItem: store.removeItem,\n    updateQuantity: store.updateQuantity,\n    clearCart: store.clearCart,\n    itemCount: store.itemCount,\n    isDrawerOpen: store.isDrawerOpen,\n    setDrawerOpen: store.setDrawerOpen,\n  };\n};\n"
     },
     {
       "path": "ecommerce-core/stores/favorites-store.ts",
       "type": "registry:store",
       "target": "$modules$/ecommerce-core/stores/favorites-store.ts",
-      "content": "import { create } from \"zustand\";\r\nimport { persist } from \"zustand/middleware\";\r\nimport type { Product, FavoritesContextType } from \"../types\";\r\n\r\ninterface FavoritesStore {\r\n  favorites: Product[];\r\n  favoriteCount: number;\r\n  addToFavorites: (product: Product) => void;\r\n  removeFromFavorites: (productId: string | number) => void;\r\n  isFavorite: (productId: string | number) => boolean;\r\n  clearFavorites: () => void;\r\n}\r\n\r\nexport const useFavoritesStore = create<FavoritesStore>()(\r\n  persist(\r\n    (set, get) => ({\r\n      favorites: [],\r\n      favoriteCount: 0,\r\n\r\n      addToFavorites: (product) =>\r\n        set((state) => {\r\n          if (state.favorites.some((fav) => fav.id === product.id)) {\r\n            return state;\r\n          }\r\n          const favorites = [...state.favorites, product];\r\n          return { favorites, favoriteCount: favorites.length };\r\n        }),\r\n\r\n      removeFromFavorites: (productId) =>\r\n        set((state) => {\r\n          const favorites = state.favorites.filter((fav) => fav.id !== productId);\r\n          return { favorites, favoriteCount: favorites.length };\r\n        }),\r\n\r\n      isFavorite: (productId) => {\r\n        return get().favorites.some((fav) => fav.id === productId);\r\n      },\r\n\r\n      clearFavorites: () => set({ favorites: [], favoriteCount: 0 }),\r\n    }),\r\n    { name: \"ecommerce_favorites\" }\r\n  )\r\n);\r\n\r\n// Backward compatible hook - matches FavoritesContextType\r\nexport const useFavorites = (): FavoritesContextType => {\r\n  const store = useFavoritesStore();\r\n  return {\r\n    favorites: store.favorites,\r\n    addToFavorites: store.addToFavorites,\r\n    removeFromFavorites: store.removeFromFavorites,\r\n    isFavorite: store.isFavorite,\r\n    favoriteCount: store.favoriteCount,\r\n    clearFavorites: store.clearFavorites,\r\n  };\r\n};\r\n"
+      "content": "import { create } from \"zustand\";\nimport { persist } from \"zustand/middleware\";\nimport type { Product, FavoritesContextType } from \"../types\";\n\ninterface FavoritesStore {\n  favorites: Product[];\n  favoriteCount: number;\n  addToFavorites: (product: Product) => void;\n  removeFromFavorites: (productId: string | number) => void;\n  isFavorite: (productId: string | number) => boolean;\n  clearFavorites: () => void;\n}\n\nexport const useFavoritesStore = create<FavoritesStore>()(\n  persist(\n    (set, get) => ({\n      favorites: [],\n      favoriteCount: 0,\n\n      addToFavorites: (product) =>\n        set((state) => {\n          if (state.favorites.some((fav) => fav.id === product.id)) {\n            return state;\n          }\n          const favorites = [...state.favorites, product];\n          return { favorites, favoriteCount: favorites.length };\n        }),\n\n      removeFromFavorites: (productId) =>\n        set((state) => {\n          const favorites = state.favorites.filter((fav) => fav.id !== productId);\n          return { favorites, favoriteCount: favorites.length };\n        }),\n\n      isFavorite: (productId) => {\n        return get().favorites.some((fav) => fav.id === productId);\n      },\n\n      clearFavorites: () => set({ favorites: [], favoriteCount: 0 }),\n    }),\n    { name: \"ecommerce_favorites\" }\n  )\n);\n\n// Backward compatible hook - matches FavoritesContextType\nexport const useFavorites = (): FavoritesContextType => {\n  const store = useFavoritesStore();\n  return {\n    favorites: store.favorites,\n    addToFavorites: store.addToFavorites,\n    removeFromFavorites: store.removeFromFavorites,\n    isFavorite: store.isFavorite,\n    favoriteCount: store.favoriteCount,\n    clearFavorites: store.clearFavorites,\n  };\n};\n"
     },
     {
       "path": "ecommerce-core/useProducts.ts",
       "type": "registry:hook",
       "target": "$modules$/ecommerce-core/useProducts.ts",
-      "content": "import { useMemo } from 'react';\r\nimport type { Product, Category, ProductCategory } from './types';\r\nimport {\r\n  useRepositoryQuery,\r\n  useRawQuery,\r\n  useRawQueryOne,\r\n  parseStringToArray,\r\n  parseJSONString,\r\n  parseSQLiteBoolean,\r\n  parseNumberSafe\r\n} from '@/modules/db';\r\n\r\nconst transformProduct = (row: any): Product => {\r\n  const categoryNames = row.category_names ? row.category_names.split(',') : [];\r\n  const categorySlugs = row.category_slugs ? row.category_slugs.split(',') : [];\r\n  const categoryIds = row.category_ids ? row.category_ids.split(',').map(Number) : [];\r\n\r\n  const categories: ProductCategory[] = categoryIds.map((id: number, index: number) => ({\r\n    id,\r\n    name: categoryNames[index] || '',\r\n    slug: categorySlugs[index] || '',\r\n    is_primary: index === 0\r\n  }));\r\n\r\n  const primaryCategory = categories.length > 0 ? categories[0] : null;\r\n\r\n  return {\r\n    id: parseNumberSafe(row.id),\r\n    name: String(row.name || ''),\r\n    slug: String(row.slug || ''),\r\n    description: row.description || '',\r\n    price: parseNumberSafe(row.price),\r\n    sale_price: row.sale_price ? parseNumberSafe(row.sale_price) : undefined,\r\n    on_sale: parseSQLiteBoolean(row.on_sale),\r\n    images: parseStringToArray(row.images),\r\n    brand: row.brand || '',\r\n    sku: row.sku || '',\r\n    stock: parseNumberSafe(row.stock),\r\n    tags: parseJSONString(row.tags, []) || [],\r\n    rating: parseNumberSafe(row.rating),\r\n    review_count: parseNumberSafe(row.review_count),\r\n    featured: parseSQLiteBoolean(row.featured),\r\n    is_new: parseSQLiteBoolean(row.is_new),\r\n    published: parseSQLiteBoolean(row.published),\r\n    specifications: parseJSONString(row.specifications, {}) || {},\r\n    variants: parseJSONString(row.variants, []) || [],\r\n    created_at: row.created_at || new Date().toISOString(),\r\n    updated_at: row.updated_at || new Date().toISOString(),\r\n    meta_description: row.meta_description || '',\r\n    meta_keywords: row.meta_keywords || '',\r\n    category: primaryCategory?.slug || '',\r\n    category_name: primaryCategory?.name || '',\r\n    categories\r\n  };\r\n};\r\n\r\nconst PRODUCTS_WITH_CATEGORIES_SQL = `\r\n  SELECT p.*,\r\n    GROUP_CONCAT(c.name) as category_names,\r\n    GROUP_CONCAT(c.slug) as category_slugs,\r\n    GROUP_CONCAT(c.id) as category_ids\r\n  FROM products p\r\n  LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\r\n  LEFT JOIN product_categories c ON pcr.category_id = c.id\r\n  WHERE p.published = 1\r\n  GROUP BY p.id\r\n`;\r\n\r\nexport function useCategories() {\r\n  const { data, isLoading: loading, error } = useRepositoryQuery<Category>('product_categories', {\r\n    orderBy: [{ field: 'name', direction: 'ASC' }]\r\n  });\r\n\r\n  return {\r\n    categories: data ?? [],\r\n    loading,\r\n    error: error?.message ?? null\r\n  };\r\n}\r\n\r\nexport function useProducts() {\r\n  const sql = `${PRODUCTS_WITH_CATEGORIES_SQL} ORDER BY p.name`;\r\n\r\n  const { data, isLoading: loading, error } = useRawQuery<any>(\r\n    ['products', 'all'],\r\n    sql\r\n  );\r\n\r\n  const products = useMemo(() => {\r\n    if (!data) return [];\r\n    return data.map(transformProduct);\r\n  }, [data]);\r\n\r\n  return { products, loading, error: error?.message ?? null };\r\n}\r\n\r\nexport function useProductBySlug(slug: string) {\r\n  const sql = `\r\n    SELECT p.*,\r\n      GROUP_CONCAT(c.name) as category_names,\r\n      GROUP_CONCAT(c.slug) as category_slugs,\r\n      GROUP_CONCAT(c.id) as category_ids\r\n    FROM products p\r\n    LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\r\n    LEFT JOIN product_categories c ON pcr.category_id = c.id\r\n    WHERE p.slug = ? AND p.published = 1\r\n    GROUP BY p.id\r\n  `;\r\n\r\n  const { data, isLoading: loading, error } = useRawQueryOne<any>(\r\n    ['products', 'slug', slug],\r\n    sql,\r\n    [slug],\r\n    { enabled: !!slug }\r\n  );\r\n\r\n  const product = useMemo(() => {\r\n    if (!data) return null;\r\n    return transformProduct(data);\r\n  }, [data]);\r\n\r\n  return {\r\n    product,\r\n    loading,\r\n    error: !data && !loading && slug ? 'Product not found' : (error?.message ?? null)\r\n  };\r\n}\r\n\r\nexport function useFeaturedProducts() {\r\n  const sql = `\r\n    SELECT p.*,\r\n      GROUP_CONCAT(c.name) as category_names,\r\n      GROUP_CONCAT(c.slug) as category_slugs,\r\n      GROUP_CONCAT(c.id) as category_ids\r\n    FROM products p\r\n    LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\r\n    LEFT JOIN product_categories c ON pcr.category_id = c.id\r\n    WHERE p.published = 1 AND p.featured = 1\r\n    GROUP BY p.id\r\n    ORDER BY p.created_at DESC LIMIT 8\r\n  `;\r\n\r\n  const { data, isLoading: loading, error } = useRawQuery<any>(\r\n    ['products', 'featured'],\r\n    sql\r\n  );\r\n\r\n  const products = useMemo(() => {\r\n    if (!data) return [];\r\n    return data.map(transformProduct);\r\n  }, [data]);\r\n\r\n  return { products, loading, error: error?.message ?? null };\r\n}\r\n"
+      "content": "import { useMemo } from 'react';\nimport type { Product, Category, ProductCategory } from './types';\nimport {\n  useRepositoryQuery,\n  useRawQuery,\n  useRawQueryOne,\n  parseStringToArray,\n  parseJSONString,\n  parseSQLiteBoolean,\n  parseNumberSafe\n} from '@/modules/db';\n\nconst transformProduct = (row: any): Product => {\n  const categoryNames = row.category_names ? row.category_names.split(',') : [];\n  const categorySlugs = row.category_slugs ? row.category_slugs.split(',') : [];\n  const categoryIds = row.category_ids ? row.category_ids.split(',').map(Number) : [];\n\n  const categories: ProductCategory[] = categoryIds.map((id: number, index: number) => ({\n    id,\n    name: categoryNames[index] || '',\n    slug: categorySlugs[index] || '',\n    is_primary: index === 0\n  }));\n\n  const primaryCategory = categories.length > 0 ? categories[0] : null;\n\n  return {\n    id: parseNumberSafe(row.id),\n    name: String(row.name || ''),\n    slug: String(row.slug || ''),\n    description: row.description || '',\n    price: parseNumberSafe(row.price),\n    sale_price: row.sale_price ? parseNumberSafe(row.sale_price) : undefined,\n    on_sale: parseSQLiteBoolean(row.on_sale),\n    images: parseStringToArray(row.images),\n    brand: row.brand || '',\n    sku: row.sku || '',\n    stock: parseNumberSafe(row.stock),\n    tags: parseJSONString(row.tags, []) || [],\n    rating: parseNumberSafe(row.rating),\n    review_count: parseNumberSafe(row.review_count),\n    featured: parseSQLiteBoolean(row.featured),\n    is_new: parseSQLiteBoolean(row.is_new),\n    published: parseSQLiteBoolean(row.published),\n    specifications: parseJSONString(row.specifications, {}) || {},\n    variants: parseJSONString(row.variants, []) || [],\n    created_at: row.created_at || new Date().toISOString(),\n    updated_at: row.updated_at || new Date().toISOString(),\n    meta_description: row.meta_description || '',\n    meta_keywords: row.meta_keywords || '',\n    category: primaryCategory?.slug || '',\n    category_name: primaryCategory?.name || '',\n    categories\n  };\n};\n\nconst PRODUCTS_WITH_CATEGORIES_SQL = `\n  SELECT p.*,\n    GROUP_CONCAT(c.name) as category_names,\n    GROUP_CONCAT(c.slug) as category_slugs,\n    GROUP_CONCAT(c.id) as category_ids\n  FROM products p\n  LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\n  LEFT JOIN product_categories c ON pcr.category_id = c.id\n  WHERE p.published = 1\n  GROUP BY p.id\n`;\n\nexport function useCategories() {\n  const { data, isLoading: loading, error } = useRepositoryQuery<Category>('product_categories', {\n    orderBy: [{ field: 'name', direction: 'ASC' }]\n  });\n\n  return {\n    categories: data ?? [],\n    loading,\n    error: error?.message ?? null\n  };\n}\n\nexport function useProducts() {\n  const sql = `${PRODUCTS_WITH_CATEGORIES_SQL} ORDER BY p.name`;\n\n  const { data, isLoading: loading, error } = useRawQuery<any>(\n    ['products', 'all'],\n    sql\n  );\n\n  const products = useMemo(() => {\n    if (!data) return [];\n    return data.map(transformProduct);\n  }, [data]);\n\n  return { products, loading, error: error?.message ?? null };\n}\n\nexport function useProductBySlug(slug: string) {\n  const sql = `\n    SELECT p.*,\n      GROUP_CONCAT(c.name) as category_names,\n      GROUP_CONCAT(c.slug) as category_slugs,\n      GROUP_CONCAT(c.id) as category_ids\n    FROM products p\n    LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\n    LEFT JOIN product_categories c ON pcr.category_id = c.id\n    WHERE p.slug = ? AND p.published = 1\n    GROUP BY p.id\n  `;\n\n  const { data, isLoading: loading, error } = useRawQueryOne<any>(\n    ['products', 'slug', slug],\n    sql,\n    [slug],\n    { enabled: !!slug }\n  );\n\n  const product = useMemo(() => {\n    if (!data) return null;\n    return transformProduct(data);\n  }, [data]);\n\n  return {\n    product,\n    loading,\n    error: !data && !loading && slug ? 'Product not found' : (error?.message ?? null)\n  };\n}\n\nexport function useFeaturedProducts() {\n  const sql = `\n    SELECT p.*,\n      GROUP_CONCAT(c.name) as category_names,\n      GROUP_CONCAT(c.slug) as category_slugs,\n      GROUP_CONCAT(c.id) as category_ids\n    FROM products p\n    LEFT JOIN product_category_relations pcr ON p.id = pcr.product_id\n    LEFT JOIN product_categories c ON pcr.category_id = c.id\n    WHERE p.published = 1 AND p.featured = 1\n    GROUP BY p.id\n    ORDER BY p.created_at DESC LIMIT 8\n  `;\n\n  const { data, isLoading: loading, error } = useRawQuery<any>(\n    ['products', 'featured'],\n    sql\n  );\n\n  const products = useMemo(() => {\n    if (!data) return [];\n    return data.map(transformProduct);\n  }, [data]);\n\n  return { products, loading, error: error?.message ?? null };\n}\n"
     },
     {
       "path": "ecommerce-core/useSearch.ts",
       "type": "registry:hook",
       "target": "$modules$/ecommerce-core/useSearch.ts",
-      "content": "import { useState, useEffect, useCallback } from 'react';\r\nimport type { Product } from './types';\r\nimport { useProducts } from './useProducts';\r\n\r\nexport const useSearch = () => {\r\n  const [searchTerm, setSearchTerm] = useState('');\r\n  const [results, setResults] = useState<Product[]>([]);\r\n  const [isSearching, setIsSearching] = useState(false);\r\n\r\n  // Load all products via useProducts hook\r\n  const { products: allProducts } = useProducts();\r\n\r\n  // Perform search when searchTerm changes\r\n  useEffect(() => {\r\n    if (!searchTerm.trim()) {\r\n      setResults([]);\r\n      setIsSearching(false);\r\n      return;\r\n    }\r\n\r\n    setIsSearching(true);\r\n\r\n    const searchTimeout = setTimeout(() => {\r\n      const filtered = allProducts.filter(product => {\r\n        const term = searchTerm.toLowerCase();\r\n        \r\n        // Search in product name\r\n        if (product.name.toLowerCase().includes(term)) return true;\r\n        \r\n        // Search in description\r\n        if (product.description.toLowerCase().includes(term)) return true;\r\n        \r\n        // Search in category\r\n        if (product.category_name?.toLowerCase().includes(term)) return true;\r\n        \r\n        // Search in brand\r\n        if (product.brand?.toLowerCase().includes(term)) return true;\r\n        \r\n        // Search in tags\r\n        if (product.tags.some(tag => tag.toLowerCase().includes(term))) return true;\r\n        \r\n        return false;\r\n      });\r\n\r\n      setResults(filtered);\r\n      setIsSearching(false);\r\n    }, 300); // Debounce search\r\n\r\n    return () => clearTimeout(searchTimeout);\r\n  }, [searchTerm, allProducts]);\r\n\r\n  const clearSearch = useCallback(() => {\r\n    setSearchTerm('');\r\n    setResults([]);\r\n    setIsSearching(false);\r\n  }, []);\r\n\r\n  // search function that takes a term and sets the searchTerm\r\n  const search = useCallback((term: string) => {\r\n    setSearchTerm(term);\r\n  }, []);\r\n\r\n  return {\r\n    searchTerm,\r\n    setSearchTerm,\r\n    results,\r\n    isSearching,\r\n    clearSearch,\r\n    clearResults: clearSearch, // alias for header-ecommerce compatibility\r\n    search, // function to trigger search\r\n    hasResults: results.length > 0\r\n  };\r\n};\r\n"
+      "content": "import { useState, useEffect, useCallback } from 'react';\nimport type { Product } from './types';\nimport { useProducts } from './useProducts';\n\nexport const useSearch = () => {\n  const [searchTerm, setSearchTerm] = useState('');\n  const [results, setResults] = useState<Product[]>([]);\n  const [isSearching, setIsSearching] = useState(false);\n\n  // Load all products via useProducts hook\n  const { products: allProducts } = useProducts();\n\n  // Perform search when searchTerm changes\n  useEffect(() => {\n    if (!searchTerm.trim()) {\n      setResults([]);\n      setIsSearching(false);\n      return;\n    }\n\n    setIsSearching(true);\n\n    const searchTimeout = setTimeout(() => {\n      const filtered = allProducts.filter(product => {\n        const term = searchTerm.toLowerCase();\n        \n        // Search in product name\n        if (product.name.toLowerCase().includes(term)) return true;\n        \n        // Search in description\n        if (product.description.toLowerCase().includes(term)) return true;\n        \n        // Search in category\n        if (product.category_name?.toLowerCase().includes(term)) return true;\n        \n        // Search in brand\n        if (product.brand?.toLowerCase().includes(term)) return true;\n        \n        // Search in tags\n        if (product.tags.some(tag => tag.toLowerCase().includes(term))) return true;\n        \n        return false;\n      });\n\n      setResults(filtered);\n      setIsSearching(false);\n    }, 300); // Debounce search\n\n    return () => clearTimeout(searchTimeout);\n  }, [searchTerm, allProducts]);\n\n  const clearSearch = useCallback(() => {\n    setSearchTerm('');\n    setResults([]);\n    setIsSearching(false);\n  }, []);\n\n  // search function that takes a term and sets the searchTerm\n  const search = useCallback((term: string) => {\n    setSearchTerm(term);\n  }, []);\n\n  return {\n    searchTerm,\n    setSearchTerm,\n    results,\n    isSearching,\n    clearSearch,\n    clearResults: clearSearch, // alias for header-ecommerce compatibility\n    search, // function to trigger search\n    hasResults: results.length > 0\n  };\n};\n"
     },
     {
       "path": "ecommerce-core/format-price.ts",
       "type": "registry:lib",
       "target": "$modules$/ecommerce-core/format-price.ts",
-      "content": "export function formatPrice(price: number, currency: string = \"USD\"): string {\r\n  return new Intl.NumberFormat(\"en-US\", {\r\n    style: \"currency\",\r\n    currency: currency,\r\n  }).format(price);\r\n}\r\n"
+      "content": "export function formatPrice(price: number, currency: string = \"USD\"): string {\n  return new Intl.NumberFormat(\"en-US\", {\n    style: \"currency\",\n    currency: currency,\n  }).format(price);\n}\n"
     },
     {
       "path": "ecommerce-core/payment-config.ts",
       "type": "registry:lib",
       "target": "$modules$/ecommerce-core/payment-config.ts",
-      "content": "// Payment configuration utility\r\n// Parses environment variables and provides payment method configuration\r\n\r\nexport type PaymentMethod = \"card\" | \"transfer\" | \"cash\";\r\nexport type OnlinePaymentProvider = \"stripe\" | \"iyzico\";\r\n\r\nexport interface PaymentMethodConfig {\r\n  id: PaymentMethod;\r\n  label: string;\r\n  description: string;\r\n  icon: string; // Icon component name from lucide-react\r\n  requiresOnlineProvider?: boolean;\r\n}\r\n\r\n// Parse comma-separated env variable into array\r\nconst parseEnvArray = (envVar: string | undefined): string[] => {\r\n  if (!envVar) return [];\r\n  return envVar.split(\",\").map((item) => item.trim()).filter(Boolean);\r\n};\r\n\r\n// Get available payment methods from environment\r\nexport const getAvailablePaymentMethods = (): PaymentMethod[] => {\r\n  const methods = parseEnvArray(import.meta.env.VITE_AVAILABLE_PAYMENT_METHODS);\r\n  if (methods.length === 0) {\r\n    // Default to all methods if not configured\r\n    return [\"card\", \"transfer\", \"cash\"];\r\n  }\r\n  return methods as PaymentMethod[];\r\n};\r\n\r\n// Get available online payment providers from environment\r\nexport const getOnlinePaymentProviders = (): OnlinePaymentProvider[] => {\r\n  const providers = parseEnvArray(import.meta.env.VITE_ONLINE_PAYMENT_METHODS);\r\n  if (providers.length === 0) {\r\n    // Default to stripe if not configured\r\n    return [\"stripe\"];\r\n  }\r\n  return providers as OnlinePaymentProvider[];\r\n};\r\n\r\n// Payment method configurations with display information\r\nexport const PAYMENT_METHOD_CONFIGS: Record<PaymentMethod, PaymentMethodConfig> = {\r\n  card: {\r\n    id: \"card\",\r\n    label: \"Credit/Debit Card\",\r\n    description: \"Pay securely with your credit or debit card\",\r\n    icon: \"CreditCard\",\r\n    requiresOnlineProvider: true,\r\n  },\r\n  transfer: {\r\n    id: \"transfer\",\r\n    label: \"Bank Transfer\",\r\n    description: \"Transfer payment to our bank account\",\r\n    icon: \"Banknote\",\r\n  },\r\n  cash: {\r\n    id: \"cash\",\r\n    label: \"Cash on Delivery\",\r\n    description: \"Pay when your order arrives at your doorstep\",\r\n    icon: \"Truck\",\r\n  },\r\n};\r\n\r\n// Online payment provider configurations\r\nexport const ONLINE_PROVIDER_CONFIGS: Record<OnlinePaymentProvider, { label: string; description: string }> = {\r\n  stripe: {\r\n    label: \"Stripe\",\r\n    description: \"Secure payment processing by Stripe\",\r\n  },\r\n  iyzico: {\r\n    label: \"iyzico\",\r\n    description: \"Secure payment processing by iyzico\",\r\n  },\r\n};\r\n\r\n// Check if a payment method is available\r\nexport const isPaymentMethodAvailable = (method: PaymentMethod): boolean => {\r\n  const available = getAvailablePaymentMethods();\r\n  return available.includes(method);\r\n};\r\n\r\n// Check if an online provider is available\r\nexport const isOnlineProviderAvailable = (provider: OnlinePaymentProvider): boolean => {\r\n  const available = getOnlinePaymentProviders();\r\n  return available.includes(provider);\r\n};\r\n\r\n// Get filtered payment method configs (only available ones)\r\nexport const getFilteredPaymentMethodConfigs = (): PaymentMethodConfig[] => {\r\n  const availableMethods = getAvailablePaymentMethods();\r\n  return availableMethods\r\n    .map((method) => PAYMENT_METHOD_CONFIGS[method])\r\n    .filter(Boolean);\r\n};\r\n"
+      "content": "// Payment configuration utility\n// Parses environment variables and provides payment method configuration\n\nexport type PaymentMethod = \"card\" | \"transfer\" | \"cash\";\nexport type OnlinePaymentProvider = \"stripe\" | \"iyzico\";\n\nexport interface PaymentMethodConfig {\n  id: PaymentMethod;\n  label: string;\n  description: string;\n  icon: string; // Icon component name from lucide-react\n  requiresOnlineProvider?: boolean;\n}\n\n// Parse comma-separated env variable into array\nconst parseEnvArray = (envVar: string | undefined): string[] => {\n  if (!envVar) return [];\n  return envVar.split(\",\").map((item) => item.trim()).filter(Boolean);\n};\n\n// Get available payment methods from environment\nexport const getAvailablePaymentMethods = (): PaymentMethod[] => {\n  const methods = parseEnvArray(import.meta.env.VITE_AVAILABLE_PAYMENT_METHODS);\n  if (methods.length === 0) {\n    // Default to all methods if not configured\n    return [\"card\", \"transfer\", \"cash\"];\n  }\n  return methods as PaymentMethod[];\n};\n\n// Get available online payment providers from environment\nexport const getOnlinePaymentProviders = (): OnlinePaymentProvider[] => {\n  const providers = parseEnvArray(import.meta.env.VITE_ONLINE_PAYMENT_METHODS);\n  if (providers.length === 0) {\n    // Default to stripe if not configured\n    return [\"stripe\"];\n  }\n  return providers as OnlinePaymentProvider[];\n};\n\n// Payment method configurations with display information\nexport const PAYMENT_METHOD_CONFIGS: Record<PaymentMethod, PaymentMethodConfig> = {\n  card: {\n    id: \"card\",\n    label: \"Credit/Debit Card\",\n    description: \"Pay securely with your credit or debit card\",\n    icon: \"CreditCard\",\n    requiresOnlineProvider: true,\n  },\n  transfer: {\n    id: \"transfer\",\n    label: \"Bank Transfer\",\n    description: \"Transfer payment to our bank account\",\n    icon: \"Banknote\",\n  },\n  cash: {\n    id: \"cash\",\n    label: \"Cash on Delivery\",\n    description: \"Pay when your order arrives at your doorstep\",\n    icon: \"Truck\",\n  },\n};\n\n// Online payment provider configurations\nexport const ONLINE_PROVIDER_CONFIGS: Record<OnlinePaymentProvider, { label: string; description: string }> = {\n  stripe: {\n    label: \"Stripe\",\n    description: \"Secure payment processing by Stripe\",\n  },\n  iyzico: {\n    label: \"iyzico\",\n    description: \"Secure payment processing by iyzico\",\n  },\n};\n\n// Check if a payment method is available\nexport const isPaymentMethodAvailable = (method: PaymentMethod): boolean => {\n  const available = getAvailablePaymentMethods();\n  return available.includes(method);\n};\n\n// Check if an online provider is available\nexport const isOnlineProviderAvailable = (provider: OnlinePaymentProvider): boolean => {\n  const available = getOnlinePaymentProviders();\n  return available.includes(provider);\n};\n\n// Get filtered payment method configs (only available ones)\nexport const getFilteredPaymentMethodConfigs = (): PaymentMethodConfig[] => {\n  const availableMethods = getAvailablePaymentMethods();\n  return availableMethods\n    .map((method) => PAYMENT_METHOD_CONFIGS[method])\n    .filter(Boolean);\n};\n"
     },
     {
       "path": "ecommerce-core/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/ecommerce-core/lang/en.json",
-      "content": "{\r\n  \"cart\": \"Cart\",\r\n  \"addToCart\": \"Add to Cart\",\r\n  \"removeFromCart\": \"Remove\",\r\n  \"clearCart\": \"Clear Cart\",\r\n  \"emptyCart\": \"Your cart is empty\",\r\n  \"cartTotal\": \"Total\",\r\n  \"checkout\": \"Checkout\",\r\n  \"quantity\": \"Quantity\",\r\n  \"favorites\": \"Favorites\",\r\n  \"addToFavorites\": \"Add to Favorites\",\r\n  \"removeFromFavorites\": \"Remove from Favorites\",\r\n  \"noFavorites\": \"No favorites yet\",\r\n  \"products\": \"Products\",\r\n  \"search\": \"Search\",\r\n  \"searchPlaceholder\": \"Search products...\",\r\n  \"noResults\": \"No products found\",\r\n  \"outOfStock\": \"Out of Stock\",\r\n  \"inStock\": \"In Stock\",\r\n  \"sale\": \"Sale\",\r\n  \"new\": \"New\",\r\n  \"featured\": \"Featured\"\r\n}\r\n"
+      "content": "{\n  \"cart\": \"Cart\",\n  \"addToCart\": \"Add to Cart\",\n  \"removeFromCart\": \"Remove\",\n  \"clearCart\": \"Clear Cart\",\n  \"emptyCart\": \"Your cart is empty\",\n  \"cartTotal\": \"Total\",\n  \"checkout\": \"Checkout\",\n  \"quantity\": \"Quantity\",\n  \"favorites\": \"Favorites\",\n  \"addToFavorites\": \"Add to Favorites\",\n  \"removeFromFavorites\": \"Remove from Favorites\",\n  \"noFavorites\": \"No favorites yet\",\n  \"products\": \"Products\",\n  \"search\": \"Search\",\n  \"searchPlaceholder\": \"Search products...\",\n  \"noResults\": \"No products found\",\n  \"outOfStock\": \"Out of Stock\",\n  \"inStock\": \"In Stock\",\n  \"sale\": \"Sale\",\n  \"new\": \"New\",\n  \"featured\": \"Featured\"\n}\n"
     },
     {
       "path": "ecommerce-core/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/ecommerce-core/lang/tr.json",
-      "content": "{\r\n  \"cart\": \"Sepet\",\r\n  \"addToCart\": \"Sepete Ekle\",\r\n  \"removeFromCart\": \"Kaldır\",\r\n  \"clearCart\": \"Sepeti Temizle\",\r\n  \"emptyCart\": \"Sepetiniz boş\",\r\n  \"cartTotal\": \"Toplam\",\r\n  \"checkout\": \"Ödeme\",\r\n  \"quantity\": \"Adet\",\r\n  \"favorites\": \"Favoriler\",\r\n  \"addToFavorites\": \"Favorilere Ekle\",\r\n  \"removeFromFavorites\": \"Favorilerden Kaldır\",\r\n  \"noFavorites\": \"Henüz favori yok\",\r\n  \"products\": \"Ürünler\",\r\n  \"search\": \"Ara\",\r\n  \"searchPlaceholder\": \"Ürün ara...\",\r\n  \"noResults\": \"Ürün bulunamadı\",\r\n  \"outOfStock\": \"Stokta Yok\",\r\n  \"inStock\": \"Stokta\",\r\n  \"sale\": \"İndirim\",\r\n  \"new\": \"Yeni\",\r\n  \"featured\": \"Öne Çıkan\"\r\n}\r\n"
+      "content": "{\n  \"cart\": \"Sepet\",\n  \"addToCart\": \"Sepete Ekle\",\n  \"removeFromCart\": \"Kaldır\",\n  \"clearCart\": \"Sepeti Temizle\",\n  \"emptyCart\": \"Sepetiniz boş\",\n  \"cartTotal\": \"Toplam\",\n  \"checkout\": \"Ödeme\",\n  \"quantity\": \"Adet\",\n  \"favorites\": \"Favoriler\",\n  \"addToFavorites\": \"Favorilere Ekle\",\n  \"removeFromFavorites\": \"Favorilerden Kaldır\",\n  \"noFavorites\": \"Henüz favori yok\",\n  \"products\": \"Ürünler\",\n  \"search\": \"Ara\",\n  \"searchPlaceholder\": \"Ürün ara...\",\n  \"noResults\": \"Ürün bulunamadı\",\n  \"outOfStock\": \"Stokta Yok\",\n  \"inStock\": \"Stokta\",\n  \"sale\": \"İndirim\",\n  \"new\": \"Yeni\",\n  \"featured\": \"Öne Çıkan\"\n}\n"
     }
   ],
   "exports": {

package/dist/registry/empty-page.json

@@ -14,7 +14,7 @@
       "path": "empty-page/index.ts",
       "type": "registry:index",
       "target": "$modules$/empty-page/index.ts",
-      "content": "export * from './empty-page';\r\nexport { EmptyPage as default } from './empty-page';\r\n"
+      "content": "export * from './empty-page';\nexport { EmptyPage as default } from './empty-page';\n"
     },
     {
       "path": "empty-page/empty-page.tsx",
@@ -26,13 +26,13 @@
       "path": "empty-page/lang/en.json",
       "type": "registry:lang",
       "target": "$modules$/empty-page/lang/en.json",
-      "content": "{\r\n  \"title\": \"Page Title\",\r\n  \"heading\": \"Page Heading\",\r\n  \"description\": \"This is an empty page template. Replace this content with your own.\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"Page Title\",\n  \"heading\": \"Page Heading\",\n  \"description\": \"This is an empty page template. Replace this content with your own.\"\n}\n"
     },
     {
       "path": "empty-page/lang/tr.json",
       "type": "registry:lang",
       "target": "$modules$/empty-page/lang/tr.json",
-      "content": "{\r\n  \"title\": \"Sayfa Başlığı\",\r\n  \"heading\": \"Sayfa Başlığı\",\r\n  \"description\": \"Bu boş bir sayfa şablonudur. Bu içeriği kendi içeriğinizle değiştirin.\"\r\n}\r\n"
+      "content": "{\n  \"title\": \"Sayfa Başlığı\",\n  \"heading\": \"Sayfa Başlığı\",\n  \"description\": \"Bu boş bir sayfa şablonudur. Bu içeriği kendi içeriğinizle değiştirin.\"\n}\n"
     }
   ],
   "exports": {