@knpkv/rly 0.13.0 → 0.15.0

package/registry/components.json

@@ -3540,6 +3540,95 @@
       "status": "stable",
       "variants": []
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "agent",
+        "write"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaycomposer--draft",
+        "storyPath": "?path=/story/patterns-relaycomposer--draft"
+      },
+      "example": "import { RelayComposer } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayComposer"
+        },
+        {
+          "kind": "type",
+          "name": "RelayComposerProps"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayContextRef"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayDraft"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayDraftStorage"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelaySubmission"
+        },
+        {
+          "kind": "value",
+          "name": "useRelayDraft"
+        },
+        {
+          "kind": "type",
+          "name": "UseRelayDraftOptions"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayComposer.tsx",
+        "story": "stories/patterns/RelayComposer.stories.tsx",
+        "styles": [
+          "src/patterns/RelayComposer.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayComposer.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayComposer",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayComposerProps"
+        ]
+      },
+      "purpose": "Write to Relay: an auto-growing message box with context refs, a run preset, send and stop, and drafts kept per object",
+      "slots": [],
+      "states": [
+        "busy",
+        "default",
+        "draft"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,
@@ -3651,6 +3740,290 @@
         }
       ]
     },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "A native button whose aria-expanded follows Relay being open",
+          "aria-keyshortcuts names the shortcut; the visible hint is hidden from assistive technology so it is heard once",
+          "32px tall, 44px for a coarse pointer, with the shared focus ring"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "agent",
+        "open"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaylauncher--header",
+        "storyPath": "?path=/story/patterns-relaylauncher--header"
+      },
+      "example": "import { RelayLauncher } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayLauncher"
+        },
+        {
+          "kind": "type",
+          "name": "RelayLauncherProps"
+        },
+        {
+          "kind": "value",
+          "name": "relayShortcut"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayShortcut"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelaySummon"
+        },
+        {
+          "kind": "value",
+          "name": "useRelayShortcut"
+        },
+        {
+          "kind": "value",
+          "name": "useRelaySummon"
+        },
+        {
+          "kind": "type",
+          "name": "UseRelaySummonOptions"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayLauncher.tsx",
+        "story": "stories/patterns/RelayLauncher.stories.tsx",
+        "styles": [
+          "src/patterns/RelayLauncher.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayLauncher.css.test.ts",
+          "test/patterns/RelayLauncher.summon.test.tsx",
+          "test/patterns/RelayLauncher.test.tsx",
+          "test/patterns/relaySummon.test.ts"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayLauncher",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayLauncherProps"
+        ]
+      },
+      "purpose": "Open and close Relay from the host's header, with its mark, a label and the Ctrl/⌘+J hint",
+      "slots": [],
+      "states": [
+        "closed",
+        "default",
+        "open"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Decorative unless given a label; a labelled mark is an image with that name",
+          "Drawn in currentColor, so it follows its host's text in every theme and in forced colours"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "brand",
+        "present"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaymark--sizes",
+        "storyPath": "?path=/story/patterns-relaymark--sizes"
+      },
+      "example": "import { RelayMark } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayMark"
+        },
+        {
+          "kind": "type",
+          "name": "RelayMarkProps"
+        },
+        {
+          "kind": "type",
+          "name": "RelayMarkTileProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_MARK_SIZES"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_MARK_TILE_SIZES"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayMarkSize"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayMarkTileSize"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayMark.tsx",
+        "story": "stories/patterns/RelayMark.stories.tsx",
+        "styles": [
+          "src/patterns/RelayMark.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayMark.favicon.test.ts",
+          "test/patterns/RelayMark.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayMark",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayMarkProps",
+          "RelayMarkTileProps"
+        ]
+      },
+      "purpose": "Show Relay's mark, the baton, bare in the current colour (16, 20 default, 24 or 32px) or on an agent-coloured tile (20, 24 default or 32px)",
+      "slots": [
+        "RelayMarkTile"
+      ],
+      "states": [
+        "bare",
+        "default",
+        "tile"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
+    {
+      "accessibility": {
+        "automatedChecks": true,
+        "requirements": [
+          "Provide a programmatic name for interactive or informative content",
+          "Preserve keyboard access, focus visibility, and color-independent meaning"
+        ],
+        "standard": "WCAG 2.2 AA"
+      },
+      "capabilities": [
+        "agent",
+        "overlay"
+      ],
+      "category": "pattern",
+      "compatibleTokens": [
+        "color",
+        "motion",
+        "radius",
+        "space",
+        "type"
+      ],
+      "docs": {
+        "autogenerated": true,
+        "storyId": "patterns-relaypanel--overlay",
+        "storyPath": "?path=/story/patterns-relaypanel--overlay"
+      },
+      "example": "import { RelayPanel } from \"@knpkv/rly/patterns\"",
+      "exports": [
+        {
+          "kind": "value",
+          "name": "RelayPanel"
+        },
+        {
+          "kind": "type",
+          "name": "RelayPanelProps"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_PANEL_PRESENTATIONS"
+        },
+        {
+          "kind": "value",
+          "name": "RLY_RELAY_PANEL_WIDTH"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayPanelPin"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayPanelPresentation"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayPanelTab"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayPresentation"
+        },
+        {
+          "kind": "type",
+          "name": "RlyRelayScope"
+        },
+        {
+          "kind": "value",
+          "name": "useRelayPresentation"
+        },
+        {
+          "kind": "type",
+          "name": "UseRelayPresentationOptions"
+        }
+      ],
+      "files": {
+        "source": "src/patterns/RelayPanel.tsx",
+        "story": "stories/patterns/RelayPanel.stories.tsx",
+        "styles": [
+          "src/patterns/RelayPanel.module.css"
+        ],
+        "tests": [
+          "test/patterns/RelayPanel.test.tsx"
+        ]
+      },
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayPanel",
+      "props": {
+        "defaults": {},
+        "types": [
+          "RelayPanelProps"
+        ]
+      },
+      "purpose": "Frame Relay as a non-modal overlay, a pinned column or a full-screen dialog, with its header, tabs, freshness line, body and footer",
+      "slots": [],
+      "states": [
+        "default",
+        "fullscreen",
+        "overlay",
+        "pinned"
+      ],
+      "status": "experimental",
+      "variants": []
+    },
     {
       "accessibility": {
         "automatedChecks": true,

package/registry/search.json

@@ -956,6 +956,28 @@
         "table"
       ]
     },
+    {
+      "capabilities": [
+        "agent",
+        "write"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayComposer",
+      "states": [
+        "busy",
+        "default",
+        "draft"
+      ],
+      "terms": [
+        "agent",
+        "busy",
+        "draft",
+        "pattern",
+        "relaycomposer",
+        "write"
+      ]
+    },
     {
       "capabilities": [
         "agent",
@@ -992,6 +1014,72 @@
         "unavailable"
       ]
     },
+    {
+      "capabilities": [
+        "agent",
+        "open"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayLauncher",
+      "states": [
+        "closed",
+        "default",
+        "open"
+      ],
+      "terms": [
+        "agent",
+        "closed",
+        "open",
+        "pattern",
+        "relaylauncher"
+      ]
+    },
+    {
+      "capabilities": [
+        "brand",
+        "present"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayMark",
+      "states": [
+        "bare",
+        "default",
+        "tile"
+      ],
+      "terms": [
+        "bare",
+        "brand",
+        "pattern",
+        "present",
+        "relaymark",
+        "tile"
+      ]
+    },
+    {
+      "capabilities": [
+        "agent",
+        "overlay"
+      ],
+      "category": "pattern",
+      "importPath": "@knpkv/rly/patterns",
+      "name": "RelayPanel",
+      "states": [
+        "default",
+        "fullscreen",
+        "overlay",
+        "pinned"
+      ],
+      "terms": [
+        "agent",
+        "fullscreen",
+        "overlay",
+        "pattern",
+        "pinned",
+        "relaypanel"
+      ]
+    },
     {
       "capabilities": [
         "inspect",