@almadar/std 3.2.2 → 3.3.4

package/dist/exports/atoms/std-calendar.orb

@@ -0,0 +1,770 @@
+{
+  "name": "CalendarEventOrbital",
+  "orbitals": [
+    {
+      "name": "CalendarEventOrbital",
+      "entity": {
+        "name": "CalendarEvent",
+        "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": "date",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "time",
+            "type": "string",
+            "default": ""
+          },
+          {
+            "name": "duration",
+            "type": "number",
+            "default": 60
+          }
+        ],
+        "instances": [
+          {
+            "id": "evt-1",
+            "name": "Team Standup",
+            "description": "Daily sync",
+            "status": "active",
+            "createdAt": "2026-03-19",
+            "date": "2026-03-19",
+            "time": "09:00",
+            "duration": 30
+          },
+          {
+            "id": "evt-2",
+            "name": "Sprint Review",
+            "description": "End of sprint demo",
+            "status": "active",
+            "createdAt": "2026-03-19",
+            "date": "2026-03-21",
+            "time": "14:00",
+            "duration": 60
+          },
+          {
+            "id": "evt-3",
+            "name": "Design Workshop",
+            "description": "UI/UX review session",
+            "status": "pending",
+            "createdAt": "2026-03-19",
+            "date": "2026-03-22",
+            "time": "10:30",
+            "duration": 90
+          }
+        ]
+      },
+      "traits": [
+        {
+          "name": "CalendarEventCalendar",
+          "linkedEntity": "CalendarEvent",
+          "category": "interaction",
+          "stateMachine": {
+            "states": [
+              {
+                "name": "month-view",
+                "isInitial": true
+              },
+              {
+                "name": "day-view"
+              },
+              {
+                "name": "slot-selected"
+              }
+            ],
+            "events": [
+              {
+                "key": "INIT",
+                "name": "Initialize"
+              },
+              {
+                "key": "SELECT_DAY",
+                "name": "Select Day",
+                "payload": [
+                  {
+                    "name": "date",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "SELECT_SLOT",
+                "name": "Select Slot",
+                "payload": [
+                  {
+                    "name": "time",
+                    "type": "string",
+                    "required": true
+                  }
+                ]
+              },
+              {
+                "key": "BACK",
+                "name": "Back"
+              }
+            ],
+            "transitions": [
+              {
+                "from": "month-view",
+                "to": "month-view",
+                "event": "INIT",
+                "effects": [
+                  [
+                    "fetch",
+                    "CalendarEvent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "calendar",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "CalendarEvents Calendar",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "date-range-selector",
+                              "startDate": "2026-01-01",
+                              "endDate": "2026-12-31",
+                              "onSelect": "SELECT_DAY"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "calendar-grid",
+                          "month": 3,
+                          "year": 2026
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Upcoming Events"
+                        },
+                        {
+                          "type": "data-list",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events",
+                          "emptyDescription": "No events scheduled.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "calendar"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "date",
+                              "label": "Date",
+                              "variant": "caption",
+                              "format": "date"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "SELECT_DAY",
+                              "icon": "eye"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "month-view",
+                "to": "day-view",
+                "event": "SELECT_DAY",
+                "effects": [
+                  [
+                    "fetch",
+                    "CalendarEvent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Day View",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "button",
+                              "label": "Back to Month",
+                              "event": "BACK",
+                              "variant": "ghost",
+                              "icon": "arrow-left"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Events for Selected Day"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events today",
+                          "emptyDescription": "Select a time slot to add an event.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "clock"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT_SLOT",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "day-view",
+                "to": "slot-selected",
+                "event": "SELECT_SLOT",
+                "effects": [
+                  [
+                    "set",
+                    "@entity.time",
+                    "@payload.time"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Day View",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "button",
+                              "label": "Back to Month",
+                              "event": "BACK",
+                              "variant": "ghost",
+                              "icon": "arrow-left"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Events for Selected Day"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events today",
+                          "emptyDescription": "Select a time slot to add an event.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "clock"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT_SLOT",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "day-view",
+                "to": "month-view",
+                "event": "BACK",
+                "effects": [
+                  [
+                    "fetch",
+                    "CalendarEvent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "calendar",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "CalendarEvents Calendar",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "date-range-selector",
+                              "startDate": "2026-01-01",
+                              "endDate": "2026-12-31",
+                              "onSelect": "SELECT_DAY"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "calendar-grid",
+                          "month": 3,
+                          "year": 2026
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Upcoming Events"
+                        },
+                        {
+                          "type": "data-list",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events",
+                          "emptyDescription": "No events scheduled.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "calendar"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "date",
+                              "label": "Date",
+                              "variant": "caption",
+                              "format": "date"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "SELECT_DAY",
+                              "icon": "eye"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "slot-selected",
+                "to": "month-view",
+                "event": "BACK",
+                "effects": [
+                  [
+                    "fetch",
+                    "CalendarEvent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "calendar",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "CalendarEvents Calendar",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "date-range-selector",
+                              "startDate": "2026-01-01",
+                              "endDate": "2026-12-31",
+                              "onSelect": "SELECT_DAY"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "calendar-grid",
+                          "month": 3,
+                          "year": 2026
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Upcoming Events"
+                        },
+                        {
+                          "type": "data-list",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events",
+                          "emptyDescription": "No events scheduled.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "calendar"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "date",
+                              "label": "Date",
+                              "variant": "caption",
+                              "format": "date"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "View",
+                              "event": "SELECT_DAY",
+                              "icon": "eye"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              },
+              {
+                "from": "slot-selected",
+                "to": "day-view",
+                "event": "SELECT_DAY",
+                "effects": [
+                  [
+                    "fetch",
+                    "CalendarEvent"
+                  ],
+                  [
+                    "render-ui",
+                    "main",
+                    {
+                      "type": "stack",
+                      "direction": "vertical",
+                      "gap": "lg",
+                      "children": [
+                        {
+                          "type": "stack",
+                          "direction": "horizontal",
+                          "gap": "md",
+                          "justify": "space-between",
+                          "align": "center",
+                          "children": [
+                            {
+                              "type": "stack",
+                              "direction": "horizontal",
+                              "gap": "sm",
+                              "align": "center",
+                              "children": [
+                                {
+                                  "type": "icon",
+                                  "name": "clock",
+                                  "size": "lg"
+                                },
+                                {
+                                  "type": "typography",
+                                  "content": "Day View",
+                                  "variant": "h2"
+                                }
+                              ]
+                            },
+                            {
+                              "type": "button",
+                              "label": "Back to Month",
+                              "event": "BACK",
+                              "variant": "ghost",
+                              "icon": "arrow-left"
+                            }
+                          ]
+                        },
+                        {
+                          "type": "divider"
+                        },
+                        {
+                          "type": "typography",
+                          "variant": "h4",
+                          "content": "Events for Selected Day"
+                        },
+                        {
+                          "type": "data-grid",
+                          "entity": "CalendarEvent",
+                          "emptyIcon": "calendar",
+                          "emptyTitle": "No events today",
+                          "emptyDescription": "Select a time slot to add an event.",
+                          "columns": [
+                            {
+                              "name": "name",
+                              "label": "Event",
+                              "variant": "h4",
+                              "icon": "clock"
+                            },
+                            {
+                              "name": "time",
+                              "label": "Time",
+                              "variant": "badge"
+                            },
+                            {
+                              "name": "status",
+                              "label": "Status",
+                              "variant": "badge"
+                            }
+                          ],
+                          "itemActions": [
+                            {
+                              "label": "Select",
+                              "event": "SELECT_SLOT",
+                              "icon": "check"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  ]
+                ]
+              }
+            ]
+          }
+        }
+      ],
+      "pages": [
+        {
+          "name": "CalendarEventCalendarPage",
+          "path": "/calendarevents/calendar",
+          "traits": [
+            {
+              "ref": "CalendarEventCalendar"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "description": "Calendar browsing atom with month/day/slot views. Absorbs: calendar-grid, day-cell, time-slot-cell, date-range-selector."
+}