@almadar/std 3.2.1 → 3.2.3

package/behaviors/exports/atoms/std-text-effects.orb

@@ -0,0 +1,658 @@
+{
+  "name": "TextContentOrbital",
+  "orbitals": [
+    {
+      "name": "TextContentOrbital",
+      "entity": {
+        "name": "TextContent",
+        "persistence": "runtime",
+        "fields": [
+          {
+            "name": "id",
+            "type": "string"
+          },
+          {
+            "name": "name",
+            "type": "string"
+          },
+          {
+            "name": "description",
+            "type": "string"
+          },
+          {
+            "name": "status",
+            "type": "string",
+            "default": "active",
+            "values": [
+              "active",
+              "inactive",
+              "pending"
+            ]
+          },
+          {
+            "name": "createdAt",
+            "type": "string"
+          },
+          {
+            "name": "content",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "highlightType",
+            "type": "string",
+            "default": "none"
+          },
+          {
+            "name": "reference",
+            "type": "string",
+            "default": ""
+          }
+        ],
+        "instances": [
+          {
+            "id": "txt-1",
+            "name": "The quick brown fox jumps over the lazy dog",
+            "description": "A pangram sentence",
+            "status": "active",
+            "createdAt": "2026-01-01",
+            "content": "The **quick** brown fox _jumps_ over the lazy dog. This demonstrates text animation and highlighting capabilities.",
+            "highlightType": "emphasis",
+            "reference": "Article 42, Section 3.1 — Typography Standards"
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "TextContentTextEffects",
+          "linkedEntity": "TextContent",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "idle",
+                "isInitial": true
+              },
+              {
+                "name": "animating"
+              },
+              {
+                "name": "highlighted"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "ANIMATE",
+                "name": "Animate"
+              },
+              {
+                "key": "HIGHLIGHT",
+                "name": "Highlight"
+              },
+              {
+                "key": "RESET",
+                "name": "Reset"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "idle",
+                "to": "idle",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "TextContent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "markdown-content",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "code-block",
+                          "code": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "language": "text"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Animate",
+                              "event": "ANIMATE",
+                              "variant": "primary",
+                              "icon": "play"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Highlight",
+                              "event": "HIGHLIGHT",
+                              "variant": "secondary",
+                              "icon": "highlighter"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "animating",
+                "event": "ANIMATE",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typewriter-text",
+                          "text": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ],
+                          "speed": 50,
+                          "cursor": true
+                        },
+                        {
+                          "type": "law-reference-tooltip",
+                          "reference": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "caption",
+                              "color": "muted",
+                              "content": "Hover for reference details"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "button",
+                          "label": "Highlight",
+                          "event": "HIGHLIGHT",
+                          "variant": "secondary",
+                          "icon": "highlighter"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "animating",
+                "to": "highlighted",
+                "event": "HIGHLIGHT",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "text-highlight",
+                          "text": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ],
+                          "highlightColor": "yellow",
+                          "pattern": "important"
+                        },
+                        {
+                          "type": "law-reference-tooltip",
+                          "reference": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "name"
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "button",
+                          "label": "Reset",
+                          "event": "RESET",
+                          "variant": "ghost",
+                          "icon": "rotate-ccw"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "highlighted",
+                "to": "idle",
+                "event": "RESET",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "markdown-content",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "code-block",
+                          "code": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "language": "text"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Animate",
+                              "event": "ANIMATE",
+                              "variant": "primary",
+                              "icon": "play"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Highlight",
+                              "event": "HIGHLIGHT",
+                              "variant": "secondary",
+                              "icon": "highlighter"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "animating",
+                "to": "idle",
+                "event": "RESET",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "markdown-content",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "code-block",
+                          "code": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "language": "text"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "body",
+                          "content": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ]
+                        },
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "justify": "center",
+                          "children": [
+                            {
+                              "type": "button",
+                              "label": "Animate",
+                              "event": "ANIMATE",
+                              "variant": "primary",
+                              "icon": "play"
+                            },
+                            {
+                              "type": "button",
+                              "label": "Highlight",
+                              "event": "HIGHLIGHT",
+                              "variant": "secondary",
+                              "icon": "highlighter"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "idle",
+                "to": "highlighted",
+                "event": "HIGHLIGHT",
+                "effects": [
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "sm",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "icon",
+                              "name": "type",
+                              "size": "lg"
+                            },
+                            {
+                              "type": "typography",
+                              "content": "Text Effects",
+                              "variant": "h2"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "text-highlight",
+                          "text": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "name"
+                          ],
+                          "highlightColor": "yellow",
+                          "pattern": "important"
+                        },
+                        {
+                          "type": "law-reference-tooltip",
+                          "reference": [
+                            "object/get",
+                            [
+                              "array/first",
+                              "@entity"
+                            ],
+                            "reference"
+                          ],
+                          "children": [
+                            {
+                              "type": "typography",
+                              "variant": "body",
+                              "content": [
+                                "object/get",
+                                [
+                                  "array/first",
+                                  "@entity"
+                                ],
+                                "name"
+                              ]
+                            }
+                          ]
+                        },
+                        {
+                          "type": "button",
+                          "label": "Reset",
+                          "event": "RESET",
+                          "variant": "ghost",
+                          "icon": "rotate-ccw"
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "TextContentTextEffectsPage",
+          "path": "/textcontents/text-effects",
+          "traits": [
+            {
+              "ref": "TextContentTextEffects"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "description": "Text animation and highlighting atom. Absorbs: typewriter-text, text-highlight, law-reference-tooltip."
+}