@almadar/std 16.228.0 → 16.229.0

package/behaviors/lolo/ui/marketing/atoms/std-marketing-nav.lolo

@@ -1,86 +0,0 @@
-app std-marketing-nav "1.0.0"
-"Marketing navigation atom for marketing pages. Renders a sticky header with brand logo and nav links. Pick for site-wide navigation on static pages."
-;; Config-driven navigation using the `header` marketing pattern.
-;; Items are declared as an array of { label, href } objects.
-;; The atom emits NAV_CLICK when a link is clicked.
-orbital NavItemOrbital {
-    type NavLink = { label : string!, href : string! }
-
-  entity NavItem [runtime] {
-    id : string!
-  }
-
-  trait NavItemNav -> NavItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main {
-          actions: {
-            label: @config.primaryActionLabel
-            type: button
-            variant: primary
-          }
-          brandName: @config.brandName
-          logoSrc: @config.logoSrc
-          navigationItems: @config.items
-          type: header
-        })
-      NAV_CLICK -> idle
-        (emit NAV_CLICK { href: ?href, label: ?label })
-    }
-
-    emits {
-      NAV_CLICK -> external {
-        href : string
-        label : string
-      }
-        @description "Indicates a navigation link was selected."
-        @synonyms "select, choose, activate"
-        @tier "domain"
-    }
-
-    listens {
-      NAV_CLICK {
-        href : string
-        label : string
-      }
-        @description "A navigation link was selected."
-        @synonyms "select, choose, activate"
-        @tier "domain"
-    }
-
-    config {
-      brandName : string = Almadar
-        @label "Brand Name"
-        @tier "presentation"
-      logoSrc : string = ""
-        @label "Logo Source"
-        @tier "presentation"
-      items : [NavLink] = [{
-        href: "#product"
-        label: Product
-      }, {
-        href: "#pricing"
-        label: Pricing
-      }, {
-        href: "#about"
-        label: About
-      }, {
-        href: "#docs"
-        label: Docs
-      }]
-        @label "Navigation Items"
-        @description "Array of nav links"
-        @tier "presentation"
-      primaryActionLabel : string = "Get Started"
-        @label "Primary Action Label"
-        @tier "presentation"
-      primaryActionHref : string = "#"
-        @label "Primary Action Link"
-        @tier "presentation"
-    }
-  }
-
-  page "/nav" as NavItemNavPage -> NavItemNav
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-pricing.lolo

@@ -1,85 +0,0 @@
-app std-marketing-pricing "1.0.0"
-"Pricing grid atom for marketing pages. Renders tiered pricing cards with plans, features, and CTAs. Pick for SaaS pricing pages and subscription showcases."
-;; Config-driven pricing grid using the `pricing-grid` marketing pattern.
-;; Plans are declared as an array of { name, price, description, features, action, highlighted, badge } objects.
-;; The atom emits PLAN_SELECT when a plan's action button is clicked.
-orbital PricingItemOrbital {
-    type PricingPlan = { name : string!, price : string!, description : string, features : [string]!, action : { label : string!, href : string! }!, highlighted : boolean, badge : string }
-
-  entity PricingItem [runtime] {
-    id : string!
-  }
-
-  trait PricingItemPricing -> PricingItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main { plans: @config.plans, type: pricing-grid })
-      PLAN_SELECT -> idle
-        (emit PLAN_SELECT { href: ?href, plan: ?plan })
-    }
-
-    emits {
-      PLAN_SELECT -> external {
-        plan : string
-        href : string
-      }
-        @description "Indicates a pricing plan has been chosen."
-        @synonyms "select, choose, pick, activate"
-        @tier "domain"
-    }
-
-    listens {
-      PLAN_SELECT {
-        plan : string
-        href : string
-      }
-        @description "A pricing plan has been chosen by the user."
-        @synonyms "select, choose, activate, subscribe"
-        @tier "domain"
-    }
-
-    config {
-      plans : [PricingPlan] = [{
-        action: {
-          href: "#"
-          label: "Get Started"
-        }
-        badge: ""
-        description: "For individuals and small projects."
-        features: ["1 project", "Community support", "Basic analytics"]
-        highlighted: false
-        name: Starter
-        price: "$0"
-      }, {
-        action: {
-          href: "#"
-          label: "Start Trial"
-        }
-        badge: "Most Popular"
-        description: "For growing teams that need more power."
-        features: ["Unlimited projects", "Priority support", "Advanced analytics", "Custom domains"]
-        highlighted: true
-        name: Pro
-        price: "$49"
-      }, {
-        action: {
-          href: "#"
-          label: "Contact Sales"
-        }
-        badge: ""
-        description: "For organizations with advanced needs."
-        features: ["Dedicated infra", "SLA guarantee", "SSO & SAML", "Audit logs", "Custom contracts"]
-        highlighted: false
-        name: Enterprise
-        price: Custom
-      }]
-        @label "Pricing Plans"
-        @description "Array of pricing tiers"
-        @tier "domain"
-    }
-  }
-
-  page "/pricing" as PricingItemPricingPage -> PricingItemPricing
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-showcase.lolo

@@ -1,87 +0,0 @@
-app std-marketing-showcase "1.0.0"
-"Showcase grid atom for marketing pages. Renders a grid of portfolio or product showcase cards with images, badges, and descriptions. Pick for product galleries and portfolio sections."
-;; Config-driven showcase using the `showcase-organism` marketing pattern.
-;; Items are declared as an array of { title, description, image, href, badge, accentColor } objects.
-;; The atom emits SHOWCASE_CLICK when a card with an href is clicked.
-orbital ShowcaseItemOrbital {
-    type ShowcaseCard = { id : string!, title : string!, description : string, image : { src : string!, alt : string! }!, href : string, badge : string, accentColor : string }
-
-  entity ShowcaseItem [runtime] {
-    id : string!
-    items : [ShowcaseCard] @description "A collection of items to display in a grid." @synonyms "elements, entries, records" = []
-  }
-
-  trait ShowcaseItemShowcase -> ShowcaseItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (set @entity.items @config.items)
-        (render-ui main { entity: @entity.items, type: showcase-organism })
-      SHOWCASE_CLICK -> idle
-        (emit SHOWCASE_CLICK { id: ?id, title: ?title })
-    }
-
-    emits {
-      SHOWCASE_CLICK -> external {
-        id : string
-        title : string
-      }
-        @description "Signals a user clicked on a showcase item."
-        @synonyms "select, tap, activate"
-        @tier "domain"
-    }
-
-    listens {
-      SHOWCASE_CLICK {
-        id : string
-        title : string
-      }
-        @description "A grid item was selected or activated."
-        @synonyms "select, activate, tap, press"
-        @tier "domain"
-    }
-
-    config {
-      items : [ShowcaseCard] = [{
-        accentColor: ""
-        badge: New
-        description: "Real-time analytics at a glance."
-        href: ""
-        id: "1"
-        image: {
-          alt: "Dashboard preview"
-          src: ""
-        }
-        title: Dashboard
-      }, {
-        accentColor: ""
-        badge: ""
-        description: "GraphQL and REST in one click."
-        href: ""
-        id: "2"
-        image: {
-          alt: "API docs preview"
-          src: ""
-        }
-        title: API
-      }, {
-        accentColor: ""
-        badge: Beta
-        description: "Native apps without native code."
-        href: ""
-        id: "3"
-        image: {
-          alt: "Mobile app preview"
-          src: ""
-        }
-        title: Mobile
-      }]
-        @label "Showcase Items"
-        @description "Array of showcase cards"
-        @tier "presentation"
-    }
-  }
-
-  page "/showcase" as ShowcaseItemShowcasePage -> ShowcaseItemShowcase
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-split.lolo

@@ -1,50 +0,0 @@
-app std-marketing-split "1.0.0"
-"Split section atom for marketing pages. Renders a two-column layout with text and image alternating sides. Pick for feature deep-dives and alternating content sections."
-;; Config-driven split section using the `split-section` marketing pattern.
-;; The atom renders immediately on INIT with no fetch required.
-orbital SplitItemOrbital {
-  uses SplitSection from "std/behaviors/ui-split-section"
-
-  entity SplitItem [runtime] {
-    id : string!
-  }
-
-  trait SplitItemSplit = SplitSection.traits.SplitSectionRender -> SplitItem {
-    config {
-      background: @config.background
-      bullets: @config.bullets
-      description: @config.description
-      image: { alt: @config.imageAlt, src: @config.imageSrc }
-      imagePosition: @config.imagePosition
-      title: @config.title
-      title : string = "Powerful under the hood"
-        @label "Title"
-        @description "Section headline"
-        @tier "presentation"
-      description : string = "Everything you need to build, deploy, and scale."
-        @label "Description"
-        @description "Body text"
-        @tier "presentation"
-      bullets : [string] = ["Instant deployments", Auto-scaling, "Global CDN"]
-        @label "Bullets"
-        @description "Feature bullet points"
-        @tier "presentation"
-      imageSrc : string = ""
-        @label "Image Source"
-        @tier "presentation"
-      imageAlt : string = ""
-        @label "Image Alt Text"
-        @tier "presentation"
-      imagePosition : string = right
-        @label "Image Position"
-        @description "left or right"
-        @tier "presentation"
-      background : string = default
-        @label "Background"
-        @description "default or alt"
-        @tier "presentation"
-    }
-  }
-
-  page "/split" as SplitItemSplitPage -> SplitItemSplit
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-stats.lolo

@@ -1,43 +0,0 @@
-app std-marketing-stats "1.0.0"
-"Stats grid atom for marketing pages. Renders a responsive grid of key metrics with values and labels. Pick for social proof, traction, and credibility sections."
-;; Config-driven stats grid using the `stats-grid` marketing pattern.
-;; Stats are declared as an array of { value, label } objects.
-;; The atom renders immediately on INIT with no fetch required.
-orbital StatItemOrbital {
-    type StatCard = { value : string!, label : string! }
-
-  uses StatsGrid from "std/behaviors/ui-stats-grid"
-
-  entity StatItem [runtime] {
-    id : string!
-  }
-
-  trait StatItemStats = StatsGrid.traits.StatsGridRender -> StatItem {
-    config {
-      columns: @config.columns
-      stats: @config.stats
-      stats : [StatCard] = [{
-        label: Developers
-        value: "10K+"
-      }, {
-        label: Uptime
-        value: "99.9%"
-      }, {
-        label: "Requests served"
-        value: "50M+"
-      }, {
-        label: "Average rating"
-        value: "4.9"
-      }]
-        @label "Stats"
-        @description "Array of stat value/label pairs"
-        @tier "presentation"
-      columns : number = 4
-        @label "Columns"
-        @description "Number of grid columns"
-        @tier "presentation"
-    }
-  }
-
-  page "/stats" as StatItemStatsPage -> StatItemStats
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-steps.lolo

@@ -1,48 +0,0 @@
-app std-marketing-steps "1.0.0"
-"Step flow atom for marketing pages. Renders numbered steps horizontally or vertically. Pick for how-it-works sections and onboarding explainers."
-;; Config-driven step flow using the `step-flow-organism` marketing pattern.
-;; Steps are declared as an array of { number, title, description, icon } objects.
-;; The atom renders immediately on INIT with no fetch required.
-type StepCard = { id : string!, number : number, title : string!, description : string!, icon : string }
-orbital StepItemOrbital {
-  uses StepFlowOrganism from "std/behaviors/ui-step-flow-organism"
-
-  entity StepSectionItem [runtime] {
-    id : string!
-    steps : [StepCard] @description "An ordered list of individual step components." @synonyms "items, sequence, stages" = []
-  }
-
-  trait StepSectionItemSteps = StepFlowOrganism.traits.StepFlowOrganismRender -> StepSectionItem {
-    config {
-      orientation: @config.orientation
-      steps : [StepCard] = [{
-        description: "Describe your app in natural language."
-        icon: pen-tool
-        id: "1"
-        number: 1
-        title: Design
-      }, {
-        description: "Almadar generates the full stack automatically."
-        icon: hammer
-        id: "2"
-        number: 2
-        title: Build
-      }, {
-        description: "Deploy to production with one click."
-        icon: rocket
-        id: "3"
-        number: 3
-        title: Ship
-      }]
-        @label "Steps"
-        @description "Array of step items"
-        @tier "presentation"
-      orientation : string = horizontal
-        @label "Orientation"
-        @description "horizontal or vertical"
-        @tier "presentation"
-    }
-  }
-
-  page "/steps" as StepSectionItemStepsPage -> StepSectionItemSteps
-}

package/behaviors/lolo/ui/marketing/atoms/std-marketing-team.lolo

@@ -1,51 +0,0 @@
-app std-marketing-team "1.0.0"
-"Team grid atom for marketing pages. Renders a responsive grid of team member cards with avatars, names, roles, and bios. Pick for about pages and company culture sections."
-;; Config-driven team grid using the `team-organism` marketing pattern.
-;; Members are declared as an array of { name, nameAr, role, bio, avatar } objects.
-;; The atom renders immediately on INIT with no fetch required.
-orbital TeamItemOrbital {
-    type TeamMemberCard = { id : string!, name : string!, nameAr : string, role : string!, bio : string!, avatar : string }
-
-  uses TeamOrganism from "std/behaviors/ui-team-organism"
-
-  entity TeamItem [runtime] {
-    id : string!
-    members : [TeamMemberCard] @description "An array of team member card objects." @synonyms "team, people, staff, personnel" = []
-  }
-
-  trait TeamItemTeam = TeamOrganism.traits.TeamOrganismRender -> TeamItem {
-    config {
-      members : [TeamMemberCard] = [{
-        avatar: ""
-        bio: "Former VP Engineering at BigTech. Obsessed with developer experience."
-        id: "1"
-        name: "Jane Doe"
-        nameAr: ""
-        role: CEO
-      }, {
-        avatar: ""
-        bio: "Built distributed systems at scale for a decade."
-        id: "2"
-        name: "John Smith"
-        nameAr: ""
-        role: CTO
-      }, {
-        avatar: ""
-        bio: "Believes great design is invisible."
-        id: "3"
-        name: "Alice Chen"
-        nameAr: ""
-        role: "Head of Design"
-      }]
-        @label "Team Members"
-        @description "Array of team member cards"
-        @tier "presentation"
-      columns : number = 3
-        @label "Columns"
-        @description "Number of grid columns"
-        @tier "presentation"
-    }
-  }
-
-  page "/team" as TeamItemTeamPage -> TeamItemTeam
-}

package/behaviors/lolo/ui/marketing/atoms/ui-article-section.lolo

@@ -1,44 +0,0 @@
-app ui-article-section "1.0.0"
-"ArticleSection — UI factory (1:1 with the @almadar/ui article-section pattern)."
-;; @pattern "article-section"
-orbital ArticleSectionOrbital {
-  entity ArticleSectionItem [runtime] {
-    id : string!
-  }
-
-  trait ArticleSectionRender -> @rebindable ArticleSectionItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main {
-          title: @config.title
-          children: @config.children
-          maxWidth: @config.maxWidth
-          className: @config.className
-          type: article-section
-        })
-    }
-
-    config {
-      title : string = ""
-        @label "Title"
-        @description "Section title"
-        @tier "presentation"
-      children : node
-        @label "Children"
-        @description "Section content"
-        @tier "presentation"
-      maxWidth : "sm" | "md" | "lg" = md
-        @label "Max Width"
-        @description "Maximum width constraint"
-        @tier "presentation"
-      className : string
-        @label "Class Name"
-        @description "Additional class names"
-        @tier "presentation"
-    }
-  }
-
-  page "/article-section" as ArticleSectionPage -> ArticleSectionRender
-}

package/behaviors/lolo/ui/marketing/atoms/ui-case-study-card.lolo

@@ -1,60 +0,0 @@
-app ui-case-study-card "1.0.0"
-"CaseStudyCard — a card summarizing a customer case study with logo, headline result, and link. — UI factory (1:1 with the @almadar/ui case-study-card pattern)."
-;; @capabilities "customer story, success story, client story card, results showcase, proof-point card"
-;; @pattern "case-study-card"
-orbital CaseStudyCardOrbital {
-  entity CaseStudyCardItem [runtime] {
-    id : string!
-  }
-
-  trait CaseStudyCardRender -> @rebindable CaseStudyCardItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main {
-          title: @config.title
-          description: @config.description
-          category: @config.category
-          categoryColor: @config.categoryColor
-          href: @config.href
-          linkLabel: @config.linkLabel
-          className: @config.className
-          type: case-study-card
-        })
-    }
-
-    config {
-      title : string = ""
-        @label "Title"
-        @description "Case study title"
-        @tier "presentation"
-      description : string = ""
-        @label "Description"
-        @description "Short description of the case study"
-        @tier "presentation"
-      category : string = ""
-        @label "Category"
-        @description "Category label shown as a badge"
-        @tier "presentation"
-      categoryColor : string
-        @label "Category Color"
-        @description "Custom background color for the category badge (CSS value)"
-        @tier "presentation"
-      href : string = ""
-        @label "Href"
-        @description "URL the card links to"
-        @tier "presentation"
-      linkLabel : string = "Read more"
-        @label "Link Label"
-        @description "Label for the link button"
-        @tier "presentation"
-      className : string
-        @label "Class Name"
-        @description "Additional class names"
-        @tier "presentation"
-    }
-  }
-
-  page "/case-study-card" as CaseStudyCardPage -> CaseStudyCardRender
-}

package/behaviors/lolo/ui/marketing/atoms/ui-community-links.lolo

@@ -1,67 +0,0 @@
-app ui-community-links "1.0.0"
-"CommunityLinks — UI factory (1:1 with the @almadar/ui community-links pattern)."
-;; @pattern "community-links"
-orbital CommunityLinksOrbital {
-  type CommunityLinksGithub = {
-    url : string!
-    stars : number
-  }
-  type CommunityLinksDiscord = {
-    url : string!
-    members : number
-  }
-  type CommunityLinksTwitter = {
-    url : string!
-    followers : number
-  }
-
-  entity CommunityLinksItem [runtime] {
-    id : string!
-  }
-
-  trait CommunityLinksRender -> @rebindable CommunityLinksItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main {
-          github: @config.github
-          discord: @config.discord
-          twitter: @config.twitter
-          heading: @config.heading
-          subtitle: @config.subtitle
-          className: @config.className
-          type: community-links
-        })
-    }
-
-    config {
-      github : CommunityLinksGithub
-        @label "Github"
-        @description "github prop"
-        @tier "presentation"
-      discord : CommunityLinksDiscord
-        @label "Discord"
-        @description "discord prop"
-        @tier "presentation"
-      twitter : CommunityLinksTwitter
-        @label "Twitter"
-        @description "twitter prop"
-        @tier "presentation"
-      heading : string
-        @label "Heading"
-        @description "heading prop"
-        @tier "presentation"
-      subtitle : string
-        @label "Subtitle"
-        @description "subtitle prop"
-        @tier "presentation"
-      className : string
-        @label "Class Name"
-        @description "className prop"
-        @tier "presentation"
-    }
-  }
-
-  page "/community-links" as CommunityLinksPage -> CommunityLinksRender
-}

package/behaviors/lolo/ui/marketing/atoms/ui-content-section.lolo

@@ -1,44 +0,0 @@
-app ui-content-section "1.0.0"
-"ContentSection — UI factory (1:1 with the @almadar/ui content-section pattern)."
-;; @pattern "content-section"
-orbital ContentSectionOrbital {
-  entity ContentSectionItem [runtime] {
-    id : string!
-  }
-
-  trait ContentSectionRender -> @rebindable ContentSectionItem [interaction, instance] {
-    initial: idle
-
-    state idle {
-      INIT -> idle
-        (render-ui main {
-          children: @config.children
-          background: @config.background
-          padding: @config.padding
-          className: @config.className
-          type: content-section
-        })
-    }
-
-    config {
-      children : node
-        @label "Children"
-        @description "Section content"
-        @tier "presentation"
-      background : "default" | "alt" | "dark" | "gradient" = default
-        @label "Background"
-        @description "Background style"
-        @tier "presentation"
-      padding : "sm" | "md" | "lg" = lg
-        @label "Padding"
-        @description "Vertical padding size"
-        @tier "presentation"
-      className : string
-        @label "Class Name"
-        @description "Additional class names"
-        @tier "presentation"
-    }
-  }
-
-  page "/content-section" as ContentSectionPage -> ContentSectionRender
-}