@xenterprises/nuxt-x-marketing 0.0.23 → 1.0.0

package/componentList.json

@@ -0,0 +1,511 @@
+{
+  "components": [
+    {
+      "name": "XMarkBlogAuthor",
+      "file": "Blog/Author.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "author", "type": "Object", "default": null, "required": true },
+        { "name": "variant", "type": "String", "default": "inline", "required": false, "options": ["inline", "sm", "full", "card"] }
+      ]
+    },
+    {
+      "name": "XMarkBlogCard",
+      "file": "Blog/Card.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "post", "type": "Object", "default": null, "required": true },
+        { "name": "hasCategory", "type": "Boolean", "default": true, "required": false },
+        { "name": "hasAuthor", "type": "Boolean", "default": true, "required": false },
+        { "name": "hasExcerpt", "type": "Boolean", "default": true, "required": false },
+        { "name": "button", "type": "Object", "default": null, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkBlogCTANewsletter",
+      "file": "Blog/CTANewsletter.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
+        { "name": "description", "type": "String", "default": "Get the latest posts delivered right to your inbox.", "required": false },
+        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
+        { "name": "placeholder", "type": "String", "default": "Enter your email", "required": false },
+        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "featured", "inline", "compact"] },
+        { "name": "icon", "type": "String", "default": "i-lucide-mail", "required": false },
+        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false },
+        { "name": "privacyText", "type": "String", "default": "No spam. Unsubscribe anytime.", "required": false },
+        { "name": "successMessage", "type": "String", "default": "Thanks for subscribing!", "required": false }
+      ],
+      "events": [
+        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+      ]
+    },
+    {
+      "name": "XMarkBlogDetail",
+      "file": "Blog/Detail.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "post", "type": "Object", "default": null, "required": true },
+        { "name": "previousPost", "type": "Object", "default": null, "required": false },
+        { "name": "nextPost", "type": "Object", "default": null, "required": false },
+        { "name": "toc", "type": "Array", "default": "[]", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkBlogList",
+      "file": "Blog/List.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "posts", "type": "Array", "default": null, "required": true },
+        { "name": "columns", "type": "Number", "default": 3, "required": false, "options": [1, 2, 3] },
+        { "name": "perPage", "type": "Number", "default": 9, "required": false },
+        { "name": "hasFilters", "type": "Boolean", "default": false, "required": false },
+        { "name": "hasCategories", "type": "Boolean", "default": true, "required": false },
+        { "name": "hasAuthors", "type": "Boolean", "default": true, "required": false },
+        { "name": "categories", "type": "Array", "default": "[]", "required": false },
+        { "name": "cardButton", "type": "Object", "default": null, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkBlogNavigation",
+      "file": "Blog/Navigation.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "previous", "type": "Object", "default": null, "required": false },
+        { "name": "next", "type": "Object", "default": null, "required": false },
+        { "name": "basePath", "type": "String", "default": "/blog", "required": false },
+        { "name": "previousLabel", "type": "String", "default": "Previous", "required": false },
+        { "name": "nextLabel", "type": "String", "default": "Next", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkBlogSidebar",
+      "file": "Blog/Sidebar.vue",
+      "category": "Blog",
+      "props": [
+        { "name": "hasSearch", "type": "Boolean", "default": true, "required": false },
+        { "name": "categories", "type": "Array", "default": "[]", "required": false },
+        { "name": "tags", "type": "Array", "default": "[]", "required": false },
+        { "name": "recentPosts", "type": "Array", "default": "[]", "required": false },
+        { "name": "categoryBasePath", "type": "String", "default": "/blog/category", "required": false },
+        { "name": "tagBasePath", "type": "String", "default": "/blog/tag", "required": false },
+        { "name": "hasCta", "type": "Boolean", "default": true, "required": false }
+      ],
+      "events": [
+        { "name": "search", "payload": "String", "description": "Emitted when user presses Enter in search input" }
+      ]
+    },
+    {
+      "name": "XMarkButtonBackToTop",
+      "file": "Button/BackToTop.vue",
+      "category": "Button",
+      "props": [
+        { "name": "threshold", "type": "Number", "default": 400, "required": false },
+        { "name": "position", "type": "String", "default": "bottom-right", "required": false, "options": ["bottom-right", "bottom-left", "bottom-center"] },
+        { "name": "variant", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "glass"] },
+        { "name": "icon", "type": "String", "default": "i-lucide-arrow-up", "required": false },
+        { "name": "label", "type": "String", "default": "Back to top", "required": false },
+        { "name": "smooth", "type": "Boolean", "default": true, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkCardGlass",
+      "file": "Card/Glass.vue",
+      "category": "Card",
+      "props": [
+        { "name": "title", "type": "String", "default": "", "required": false },
+        { "name": "subtitle", "type": "String", "default": "", "required": false },
+        { "name": "size", "type": "String", "default": "md", "required": false, "options": ["xs", "sm", "md", "lg", "xl"] },
+        { "name": "glow", "type": "Boolean", "default": false, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkCardPromo",
+      "file": "Card/Promo.vue",
+      "category": "Card",
+      "props": [
+        { "name": "to", "type": "String", "default": "", "required": false },
+        { "name": "img", "type": "Object", "default": null, "required": true },
+        { "name": "title", "type": "String", "default": null, "required": true },
+        { "name": "badge", "type": "String", "default": "", "required": false },
+        { "name": "button", "type": "Object", "default": null, "required": false },
+        { "name": "align", "type": "String", "default": "bottomLeft", "required": false, "options": ["bottomLeft", "bottomRight", "bottomCenter", "topLeft"] },
+        { "name": "overlay", "type": "String", "default": "gradient", "required": false, "options": ["light", "heavy", "gradient"] },
+        { "name": "hoverable", "type": "Boolean", "default": true, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkCTA",
+      "file": "CTA/index.vue",
+      "category": "CTA",
+      "props": [
+        { "name": "eyebrow", "type": "String", "default": "", "required": false },
+        { "name": "title", "type": "String", "default": null, "required": true },
+        { "name": "description", "type": "String", "default": "", "required": false },
+        { "name": "icon", "type": "String", "default": "", "required": false },
+        { "name": "buttons", "type": "Array", "default": "[]", "required": false },
+        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "centered", "inline", "stacked"] },
+        { "name": "background", "type": "String", "default": "subtle", "required": false, "options": ["subtle", "bold", "gradient", "none"] },
+        { "name": "size", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg"] }
+      ]
+    },
+    {
+      "name": "XMarkDividerGlow",
+      "file": "Divider/Glow.vue",
+      "category": "Divider",
+      "props": [
+        { "name": "glow", "type": "Boolean", "default": true, "required": false },
+        { "name": "color", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "white"] },
+        { "name": "intensity", "type": "String", "default": "medium", "required": false, "options": ["subtle", "medium", "strong"] },
+        { "name": "spacing", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg"] },
+        { "name": "fade", "type": "Boolean", "default": false, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkFeatures",
+      "file": "Features/index.vue",
+      "category": "Features",
+      "props": [
+        { "name": "features", "type": "Array", "default": null, "required": true },
+        { "name": "layout", "type": "String", "default": "grid", "required": false, "options": ["grid", "list", "alternating"] },
+        { "name": "columns", "type": "Number", "default": 3, "required": false, "options": [2, 3, 4] }
+      ]
+    },
+    {
+      "name": "XMarkHero",
+      "file": "Hero/index.vue",
+      "category": "Hero",
+      "props": [
+        { "name": "img", "type": "Object", "default": null, "required": false },
+        { "name": "video", "type": "Object", "default": null, "required": false },
+        { "name": "overlay", "type": "String", "default": "gradient", "required": false, "options": ["light", "heavy", "gradient", "none"] },
+        { "name": "eyebrow", "type": "String", "default": "", "required": false },
+        { "name": "title", "type": "String", "default": null, "required": true },
+        { "name": "subtitle", "type": "String", "default": "", "required": false },
+        { "name": "buttons", "type": "Array", "default": "[]", "required": false },
+        { "name": "align", "type": "String", "default": "left", "required": false, "options": ["left", "center", "right"] },
+        { "name": "verticalAlign", "type": "String", "default": "center", "required": false, "options": ["center", "bottom"] },
+        { "name": "hasScrollIndicator", "type": "Boolean", "default": true, "required": false },
+        { "name": "includeNavPadding", "type": "Boolean", "default": false, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkLayoutAnnouncementBar",
+      "file": "Layout/AnnouncementBar.vue",
+      "category": "Layout",
+      "props": [
+        { "name": "message", "type": "String", "default": null, "required": true },
+        { "name": "badge", "type": "String", "default": "", "required": false },
+        { "name": "icon", "type": "String", "default": "", "required": false },
+        { "name": "link", "type": "String", "default": "", "required": false },
+        { "name": "linkText", "type": "String", "default": "Learn more", "required": false },
+        { "name": "variant", "type": "String", "default": "primary", "required": false, "options": ["primary", "neutral", "success", "warning", "error"] },
+        { "name": "dismissible", "type": "Boolean", "default": true, "required": false },
+        { "name": "storageKey", "type": "String", "default": "announcement-dismissed", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkLayoutFooter",
+      "file": "Layout/Footer.vue",
+      "category": "Layout",
+      "props": [
+        { "name": "logo", "type": "Object", "default": null, "required": false },
+        { "name": "description", "type": "String", "default": "", "required": false },
+        { "name": "social", "type": "Array", "default": "[]", "required": false },
+        { "name": "columns", "type": "Array", "default": "[]", "required": false },
+        { "name": "legalLinks", "type": "Array", "default": "[]", "required": false },
+        { "name": "copyright", "type": "String", "default": "© {year} All rights reserved.", "required": false },
+        { "name": "hasNewsletter", "type": "Boolean", "default": false, "required": false },
+        { "name": "newsletterTitle", "type": "String", "default": "Subscribe to our newsletter", "required": false },
+        { "name": "newsletterDescription", "type": "String", "default": "Get the latest updates and news.", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkLayoutFooterLegal",
+      "file": "Layout/FooterLegal.vue",
+      "category": "Layout",
+      "props": [
+        { "name": "copyright", "type": "String", "default": "© {year} All rights reserved.", "required": false },
+        { "name": "links", "type": "Array", "default": "[{ label: 'Privacy Policy', to: '/privacy' }, ...]", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkLayoutNavbar",
+      "file": "Layout/Navbar.vue",
+      "category": "Layout",
+      "props": [
+        { "name": "transparent", "type": "Boolean", "default": true, "required": false },
+        { "name": "links", "type": "Array", "default": null, "required": false },
+        { "name": "logo", "type": "Object", "default": null, "required": false },
+        { "name": "scrollThreshold", "type": "Number", "default": 100, "required": false },
+        { "name": "buttons", "type": "Array", "default": null, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkModalChat",
+      "file": "Modal/Chat.vue",
+      "category": "Modal",
+      "props": [
+        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
+        { "name": "avatar", "type": "String", "default": "", "required": false },
+        { "name": "name", "type": "String", "default": null, "required": true },
+        { "name": "message", "type": "String", "default": null, "required": true },
+        { "name": "online", "type": "Boolean", "default": true, "required": false },
+        { "name": "actionText", "type": "String", "default": "", "required": false },
+        { "name": "autoDismiss", "type": "Number", "default": 0, "required": false },
+        { "name": "delay", "type": "Number", "default": 3000, "required": false }
+      ],
+      "events": [
+        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when visibility changes" },
+        { "name": "action", "payload": null, "description": "Emitted when action button is clicked" }
+      ]
+    },
+    {
+      "name": "XMarkModalFeature",
+      "file": "Modal/Feature.vue",
+      "category": "Modal",
+      "props": [
+        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
+        { "name": "hero", "type": "Object", "default": null, "required": false },
+        { "name": "blocks", "type": "Array", "default": null, "required": true },
+        { "name": "cta", "type": "Object", "default": null, "required": false }
+      ],
+      "events": [
+        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+      ]
+    },
+    {
+      "name": "XMarkModalImage",
+      "file": "Modal/Image.vue",
+      "category": "Modal",
+      "props": [
+        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
+        { "name": "images", "type": "Array", "default": "[]", "required": false },
+        { "name": "startIndex", "type": "Number", "default": 0, "required": false },
+        { "name": "hasCounter", "type": "Boolean", "default": true, "required": false },
+        { "name": "hasThumbnails", "type": "Boolean", "default": false, "required": false }
+      ],
+      "events": [
+        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+      ]
+    },
+    {
+      "name": "XMarkModalVideo",
+      "file": "Modal/Video.vue",
+      "category": "Modal",
+      "props": [
+        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
+        { "name": "src", "type": "String", "default": null, "required": true },
+        { "name": "poster", "type": "String", "default": "", "required": false },
+        { "name": "title", "type": "String", "default": "", "required": false },
+        { "name": "description", "type": "String", "default": "", "required": false },
+        { "name": "autoplay", "type": "Boolean", "default": true, "required": false },
+        { "name": "captions", "type": "String", "default": "", "required": false },
+        { "name": "captionsLang", "type": "String", "default": "en", "required": false },
+        { "name": "captionsLabel", "type": "String", "default": "English", "required": false }
+      ],
+      "events": [
+        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" }
+      ]
+    },
+    {
+      "name": "XMarkNewsletterForm",
+      "file": "Newsletter/Form.vue",
+      "category": "Newsletter",
+      "props": [
+        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
+        { "name": "description", "type": "String", "default": "", "required": false },
+        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
+        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "inline", "card", "compact"] },
+        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false }
+      ],
+      "events": [
+        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+      ]
+    },
+    {
+      "name": "XMarkPatternBg",
+      "file": "Pattern/Bg.vue",
+      "category": "Pattern",
+      "props": [
+        { "name": "pattern", "type": "String", "default": "dots", "required": false, "options": ["dots", "grid", "diagonal", "topography", "circuit", "waves", "plaid", "diagonalPlaid", "hexagons", "triangles", "crosses", "zigzag", "diamonds"] },
+        { "name": "opacity", "type": "Number", "default": 0.05, "required": false },
+        { "name": "color", "type": "String", "default": "auto", "required": false },
+        { "name": "fade", "type": "Boolean", "default": true, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkPricingComparison",
+      "file": "Pricing/Comparison.vue",
+      "category": "Pricing",
+      "description": "Wraps UPricingTable with marketing enhancements like social proof badges",
+      "props": [
+        { "name": "plans", "type": "Array", "default": null, "required": true, "description": "Array of { id, name, price?, description?, highlighted?, button? }" },
+        { "name": "featureGroups", "type": "Array", "default": null, "required": true, "description": "Array of { name?, features: [{ name, values: { [planId]: boolean|string } }] }" },
+        { "name": "caption", "type": "String", "default": null, "required": false, "description": "Caption displayed above the table" },
+        { "name": "badges", "type": "Array", "default": "[]", "required": false, "description": "Social proof badge presets or custom badges" },
+        { "name": "badgesPosition", "type": "String", "default": "bottom", "required": false, "options": ["top", "bottom"] },
+        { "name": "badgesAlign", "type": "String", "default": "center", "required": false, "options": ["left", "center", "right"] }
+      ],
+      "events": [
+        { "name": "select", "payload": "Object", "description": "Emitted with plan object when CTA is clicked" }
+      ]
+    },
+    {
+      "name": "XMarkPricingPlans",
+      "file": "Pricing/Plans.vue",
+      "category": "Pricing",
+      "description": "Wraps UPricingPlans with billing toggle and social proof badges",
+      "props": [
+        { "name": "plans", "type": "Array", "default": null, "required": true, "description": "Array of plan objects { name, description, price, features, button, popular? }" },
+        { "name": "highlighted", "type": "String", "default": "", "required": false, "description": "Plan name to highlight (alternative to popular: true)" },
+        { "name": "hasBillingToggle", "type": "Boolean", "default": false, "required": false, "description": "Show monthly/yearly toggle" },
+        { "name": "yearlyDiscount", "type": "Number", "default": 20, "required": false, "description": "Yearly discount percentage to display" },
+        { "name": "scale", "type": "Boolean", "default": false, "required": false, "description": "Scale effect on highlighted plan" },
+        { "name": "compact", "type": "Boolean", "default": false, "required": false, "description": "No gap between plans" },
+        { "name": "variant", "type": "String", "default": null, "required": false, "options": ["soft", "solid", "outline", "subtle"] },
+        { "name": "badges", "type": "Array", "default": "[]", "required": false, "description": "Social proof badge presets or custom badges" },
+        { "name": "badgesPosition", "type": "String", "default": "bottom", "required": false, "options": ["top", "bottom"] },
+        { "name": "badgesAlign", "type": "String", "default": "center", "required": false, "options": ["left", "center", "right"] }
+      ],
+      "events": [
+        { "name": "select", "payload": "Object", "description": "Emitted with plan object when CTA is clicked" }
+      ]
+    },
+    {
+      "name": "XMarkPrivacyCookieBanner",
+      "file": "Privacy/CookieBanner.vue",
+      "category": "Privacy",
+      "props": [
+        { "name": "title", "type": "String", "default": "We use cookies", "required": false },
+        { "name": "message", "type": "String", "default": "We use cookies to improve your experience on our site.", "required": false },
+        { "name": "policyLink", "type": "String", "default": "/privacy", "required": false },
+        { "name": "policyLabel", "type": "String", "default": "Learn more", "required": false },
+        { "name": "hasCustomize", "type": "Boolean", "default": false, "required": false },
+        { "name": "hasReject", "type": "Boolean", "default": true, "required": false },
+        { "name": "storageKey", "type": "String", "default": "cookie-consent", "required": false }
+      ],
+      "events": [
+        { "name": "accept", "payload": null, "description": "Emitted when user clicks Accept All" },
+        { "name": "reject", "payload": null, "description": "Emitted when user clicks Reject All" },
+        { "name": "customize", "payload": null, "description": "Emitted when user clicks Customize" }
+      ]
+    },
+    {
+      "name": "XMarkPrivacyCookieToast",
+      "file": "Privacy/CookieToast.vue",
+      "category": "Privacy",
+      "props": []
+    },
+    {
+      "name": "XMarkPrivacyGDPR",
+      "file": "Privacy/GDPR.vue",
+      "category": "Privacy",
+      "props": [
+        { "name": "modelValue", "type": "Boolean", "default": false, "required": false },
+        { "name": "title", "type": "String", "default": "Privacy Preferences", "required": false },
+        { "name": "description", "type": "String", "default": "We use cookies to enhance your browsing experience. You can choose which categories to allow.", "required": false },
+        { "name": "categories", "type": "Array", "default": "[{ id, name, description, required }, ...]", "required": false },
+        { "name": "privacyLink", "type": "String", "default": "/privacy", "required": false },
+        { "name": "cookieLink", "type": "String", "default": "/cookies", "required": false },
+        { "name": "storageKey", "type": "String", "default": "gdpr-preferences", "required": false }
+      ],
+      "events": [
+        { "name": "update:modelValue", "payload": "Boolean", "description": "Emitted when modal visibility changes" },
+        { "name": "accept", "payload": null, "description": "Emitted when user clicks Accept All" },
+        { "name": "reject", "payload": null, "description": "Emitted when user clicks Reject All" },
+        { "name": "save", "payload": "Object", "description": "Emitted with preferences { categoryId: boolean, ... }" }
+      ]
+    },
+    {
+      "name": "XMarkSection",
+      "file": "Section/index.vue",
+      "category": "Section",
+      "props": [
+        { "name": "bg", "type": "String", "default": "default", "required": false, "options": ["default", "subtle", "elevated", "bold", "transparent"] },
+        { "name": "background", "type": "String", "default": null, "required": false },
+        { "name": "color", "type": "String", "default": "", "required": false },
+        { "name": "bgImage", "type": "String", "default": "", "required": false },
+        { "name": "bgImageAlt", "type": "String", "default": "", "required": false },
+        { "name": "bgImageOverlay", "type": "String", "default": "", "required": false, "options": ["", "light", "heavy", "gradient"] },
+        { "name": "bgImagePosition", "type": "String", "default": "object-center", "required": false },
+        { "name": "pattern", "type": "String", "default": "", "required": false, "options": ["", "dots", "grid", "diagonal", "topography", "circuit", "waves"] },
+        { "name": "patternOpacity", "type": "Number", "default": 0.05, "required": false },
+        { "name": "padding", "type": "String", "default": "lg", "required": false, "options": ["none", "xs", "sm", "md", "lg", "xl"] },
+        { "name": "container", "type": "String", "default": "lg", "required": false, "options": ["sm", "md", "lg", "xl", "full", "none"] },
+        { "name": "parallax", "type": "Boolean", "default": false, "required": false },
+        { "name": "parallaxSpeed", "type": "Number", "default": 0.3, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkSectionNewsletter",
+      "file": "Section/Newsletter.vue",
+      "category": "Section",
+      "props": [
+        { "name": "title", "type": "String", "default": "Subscribe to our newsletter", "required": false },
+        { "name": "description", "type": "String", "default": "Get the latest news and updates.", "required": false },
+        { "name": "placeholder", "type": "String", "default": "Enter your email", "required": false },
+        { "name": "button", "type": "Object", "default": "{ label: 'Subscribe' }", "required": false },
+        { "name": "hasPrivacy", "type": "Boolean", "default": true, "required": false },
+        { "name": "privacyText", "type": "String", "default": "No spam. Unsubscribe anytime.", "required": false },
+        { "name": "successMessage", "type": "String", "default": "Thanks for subscribing!", "required": false },
+        { "name": "variant", "type": "String", "default": "dark", "required": false, "options": ["dark", "light"] },
+        { "name": "pattern", "type": "String", "default": null, "required": false, "options": ["dots", "grid", "diagonal", "topography", "circuit", "waves"] },
+        { "name": "patternOpacity", "type": "Number", "default": 0.05, "required": false },
+        { "name": "resetDelay", "type": "Number", "default": 5000, "required": false }
+      ],
+      "events": [
+        { "name": "submit", "payload": "String", "description": "Emitted with email address when form is submitted" }
+      ]
+    },
+    {
+      "name": "XMarkSectionStitch",
+      "file": "Section/Stitch.vue",
+      "category": "Section",
+      "props": [
+        { "name": "variant", "type": "String", "default": "angle", "required": false, "options": ["angle", "wave", "curve", "triangle", "zigzag"] },
+        { "name": "topColor", "type": "String", "default": "rgb(243 244 246)", "required": false },
+        { "name": "bottomColor", "type": "String", "default": "rgb(249 250 251)", "required": false },
+        { "name": "height", "type": "String", "default": "md", "required": false, "options": ["sm", "md", "lg", "xl"] },
+        { "name": "flip", "type": "Boolean", "default": false, "required": false },
+        { "name": "glow", "type": "Boolean", "default": false, "required": false },
+        { "name": "glowColor", "type": "String", "default": "rgba(99, 102, 241, 0.5)", "required": false }
+      ]
+    },
+    {
+      "name": "XMarkSocialProofBadge",
+      "file": "SocialProof/Badge.vue",
+      "category": "SocialProof",
+      "props": [
+        { "name": "preset", "type": "String", "default": "", "required": false, "options": ["no-credit-card", "cancel-anytime", "free-trial", "secure", "support", "setup", "gdpr", "money-back"] },
+        { "name": "icon", "type": "String", "default": "", "required": false },
+        { "name": "label", "type": "String", "default": "", "required": false },
+        { "name": "variant", "type": "String", "default": "default", "required": false, "options": ["default", "subtle", "outline", "text", "text-muted"] }
+      ]
+    },
+    {
+      "name": "XMarkSocialProofTestimonials",
+      "file": "SocialProof/Testimonials.vue",
+      "category": "SocialProof",
+      "props": [
+        { "name": "testimonials", "type": "Array", "default": null, "required": true },
+        { "name": "layout", "type": "String", "default": "featured", "required": false, "options": ["featured", "grid", "carousel"] },
+        { "name": "hasStars", "type": "Boolean", "default": true, "required": false },
+        { "name": "autoplay", "type": "Boolean", "default": true, "required": false },
+        { "name": "interval", "type": "Number", "default": 5000, "required": false }
+      ]
+    },
+    {
+      "name": "XMarkSocialProofToast",
+      "file": "SocialProof/Toast.vue",
+      "category": "SocialProof",
+      "props": [
+        { "name": "notifications", "type": "Array", "default": null, "required": true },
+        { "name": "interval", "type": "Number", "default": 4000, "required": false },
+        { "name": "initialDelay", "type": "Number", "default": 5000, "required": false },
+        { "name": "displayDuration", "type": "Number", "default": 3000, "required": false },
+        { "name": "placement", "type": "String", "default": "bottomLeft", "required": false, "options": ["topLeft", "topRight", "bottomLeft", "bottomRight"] }
+      ]
+    }
+  ]
+}

package/nuxt.config.ts

@@ -1,22 +1,15 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import tailwindcss from "@tailwindcss/vite";
-import { fileURLToPath } from 'url';
-import { dirname, resolve } from 'path';
+import { resolve } from "path";
+
 export default defineNuxtConfig({
-  compatibilityDate: "2024-04-03",
+  compatibilityDate: "2026-01-04",
   ssr: true,
   devtools: { enabled: process.env.NODE_ENV === "development" },
   runtimeConfig: {
     public: {
-      BUILDERIO_KEY: "",
+
     },
   },
-  modules: ["@nuxt/ui", "@nuxtjs/seo", "@nuxt/image"],
-  css: [resolve(__dirname, 'app/assets/css/main.css')],
-  ui: {
-    icons: ["heroicons", "simple-icons"],
-  },
-  vite: {
-    plugins: [tailwindcss()],
-  },
+  modules: ["@nuxt/ui"],
+  css: [resolve(__dirname, "app/assets/css/x-marketing.css")],
 });

package/package.json

@@ -1,28 +1,40 @@
 {
   "name": "@xenterprises/nuxt-x-marketing",
   "type": "module",
-  "version": "0.0.23",
+  "version": "1.0.0",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",
     "dev:prepare": "nuxt prepare .playground",
     "build": "nuxt build .playground",
     "generate": "nuxt generate .playground",
-    "preview": "nuxt preview .playground"
+    "preview": "nuxt preview .playground",
+    "test": "npm run test:unit && npm run test:e2e",
+    "test:unit": "vitest run --config test/vitest.config.js",
+    "test:unit:watch": "vitest --config test/vitest.config.js",
+    "test:unit:coverage": "vitest run --config test/vitest.config.js --coverage",
+    "test:e2e": "playwright test --config test/playwright.config.js",
+    "test:e2e:ui": "playwright test --config test/playwright.config.js --ui",
+    "test:e2e:headed": "playwright test --config test/playwright.config.js --headed",
+    "test:visual": "playwright test --config test/playwright.config.js visual-regression",
+    "test:visual:update": "playwright test --config test/playwright.config.js visual-regression --update-snapshots"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.8.4",
+    "@iconify-json/lucide": "^1.2.82",
+    "@playwright/test": "^1.41.1",
+    "@vitejs/plugin-vue": "^5.0.3",
+    "@vitest/coverage-v8": "^2.1.8",
+    "@vue/test-utils": "^2.4.4",
+    "happy-dom": "^13.3.8",
     "nuxt": "^4.2.1",
     "typescript": "^5.6.3",
+    "vitest": "^2.1.8",
     "vue": "latest"
   },
   "dependencies": {
-    "@marker.io/browser": "^0.19.0",
-    "@nuxt/image": "^2.0.0",
-    "@nuxt/ui": "^4.0.0",
-    "@nuxtjs/seo": "^3.2.2",
-    "@tailwindcss/vite": "^4.1.17",
-    "simple-icons": "^13.15.0",
-    "tailwindcss": "^4.1.17",
+    "@marker.io/browser": "^0.20.2",
+    "@nuxt/ui": "^4.3.0",
     "zod": "^3.23.8"
   }
 }

package/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_size = 2
-indent_style = space
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/app/assets/css/main.css

@@ -1,2 +0,0 @@
-@import "tailwindcss";
-@import "@nuxt/ui";