@almadar/std 16.228.0 → 16.229.0

package/behaviors/registry/ui/core/atoms/std-site-footer.orb

@@ -0,0 +1,589 @@
+{
+  "description": "std-site-footer — the footer at the bottom of a public site: brand name and tagline, columns of links, and a bottom row with the copyright line and legal links. Links follow `href` (in-app path, #anchor, or absolute URL) and each click emits FOOTER_LINK_CLICKED. Pick for marketing sites, docs portals and product websites.",
+  "ledger": {
+    "entries": {
+      "ent_01M3B9EHQKGT374WHV2W6SXRHD": {
+        "bakedName": "SiteFooterView",
+        "curName": "SiteFooterView",
+        "id": "ent_01M3B9EHQKGT374WHV2W6SXRHD",
+        "kind": "entity",
+        "owner": "workspace",
+        "renames": []
+      },
+      "evt_01M3B9EHQK3TT2094WDET3Q83K": {
+        "bakedName": "FOOTER_LINK",
+        "curName": "FOOTER_LINK",
+        "id": "evt_01M3B9EHQK3TT2094WDET3Q83K",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M3B9EHQKPYTXSY4R6MRR138S",
+        "renames": []
+      },
+      "evt_01M3B9EHQK3V0GBJRAM2EZP0WR": {
+        "bakedName": "FOOTER_LINK_CLICKED",
+        "curName": "FOOTER_LINK_CLICKED",
+        "id": "evt_01M3B9EHQK3V0GBJRAM2EZP0WR",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M3B9EHQKPYTXSY4R6MRR138S",
+        "renames": []
+      },
+      "evt_01M3B9EHQKBKHW7MAP4MZGNDTB": {
+        "bakedName": "INIT",
+        "curName": "INIT",
+        "id": "evt_01M3B9EHQKBKHW7MAP4MZGNDTB",
+        "kind": "event",
+        "owner": "workspace",
+        "parent": "trt_01M3B9EHQKPYTXSY4R6MRR138S",
+        "renames": []
+      },
+      "orb_01M3B9EHQKN6WZS00H3BN8FNDX": {
+        "bakedName": "SiteFooterOrbital",
+        "curName": "SiteFooterOrbital",
+        "id": "orb_01M3B9EHQKN6WZS00H3BN8FNDX",
+        "kind": "orbital",
+        "owner": "workspace",
+        "renames": []
+      },
+      "pag_01M3B9EHQKRK3MCXYGGY1T3APH": {
+        "bakedName": "SiteFooterPage",
+        "curName": "SiteFooterPage",
+        "id": "pag_01M3B9EHQKRK3MCXYGGY1T3APH",
+        "kind": "page",
+        "owner": "workspace",
+        "renames": []
+      },
+      "trt_01M3B9EHQKPYTXSY4R6MRR138S": {
+        "bakedName": "SiteFooterRender",
+        "curName": "SiteFooterRender",
+        "id": "trt_01M3B9EHQKPYTXSY4R6MRR138S",
+        "kind": "trait",
+        "owner": "workspace",
+        "renames": []
+      }
+    },
+    "schemaVersion": 1
+  },
+  "name": "std-site-footer",
+  "orbitals": [
+    {
+      "entity": {
+        "fields": [
+          {
+            "name": "id",
+            "required": true,
+            "type": "string"
+          }
+        ],
+        "id": "ent_01M3B9EHQKGT374WHV2W6SXRHD",
+        "name": "SiteFooterView",
+        "persistence": "runtime"
+      },
+      "id": "orb_01M3B9EHQKN6WZS00H3BN8FNDX",
+      "name": "SiteFooterOrbital",
+      "pages": [
+        {
+          "id": "pag_01M3B9EHQKRK3MCXYGGY1T3APH",
+          "name": "SiteFooterPage",
+          "path": "/site-footer",
+          "traits": [
+            {
+              "ref": "SiteFooterRender",
+              "refId": "trt_01M3B9EHQKPYTXSY4R6MRR138S"
+            }
+          ]
+        }
+      ],
+      "traits": [
+        {
+          "category": "interaction",
+          "config": {
+            "brandName": {
+              "default": "Almadar",
+              "label": "Brand name",
+              "synonyms": "company, product name, logo text",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "columns": {
+              "default": [
+                {
+                  "links": [
+                    {
+                      "href": "/features",
+                      "label": "Features"
+                    },
+                    {
+                      "href": "/pricing",
+                      "label": "Pricing"
+                    }
+                  ],
+                  "title": "Product"
+                },
+                {
+                  "links": [
+                    {
+                      "href": "/about",
+                      "label": "About"
+                    },
+                    {
+                      "href": "/blog",
+                      "label": "Blog"
+                    }
+                  ],
+                  "title": "Company"
+                }
+              ],
+              "description": "Each column: a title and its links (label + href)",
+              "items": {
+                "properties": {
+                  "links": {
+                    "items": {
+                      "properties": {
+                        "href": {
+                          "name": "href",
+                          "required": true,
+                          "type": "string"
+                        },
+                        "label": {
+                          "name": "label",
+                          "required": true,
+                          "type": "string"
+                        }
+                      },
+                      "type": "object"
+                    },
+                    "name": "links",
+                    "required": false,
+                    "type": "array"
+                  },
+                  "title": {
+                    "name": "title",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Link columns",
+              "synonyms": "sitemap, footer menu, footer navigation",
+              "tier": "presentation",
+              "type": "[FooterColumn]"
+            },
+            "copyright": {
+              "default": "© Almadar",
+              "label": "Copyright line",
+              "tier": "presentation",
+              "type": "string"
+            },
+            "legalLinks": {
+              "default": [],
+              "description": "Links in the bottom row, e.g. Privacy and Terms",
+              "items": {
+                "properties": {
+                  "href": {
+                    "name": "href",
+                    "required": true,
+                    "type": "string"
+                  },
+                  "label": {
+                    "name": "label",
+                    "required": true,
+                    "type": "string"
+                  }
+                },
+                "type": "object"
+              },
+              "label": "Legal links",
+              "tier": "presentation",
+              "type": "[FooterLink]"
+            },
+            "tagline": {
+              "default": "",
+              "description": "One line under the brand name; empty hides it",
+              "label": "Tagline",
+              "tier": "presentation",
+              "type": "string"
+            }
+          },
+          "effectRow": [
+            {
+              "kind": "emit",
+              "resource": "FOOTER_LINK_CLICKED"
+            },
+            {
+              "kind": "render-ui",
+              "resource": "main"
+            }
+          ],
+          "emits": [
+            {
+              "description": "A footer link was clicked; carries its label and href.",
+              "event": "FOOTER_LINK_CLICKED",
+              "eventId": "evt_01M3B9EHQK3V0GBJRAM2EZP0WR",
+              "payloadSchema": [
+                {
+                  "name": "label",
+                  "type": "string"
+                },
+                {
+                  "name": "href",
+                  "type": "string"
+                }
+              ],
+              "scope": "external",
+              "tier": "domain"
+            }
+          ],
+          "entityContract": {
+            "provides": [],
+            "requires": []
+          },
+          "entityRebindable": true,
+          "entityRefIds": {
+            "SiteFooterView": "ent_01M3B9EHQKGT374WHV2W6SXRHD"
+          },
+          "id": "trt_01M3B9EHQKPYTXSY4R6MRR138S",
+          "linkedEntity": "SiteFooterView",
+          "linkedEntityId": "ent_01M3B9EHQKGT374WHV2W6SXRHD",
+          "name": "SiteFooterRender",
+          "scope": "instance",
+          "stateMachine": {
+            "events": [
+              {
+                "id": "evt_01M3B9EHQKBKHW7MAP4MZGNDTB",
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "description": "Footer link click.",
+                "id": "evt_01M3B9EHQK3TT2094WDET3Q83K",
+                "key": "FOOTER_LINK",
+                "name": "Footer Link",
+                "payloadSchema": [
+                  {
+                    "name": "label",
+                    "type": "string"
+                  },
+                  {
+                    "name": "href",
+                    "type": "string"
+                  }
+                ],
+                "tier": "internal"
+              },
+              {
+                "description": "A footer link was clicked; carries its label and href.",
+                "id": "evt_01M3B9EHQK3V0GBJRAM2EZP0WR",
+                "key": "FOOTER_LINK_CLICKED",
+                "name": "Footer Link Clicked",
+                "payloadSchema": [
+                  {
+                    "name": "label",
+                    "type": "string"
+                  },
+                  {
+                    "name": "href",
+                    "type": "string"
+                  }
+                ],
+                "tier": "domain"
+              }
+            ],
+            "states": [
+              {
+                "isInitial": true,
+                "name": "idle"
+              }
+            ],
+            "transitions": [
+              {
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "border": true,
+                      "children": [
+                        {
+                          "children": [
+                            {
+                              "children": [
+                                {
+                                  "children": [
+                                    {
+                                      "children": [
+                                        {
+                                          "content": "@config.brandName",
+                                          "type": "typography",
+                                          "variant": "h5",
+                                          "weight": "bold"
+                                        },
+                                        {
+                                          "className": [
+                                            "if",
+                                            [
+                                              "==",
+                                              "@config.tagline",
+                                              ""
+                                            ],
+                                            "hidden",
+                                            "max-w-xs text-pretty"
+                                          ],
+                                          "color": "muted",
+                                          "content": "@config.tagline",
+                                          "type": "typography",
+                                          "variant": "body2"
+                                        }
+                                      ],
+                                      "direction": "vertical",
+                                      "gap": "sm",
+                                      "type": "stack"
+                                    },
+                                    {
+                                      "children": [
+                                        "array/map",
+                                        "@config.columns",
+                                        [
+                                          "fn",
+                                          "column",
+                                          {
+                                            "children": [
+                                              {
+                                                "content": [
+                                                  "object/get",
+                                                  "@column",
+                                                  "title",
+                                                  ""
+                                                ],
+                                                "type": "typography",
+                                                "variant": "label",
+                                                "weight": "semibold"
+                                              },
+                                              {
+                                                "align": "start",
+                                                "children": [
+                                                  "array/map",
+                                                  [
+                                                    "object/get",
+                                                    "@column",
+                                                    "links",
+                                                    []
+                                                  ],
+                                                  [
+                                                    "fn",
+                                                    "entry",
+                                                    {
+                                                      "action": "FOOTER_LINK",
+                                                      "actionPayload": {
+                                                        "href": [
+                                                          "object/get",
+                                                          "@entry",
+                                                          "href",
+                                                          ""
+                                                        ],
+                                                        "label": [
+                                                          "object/get",
+                                                          "@entry",
+                                                          "label",
+                                                          ""
+                                                        ]
+                                                      },
+                                                      "href": [
+                                                        "object/get",
+                                                        "@entry",
+                                                        "href",
+                                                        ""
+                                                      ],
+                                                      "label": [
+                                                        "object/get",
+                                                        "@entry",
+                                                        "label",
+                                                        ""
+                                                      ],
+                                                      "type": "button",
+                                                      "variant": "link"
+                                                    }
+                                                  ]
+                                                ],
+                                                "direction": "vertical",
+                                                "gap": "xs",
+                                                "type": "stack"
+                                              }
+                                            ],
+                                            "direction": "vertical",
+                                            "gap": "sm",
+                                            "type": "stack"
+                                          }
+                                        ]
+                                      ],
+                                      "cols": [
+                                        "math/min",
+                                        [
+                                          "math/max",
+                                          [
+                                            "array/len",
+                                            "@config.columns"
+                                          ],
+                                          1.0
+                                        ],
+                                        4.0
+                                      ],
+                                      "gap": "lg",
+                                      "type": "simple-grid"
+                                    }
+                                  ],
+                                  "gap": "xl",
+                                  "ratio": "1:2",
+                                  "type": "split"
+                                },
+                                {
+                                  "type": "divider"
+                                },
+                                {
+                                  "align": "center",
+                                  "children": [
+                                    {
+                                      "color": "muted",
+                                      "content": "@config.copyright",
+                                      "type": "typography",
+                                      "variant": "caption"
+                                    },
+                                    {
+                                      "children": [
+                                        "array/map",
+                                        "@config.legalLinks",
+                                        [
+                                          "fn",
+                                          "entry",
+                                          {
+                                            "action": "FOOTER_LINK",
+                                            "actionPayload": {
+                                              "href": [
+                                                "object/get",
+                                                "@entry",
+                                                "href",
+                                                ""
+                                              ],
+                                              "label": [
+                                                "object/get",
+                                                "@entry",
+                                                "label",
+                                                ""
+                                              ]
+                                            },
+                                            "href": [
+                                              "object/get",
+                                              "@entry",
+                                              "href",
+                                              ""
+                                            ],
+                                            "label": [
+                                              "object/get",
+                                              "@entry",
+                                              "label",
+                                              ""
+                                            ],
+                                            "type": "button",
+                                            "variant": "link"
+                                          }
+                                        ]
+                                      ],
+                                      "direction": "horizontal",
+                                      "gap": "md",
+                                      "type": "stack",
+                                      "wrap": true
+                                    }
+                                  ],
+                                  "direction": "horizontal",
+                                  "gap": "md",
+                                  "justify": "between",
+                                  "type": "stack",
+                                  "wrap": true
+                                }
+                              ],
+                              "direction": "vertical",
+                              "gap": "xl",
+                              "type": "stack"
+                            }
+                          ],
+                          "maxWidth": "xl",
+                          "padding": "lg",
+                          "size": "xl",
+                          "type": "container"
+                        }
+                      ],
+                      "className": "border-x-0 border-b-0",
+                      "fullWidth": true,
+                      "paddingY": "xl",
+                      "type": "box"
+                    }
+                  ]
+                ],
+                "event": "INIT",
+                "eventId": "evt_01M3B9EHQKBKHW7MAP4MZGNDTB",
+                "from": "idle",
+                "to": "idle"
+              },
+              {
+                "effects": [
+                  [
+                    "emit",
+                    "FOOTER_LINK_CLICKED",
+                    {
+                      "href": "@payload.href",
+                      "label": "@payload.label"
+                    }
+                  ]
+                ],
+                "event": "FOOTER_LINK",
+                "eventId": "evt_01M3B9EHQK3TT2094WDET3Q83K",
+                "from": "idle",
+                "to": "idle"
+              }
+            ]
+          }
+        }
+      ],
+      "types": {
+        "FooterColumn": [
+          {
+            "name": "title",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "name": "links",
+            "properties": [
+              {
+                "name": "label",
+                "required": true,
+                "type": "string"
+              },
+              {
+                "name": "href",
+                "required": true,
+                "type": "string"
+              }
+            ],
+            "type": "[object]"
+          }
+        ],
+        "FooterLink": [
+          {
+            "name": "label",
+            "required": true,
+            "type": "string"
+          },
+          {
+            "name": "href",
+            "required": true,
+            "type": "string"
+          }
+        ]
+      }
+    }
+  ],
+  "schemaVersion": 1,
+  "version": "1.0.0"
+}