@fungi.computer/caps 0.0.0-stage → 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +1125 -2
- package/dist/blocks/app-bar.d.ts +43 -0
- package/dist/blocks/app-bar.js +244 -0
- package/dist/blocks/app-status-bar.d.ts +93 -0
- package/dist/blocks/app-status-bar.js +42 -0
- package/dist/blocks/async-state.d.ts +21 -0
- package/dist/blocks/async-state.js +8 -0
- package/dist/blocks/card-grid.d.ts +11 -0
- package/dist/blocks/card-grid.js +21 -0
- package/dist/blocks/command-menu.d.ts +26 -0
- package/dist/blocks/command-menu.js +70 -0
- package/dist/blocks/composer.d.ts +23 -0
- package/dist/blocks/composer.js +13 -0
- package/dist/blocks/empty-state.d.ts +59 -0
- package/dist/blocks/empty-state.js +35 -0
- package/dist/blocks/faq-chat.d.ts +62 -0
- package/dist/blocks/faq-chat.js +77 -0
- package/dist/blocks/game-share-card.d.ts +17 -0
- package/dist/blocks/game-share-card.js +9 -0
- package/dist/blocks/launcher-grid.d.ts +50 -0
- package/dist/blocks/launcher-grid.js +11 -0
- package/dist/blocks/listing-detail.d.ts +23 -0
- package/dist/blocks/listing-detail.js +12 -0
- package/dist/blocks/loading-state.d.ts +5 -0
- package/dist/blocks/loading-state.js +8 -0
- package/dist/blocks/mosaic.d.ts +29 -0
- package/dist/blocks/mosaic.js +19 -0
- package/dist/blocks/permission-grid.d.ts +45 -0
- package/dist/blocks/permission-grid.js +14 -0
- package/dist/blocks/pricing-card.d.ts +53 -0
- package/dist/blocks/pricing-card.js +12 -0
- package/dist/blocks/release-tag.d.ts +20 -0
- package/dist/blocks/release-tag.js +10 -0
- package/dist/blocks/resource-select.d.ts +22 -0
- package/dist/blocks/resource-select.js +16 -0
- package/dist/blocks/result-state.d.ts +15 -0
- package/dist/blocks/result-state.js +8 -0
- package/dist/blocks/section-card.d.ts +31 -0
- package/dist/blocks/section-card.js +7 -0
- package/dist/blocks/section-heading.d.ts +13 -0
- package/dist/blocks/section-heading.js +11 -0
- package/dist/blocks/spec-sheet.d.ts +125 -0
- package/dist/blocks/spec-sheet.js +47 -0
- package/dist/blocks/status-tray.d.ts +83 -0
- package/dist/blocks/status-tray.js +79 -0
- package/dist/blocks/upload-queue.d.ts +48 -0
- package/dist/blocks/upload-queue.js +24 -0
- package/dist/components/action-row.d.ts +16 -0
- package/dist/components/action-row.js +11 -0
- package/dist/components/activity-line.d.ts +33 -0
- package/dist/components/activity-line.js +69 -0
- package/dist/components/alert.d.ts +17 -0
- package/dist/components/alert.js +17 -0
- package/dist/components/badge.d.ts +19 -0
- package/dist/components/badge.js +24 -0
- package/dist/components/button.d.ts +55 -0
- package/dist/components/button.js +230 -0
- package/dist/components/card.d.ts +61 -0
- package/dist/components/card.js +48 -0
- package/dist/components/chat-bubble.d.ts +34 -0
- package/dist/components/chat-bubble.js +10 -0
- package/dist/components/checkbox-bead.d.ts +6 -0
- package/dist/components/checkbox-bead.js +67 -0
- package/dist/components/checkbox.d.ts +21 -0
- package/dist/components/checkbox.js +46 -0
- package/dist/components/code-input.d.ts +35 -0
- package/dist/components/code-input.js +126 -0
- package/dist/components/combobox.d.ts +86 -0
- package/dist/components/combobox.js +218 -0
- package/dist/components/confirm-action.d.ts +23 -0
- package/dist/components/confirm-action.js +64 -0
- package/dist/components/copy-field.d.ts +53 -0
- package/dist/components/copy-field.js +49 -0
- package/dist/components/count-badge.d.ts +15 -0
- package/dist/components/count-badge.js +9 -0
- package/dist/components/cover-pattern.d.ts +19 -0
- package/dist/components/cover-pattern.js +74 -0
- package/dist/components/data-list.d.ts +25 -0
- package/dist/components/data-list.js +16 -0
- package/dist/components/dialog.d.ts +39 -0
- package/dist/components/dialog.js +73 -0
- package/dist/components/diff-view.d.ts +14 -0
- package/dist/components/diff-view.js +13 -0
- package/dist/components/disclosure.d.ts +29 -0
- package/dist/components/disclosure.js +19 -0
- package/dist/components/dropdown-menu.d.ts +49 -0
- package/dist/components/dropdown-menu.js +98 -0
- package/dist/components/field-guide.d.ts +41 -0
- package/dist/components/field-guide.js +18 -0
- package/dist/components/field.d.ts +164 -0
- package/dist/components/field.js +228 -0
- package/dist/components/game-feedback.d.ts +84 -0
- package/dist/components/game-feedback.js +48 -0
- package/dist/components/game-hud.d.ts +126 -0
- package/dist/components/game-hud.js +136 -0
- package/dist/components/generation-frame.d.ts +36 -0
- package/dist/components/generation-frame.js +97 -0
- package/dist/components/gooey.d.ts +32 -0
- package/dist/components/gooey.js +25 -0
- package/dist/components/hold-button.d.ts +26 -0
- package/dist/components/hold-button.js +115 -0
- package/dist/components/icon-button.d.ts +24 -0
- package/dist/components/icon-button.js +18 -0
- package/dist/components/icon-checkbox.d.ts +20 -0
- package/dist/components/icon-checkbox.js +9 -0
- package/dist/components/icon-choice-mark.d.ts +6 -0
- package/dist/components/icon-choice-mark.js +5 -0
- package/dist/components/icon-lamp.d.ts +42 -0
- package/dist/components/icon-lamp.js +15 -0
- package/dist/components/icon-radio.d.ts +16 -0
- package/dist/components/icon-radio.js +9 -0
- package/dist/components/inline-code.d.ts +3 -0
- package/dist/components/inline-code.js +7 -0
- package/dist/components/input-group.d.ts +9 -0
- package/dist/components/input-group.js +15 -0
- package/dist/components/input.d.ts +15 -0
- package/dist/components/input.js +15 -0
- package/dist/components/item-grid.d.ts +110 -0
- package/dist/components/item-grid.js +136 -0
- package/dist/components/keycap.d.ts +80 -0
- package/dist/components/keycap.js +18 -0
- package/dist/components/label.d.ts +13 -0
- package/dist/components/label.js +7 -0
- package/dist/components/listbox.d.ts +50 -0
- package/dist/components/listbox.js +134 -0
- package/dist/components/loader-blobs.d.ts +5 -0
- package/dist/components/loader-blobs.js +128 -0
- package/dist/components/loader.d.ts +21 -0
- package/dist/components/loader.js +25 -0
- package/dist/components/markdown.d.ts +23 -0
- package/dist/components/markdown.js +70 -0
- package/dist/components/minimap-labels.d.ts +39 -0
- package/dist/components/minimap-labels.js +113 -0
- package/dist/components/monogram.d.ts +32 -0
- package/dist/components/monogram.js +24 -0
- package/dist/components/motion-visibility.d.ts +2 -0
- package/dist/components/motion-visibility.js +25 -0
- package/dist/components/navigation-rail.d.ts +11 -0
- package/dist/components/navigation-rail.js +55 -0
- package/dist/components/overlay-root.d.ts +16 -0
- package/dist/components/overlay-root.js +24 -0
- package/dist/components/pixel-number.d.ts +50 -0
- package/dist/components/pixel-number.js +113 -0
- package/dist/components/popover.d.ts +31 -0
- package/dist/components/popover.js +24 -0
- package/dist/components/presence.d.ts +59 -0
- package/dist/components/presence.js +232 -0
- package/dist/components/price-tag.d.ts +11 -0
- package/dist/components/price-tag.js +6 -0
- package/dist/components/progress.d.ts +25 -0
- package/dist/components/progress.js +24 -0
- package/dist/components/prose.d.ts +14 -0
- package/dist/components/prose.js +10 -0
- package/dist/components/quota-meter.d.ts +24 -0
- package/dist/components/quota-meter.js +11 -0
- package/dist/components/radio-bead.d.ts +4 -0
- package/dist/components/radio-bead.js +53 -0
- package/dist/components/radio-group.d.ts +54 -0
- package/dist/components/radio-group.js +64 -0
- package/dist/components/resize-handle.d.ts +23 -0
- package/dist/components/resize-handle.js +31 -0
- package/dist/components/rough-drawing.d.ts +42 -0
- package/dist/components/rough-drawing.js +231 -0
- package/dist/components/rough.d.ts +68 -0
- package/dist/components/rough.js +33 -0
- package/dist/components/scroll-area.d.ts +12 -0
- package/dist/components/scroll-area.js +96 -0
- package/dist/components/scroll-motion.d.ts +12 -0
- package/dist/components/scroll-motion.js +31 -0
- package/dist/components/scroll-to-bottom-blob-state.d.ts +40 -0
- package/dist/components/scroll-to-bottom-blob-state.js +109 -0
- package/dist/components/scroll-to-bottom-blob.d.ts +16 -0
- package/dist/components/scroll-to-bottom-blob.js +174 -0
- package/dist/components/select.d.ts +9 -0
- package/dist/components/select.js +12 -0
- package/dist/components/selectable.d.ts +13 -0
- package/dist/components/selectable.js +45 -0
- package/dist/components/send-action.d.ts +33 -0
- package/dist/components/send-action.js +96 -0
- package/dist/components/separator.d.ts +11 -0
- package/dist/components/separator.js +7 -0
- package/dist/components/skeleton.d.ts +5 -0
- package/dist/components/skeleton.js +7 -0
- package/dist/components/slider.d.ts +18 -0
- package/dist/components/slider.js +31 -0
- package/dist/components/stat.d.ts +17 -0
- package/dist/components/stat.js +7 -0
- package/dist/components/status-bead.d.ts +9 -0
- package/dist/components/status-bead.js +107 -0
- package/dist/components/status-mark.d.ts +12 -0
- package/dist/components/status-mark.js +177 -0
- package/dist/components/status.d.ts +38 -0
- package/dist/components/status.js +28 -0
- package/dist/components/store-card.d.ts +21 -0
- package/dist/components/store-card.js +10 -0
- package/dist/components/surface.d.ts +89 -0
- package/dist/components/surface.js +31 -0
- package/dist/components/switch-bead.d.ts +4 -0
- package/dist/components/switch-bead.js +62 -0
- package/dist/components/switch.d.ts +11 -0
- package/dist/components/switch.js +36 -0
- package/dist/components/tabs.d.ts +55 -0
- package/dist/components/tabs.js +81 -0
- package/dist/components/technonomicon.d.ts +192 -0
- package/dist/components/technonomicon.js +121 -0
- package/dist/components/textarea.d.ts +9 -0
- package/dist/components/textarea.js +11 -0
- package/dist/components/toaster.d.ts +4 -0
- package/dist/components/toaster.js +13 -0
- package/dist/components/tool-call-chip.d.ts +22 -0
- package/dist/components/tool-call-chip.js +100 -0
- package/dist/components/tooltip.d.ts +41 -0
- package/dist/components/tooltip.js +169 -0
- package/dist/components/trading-card.d.ts +60 -0
- package/dist/components/trading-card.js +13 -0
- package/dist/components/undo-action.d.ts +52 -0
- package/dist/components/undo-action.js +100 -0
- package/dist/components/undo-toast.d.ts +21 -0
- package/dist/components/undo-toast.js +58 -0
- package/dist/components/visually-hidden.d.ts +9 -0
- package/dist/components/visually-hidden.js +11 -0
- package/dist/components/window.d.ts +65 -0
- package/dist/components/window.js +31 -0
- package/dist/components/wizard.d.ts +17 -0
- package/dist/components/wizard.js +19 -0
- package/dist/enhance/cigarette-card.d.ts +8 -0
- package/dist/enhance/cigarette-card.js +33 -0
- package/dist/enhance/sketch.d.ts +16 -0
- package/dist/enhance/sketch.js +130 -0
- package/dist/form-error.d.ts +7 -0
- package/dist/form-error.js +14 -0
- package/dist/form-fields.d.ts +15 -0
- package/dist/form-fields.js +250 -0
- package/dist/form-schema.d.ts +166 -0
- package/dist/form-schema.js +398 -0
- package/dist/form.d.ts +30 -0
- package/dist/form.js +20 -0
- package/dist/lib/cn.d.ts +8 -0
- package/dist/lib/cn.js +12 -0
- package/dist/lib/format-money.d.ts +2 -0
- package/dist/lib/format-money.js +22 -0
- package/dist/lib/glide.d.ts +12 -0
- package/dist/lib/glide.js +143 -0
- package/dist/lib/ime.d.ts +3 -0
- package/dist/lib/ime.js +8 -0
- package/dist/lib/motion-spring.d.ts +27 -0
- package/dist/lib/motion-spring.js +36 -0
- package/dist/lib/motion.d.ts +51 -0
- package/dist/lib/motion.js +161 -0
- package/dist/lib/reorder-motion.d.ts +13 -0
- package/dist/lib/reorder-motion.js +201 -0
- package/dist/lib/seed-hash.d.ts +6 -0
- package/dist/lib/seed-hash.js +13 -0
- package/dist/lib/tanstack-highlight.d.ts +4 -0
- package/dist/lib/tanstack-highlight.js +41 -0
- package/dist/schema-form.d.ts +120 -0
- package/dist/schema-form.js +129 -0
- package/dist/styles.css +18814 -0
- package/docs/api/README.md +134 -0
- package/docs/api/blocks/app-bar.md +227 -0
- package/docs/api/blocks/app-status-bar.md +257 -0
- package/docs/api/blocks/async-state.md +53 -0
- package/docs/api/blocks/card-grid.md +31 -0
- package/docs/api/blocks/command-menu.md +89 -0
- package/docs/api/blocks/composer.md +40 -0
- package/docs/api/blocks/empty-state.md +97 -0
- package/docs/api/blocks/faq-chat.md +147 -0
- package/docs/api/blocks/game-share-card.md +40 -0
- package/docs/api/blocks/launcher-grid.md +86 -0
- package/docs/api/blocks/listing-detail.md +51 -0
- package/docs/api/blocks/loading-state.md +21 -0
- package/docs/api/blocks/mosaic.md +94 -0
- package/docs/api/blocks/permission-grid.md +79 -0
- package/docs/api/blocks/pricing-card.md +90 -0
- package/docs/api/blocks/release-tag.md +62 -0
- package/docs/api/blocks/resource-select.md +126 -0
- package/docs/api/blocks/result-state.md +42 -0
- package/docs/api/blocks/section-card.md +42 -0
- package/docs/api/blocks/section-heading.md +61 -0
- package/docs/api/blocks/spec-sheet.md +400 -0
- package/docs/api/blocks/status-tray.md +141 -0
- package/docs/api/blocks/upload-queue.md +110 -0
- package/docs/api/components/action-row.md +51 -0
- package/docs/api/components/activity-line.md +103 -0
- package/docs/api/components/alert.md +60 -0
- package/docs/api/components/badge.md +77 -0
- package/docs/api/components/button.md +94 -0
- package/docs/api/components/card.md +165 -0
- package/docs/api/components/chat-bubble.md +66 -0
- package/docs/api/components/checkbox-bead.md +20 -0
- package/docs/api/components/checkbox.md +42 -0
- package/docs/api/components/code-input.md +61 -0
- package/docs/api/components/combobox.md +303 -0
- package/docs/api/components/confirm-action.md +58 -0
- package/docs/api/components/copy-field.md +106 -0
- package/docs/api/components/count-badge.md +39 -0
- package/docs/api/components/cover-pattern.md +43 -0
- package/docs/api/components/data-list.md +80 -0
- package/docs/api/components/dialog.md +235 -0
- package/docs/api/components/diff-view.md +59 -0
- package/docs/api/components/disclosure.md +71 -0
- package/docs/api/components/dropdown-menu.md +269 -0
- package/docs/api/components/field-guide.md +174 -0
- package/docs/api/components/field.md +252 -0
- package/docs/api/components/game-feedback.md +157 -0
- package/docs/api/components/game-hud.md +359 -0
- package/docs/api/components/generation-frame.md +59 -0
- package/docs/api/components/hold-button.md +44 -0
- package/docs/api/components/icon-button.md +56 -0
- package/docs/api/components/icon-checkbox.md +42 -0
- package/docs/api/components/icon-choice-mark.md +31 -0
- package/docs/api/components/icon-lamp.md +92 -0
- package/docs/api/components/icon-radio.md +42 -0
- package/docs/api/components/inline-code.md +21 -0
- package/docs/api/components/input-group.md +53 -0
- package/docs/api/components/input.md +54 -0
- package/docs/api/components/item-grid.md +262 -0
- package/docs/api/components/keycap.md +102 -0
- package/docs/api/components/label.md +40 -0
- package/docs/api/components/listbox.md +131 -0
- package/docs/api/components/loader-blobs.md +9 -0
- package/docs/api/components/loader.md +51 -0
- package/docs/api/components/markdown.md +91 -0
- package/docs/api/components/minimap-labels.md +84 -0
- package/docs/api/components/monogram.md +96 -0
- package/docs/api/components/motion-visibility.md +9 -0
- package/docs/api/components/navigation-rail.md +37 -0
- package/docs/api/components/overlay-root.md +92 -0
- package/docs/api/components/pixel-number.md +120 -0
- package/docs/api/components/popover.md +80 -0
- package/docs/api/components/presence.md +106 -0
- package/docs/api/components/price-tag.md +48 -0
- package/docs/api/components/progress.md +90 -0
- package/docs/api/components/prose.md +48 -0
- package/docs/api/components/quota-meter.md +47 -0
- package/docs/api/components/radio-bead.md +9 -0
- package/docs/api/components/radio-group.md +126 -0
- package/docs/api/components/resize-handle.md +46 -0
- package/docs/api/components/rough-drawing.md +122 -0
- package/docs/api/components/rough.md +66 -0
- package/docs/api/components/scroll-area.md +22 -0
- package/docs/api/components/scroll-motion.md +9 -0
- package/docs/api/components/scroll-to-bottom-blob-state.md +162 -0
- package/docs/api/components/scroll-to-bottom-blob.md +73 -0
- package/docs/api/components/select.md +39 -0
- package/docs/api/components/send-action.md +58 -0
- package/docs/api/components/separator.md +38 -0
- package/docs/api/components/skeleton.md +31 -0
- package/docs/api/components/slider.md +70 -0
- package/docs/api/components/stat.md +42 -0
- package/docs/api/components/status-bead.md +19 -0
- package/docs/api/components/status-mark.md +19 -0
- package/docs/api/components/status.md +105 -0
- package/docs/api/components/store-card.md +53 -0
- package/docs/api/components/surface.md +161 -0
- package/docs/api/components/switch-bead.md +9 -0
- package/docs/api/components/switch.md +40 -0
- package/docs/api/components/tabs.md +138 -0
- package/docs/api/components/technonomicon.md +773 -0
- package/docs/api/components/textarea.md +40 -0
- package/docs/api/components/toaster.md +29 -0
- package/docs/api/components/tool-call-chip.md +68 -0
- package/docs/api/components/tooltip.md +113 -0
- package/docs/api/components/trading-card.md +95 -0
- package/docs/api/components/undo-action.md +117 -0
- package/docs/api/components/undo-toast.md +49 -0
- package/docs/api/components/visually-hidden.md +37 -0
- package/docs/api/components/window.md +291 -0
- package/docs/api/components/wizard.md +65 -0
- package/docs/api/enhance/cigarette-card.md +52 -0
- package/docs/api/enhance/sketch.md +42 -0
- package/docs/api/form.md +1623 -0
- package/docs/api/lib/cn.md +46 -0
- package/docs/api/lib/format-money.md +30 -0
- package/docs/api/lib/glide.md +36 -0
- package/docs/api/lib/ime.md +29 -0
- package/docs/api/lib/motion-spring.md +91 -0
- package/docs/api/lib/motion.md +212 -0
- package/docs/api/lib/reorder-motion.md +46 -0
- package/docs/api/lib/seed-hash.md +31 -0
- package/docs/api/lib/tanstack-highlight.md +40 -0
- package/package.json +597 -3
- package/src/app-status-bar.css +158 -0
- package/src/fonts.css +1 -0
- package/src/status-tray.css +282 -0
- package/src/styles.css +10177 -0
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/loader
|
|
8
|
+
|
|
9
|
+
# components/loader
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### LoaderVariant
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type LoaderVariant = "line" | "wander" | "square" | "donut" | "bloom";
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Fluid motion formations, sharing one material.
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
### LoaderProps
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
type LoaderProps = object & HTMLAttributes<HTMLSpanElement>;
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Props accepted by Loader.
|
|
30
|
+
|
|
31
|
+
#### Type Declaration
|
|
32
|
+
|
|
33
|
+
| Name | Type | Description |
|
|
34
|
+
| ------------- | ------------------------------------------------------- | ------------------------------------------------------------------------ |
|
|
35
|
+
| `decorative?` | `boolean` | - |
|
|
36
|
+
| `label?` | `ReactNode` | - |
|
|
37
|
+
| `size?` | `"sm"` \| `"md"` \| `"lg"` \| `"fill"` | `fill` grows the formation to its container, as a full-tile placeholder. |
|
|
38
|
+
| `variant?` | [`LoaderVariant`](#loadervariant) | - |
|
|
39
|
+
| `tone?` | `"neutral"` \| `"accent"` \| `"primary"` \| `"success"` | - |
|
|
40
|
+
|
|
41
|
+
## Variables
|
|
42
|
+
|
|
43
|
+
### Loader
|
|
44
|
+
|
|
45
|
+
```ts
|
|
46
|
+
const Loader: ForwardRefExoticComponent<
|
|
47
|
+
object & HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>
|
|
48
|
+
>;
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Connecting gooey beads, with a static silhouette for reduced motion.
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/markdown
|
|
8
|
+
|
|
9
|
+
# components/markdown
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### MarkdownProps
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type MarkdownProps = object;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Props accepted by Markdown.
|
|
20
|
+
|
|
21
|
+
#### Properties
|
|
22
|
+
|
|
23
|
+
##### children
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
children: string;
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
The Markdown source, including an unfinished streaming response.
|
|
30
|
+
|
|
31
|
+
##### className?
|
|
32
|
+
|
|
33
|
+
```ts
|
|
34
|
+
optional className?: string;
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
Extra classes merged onto the rendered container.
|
|
38
|
+
|
|
39
|
+
##### components?
|
|
40
|
+
|
|
41
|
+
```ts
|
|
42
|
+
optional components?: MarkdownComponents;
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
Element treatments; links use the shared policy, images are filtered first.
|
|
46
|
+
|
|
47
|
+
##### frontmatter?
|
|
48
|
+
|
|
49
|
+
```ts
|
|
50
|
+
optional frontmatter?: boolean;
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
Strip a leading YAML frontmatter block before rendering. Defaults to true.
|
|
54
|
+
|
|
55
|
+
##### policy?
|
|
56
|
+
|
|
57
|
+
```ts
|
|
58
|
+
optional policy?: "default" | "visitor";
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
Visitor content allows only absolute HTTP(S) links and never loads images.
|
|
62
|
+
|
|
63
|
+
##### typography?
|
|
64
|
+
|
|
65
|
+
```ts
|
|
66
|
+
optional typography?: "prose" | "inherit";
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
Use Caps Prose, or inherit typography from the containing surface.
|
|
70
|
+
|
|
71
|
+
## Functions
|
|
72
|
+
|
|
73
|
+
### Markdown()
|
|
74
|
+
|
|
75
|
+
```ts
|
|
76
|
+
function Markdown(__namedParameters): ReactNode;
|
|
77
|
+
```
|
|
78
|
+
|
|
79
|
+
Shared Markdown renderer with safe links, images and highlighted code. Documents
|
|
80
|
+
use Caps Prose; containing surfaces can supply their own typography and element
|
|
81
|
+
treatments. Replacing the source renders streaming partial Markdown.
|
|
82
|
+
|
|
83
|
+
#### Parameters
|
|
84
|
+
|
|
85
|
+
| Parameter | Type |
|
|
86
|
+
| ------------------- | --------------------------------- |
|
|
87
|
+
| `__namedParameters` | [`MarkdownProps`](#markdownprops) |
|
|
88
|
+
|
|
89
|
+
#### Returns
|
|
90
|
+
|
|
91
|
+
`ReactNode`
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/minimap-labels
|
|
8
|
+
|
|
9
|
+
# components/minimap-labels
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### MinimapLabelSide
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type MinimapLabelSide =
|
|
17
|
+
| "below"
|
|
18
|
+
| "above"
|
|
19
|
+
| "right"
|
|
20
|
+
| "left"
|
|
21
|
+
| "below-right"
|
|
22
|
+
| "below-left"
|
|
23
|
+
| "above-right"
|
|
24
|
+
| "above-left"
|
|
25
|
+
| "hidden";
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
Where a mark's name sits, or `hidden`.
|
|
29
|
+
|
|
30
|
+
---
|
|
31
|
+
|
|
32
|
+
### MinimapLabelInput
|
|
33
|
+
|
|
34
|
+
```ts
|
|
35
|
+
type MinimapLabelInput = Readonly<{
|
|
36
|
+
x: number;
|
|
37
|
+
y: number;
|
|
38
|
+
named: boolean;
|
|
39
|
+
solid: boolean;
|
|
40
|
+
goal: boolean;
|
|
41
|
+
label: string;
|
|
42
|
+
}>;
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
A caller-provided minimap label and its anchor.
|
|
46
|
+
|
|
47
|
+
---
|
|
48
|
+
|
|
49
|
+
### MinimapLabelMetrics
|
|
50
|
+
|
|
51
|
+
```ts
|
|
52
|
+
type MinimapLabelMetrics = Readonly<{
|
|
53
|
+
width: number;
|
|
54
|
+
height: number;
|
|
55
|
+
charWidth: number;
|
|
56
|
+
lineHeight: number;
|
|
57
|
+
padding: number;
|
|
58
|
+
dot: number;
|
|
59
|
+
gap: number;
|
|
60
|
+
}>;
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Measured label dimensions used to place minimap labels.
|
|
64
|
+
|
|
65
|
+
## Functions
|
|
66
|
+
|
|
67
|
+
### layoutMinimapLabels()
|
|
68
|
+
|
|
69
|
+
```ts
|
|
70
|
+
function layoutMinimapLabels(marks, metrics): MinimapLabelSide[];
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
The side each mark's label takes, index for index with `marks`.
|
|
74
|
+
|
|
75
|
+
#### Parameters
|
|
76
|
+
|
|
77
|
+
| Parameter | Type |
|
|
78
|
+
| --------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
|
|
79
|
+
| `marks` | readonly `Readonly`\<\{ `x`: `number`; `y`: `number`; `named`: `boolean`; `solid`: `boolean`; `goal`: `boolean`; `label`: `string`; \}\>[] |
|
|
80
|
+
| `metrics` | [`MinimapLabelMetrics`](#minimaplabelmetrics) |
|
|
81
|
+
|
|
82
|
+
#### Returns
|
|
83
|
+
|
|
84
|
+
[`MinimapLabelSide`](#minimaplabelside)[]
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/monogram
|
|
8
|
+
|
|
9
|
+
# components/monogram
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### MonogramTone
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type MonogramTone =
|
|
17
|
+
"primary" | "secondary" | "accent" | "info" | "success" | "warning";
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
Theme tones a Monogram may take; the current Stipe theme supplies each color.
|
|
21
|
+
|
|
22
|
+
---
|
|
23
|
+
|
|
24
|
+
### MonogramSize
|
|
25
|
+
|
|
26
|
+
```ts
|
|
27
|
+
type MonogramSize = "default" | "lg" | "xl";
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Monogram scales: `default` sits inline with text; larger sizes stand alone as an
|
|
31
|
+
identity mark.
|
|
32
|
+
|
|
33
|
+
---
|
|
34
|
+
|
|
35
|
+
### MonogramSubject
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
type MonogramSubject = "actor" | "app";
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Who the Monogram marks: people and Agents get a disc, Apps a rounded tile.
|
|
42
|
+
|
|
43
|
+
---
|
|
44
|
+
|
|
45
|
+
### MonogramProps
|
|
46
|
+
|
|
47
|
+
```ts
|
|
48
|
+
type MonogramProps = object & Omit<HTMLAttributes<HTMLSpanElement>, "children">;
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Props accepted by Monogram.
|
|
52
|
+
|
|
53
|
+
#### Type Declaration
|
|
54
|
+
|
|
55
|
+
| Name | Type | Description |
|
|
56
|
+
| ---------- | ------------------------------------- | ---------------------------------------------------------- |
|
|
57
|
+
| `name` | `string` | The name whose first letter is shown. |
|
|
58
|
+
| `seed?` | `string` | Stable identity that picks the tone; defaults to the name. |
|
|
59
|
+
| `size?` | [`MonogramSize`](#monogramsize) | - |
|
|
60
|
+
| `subject?` | [`MonogramSubject`](#monogramsubject) | - |
|
|
61
|
+
| `variant?` | `"initial"` \| `"specimen"` | - |
|
|
62
|
+
|
|
63
|
+
## Variables
|
|
64
|
+
|
|
65
|
+
### Monogram
|
|
66
|
+
|
|
67
|
+
```ts
|
|
68
|
+
const Monogram: ForwardRefExoticComponent<
|
|
69
|
+
object &
|
|
70
|
+
Omit<HTMLAttributes<HTMLSpanElement>, "children"> &
|
|
71
|
+
RefAttributes<HTMLSpanElement>
|
|
72
|
+
>;
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
A small decorative identity mark: the name's first letter on a quiet tinted
|
|
76
|
+
disc. The enclosing control owns the accessible name.
|
|
77
|
+
|
|
78
|
+
## Functions
|
|
79
|
+
|
|
80
|
+
### monogramTone()
|
|
81
|
+
|
|
82
|
+
```ts
|
|
83
|
+
function monogramTone(seed): MonogramTone;
|
|
84
|
+
```
|
|
85
|
+
|
|
86
|
+
A stable tone for an identity: the same seed always gets the same tone.
|
|
87
|
+
|
|
88
|
+
#### Parameters
|
|
89
|
+
|
|
90
|
+
| Parameter | Type |
|
|
91
|
+
| --------- | -------- |
|
|
92
|
+
| `seed` | `string` |
|
|
93
|
+
|
|
94
|
+
#### Returns
|
|
95
|
+
|
|
96
|
+
[`MonogramTone`](#monogramtone)
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/navigation-rail
|
|
8
|
+
|
|
9
|
+
# components/navigation-rail
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### NavigationRailProps
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type NavigationRailProps = HTMLAttributes<HTMLElement> & object;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Props accepted by NavigationRail.
|
|
20
|
+
|
|
21
|
+
#### Type Declaration
|
|
22
|
+
|
|
23
|
+
| Name | Type | Description |
|
|
24
|
+
| ------------ | --------- | ------------------------------------------------------------------------- |
|
|
25
|
+
| `fitAtWide?` | `boolean` | Let a long rail fit across wide layouts while retaining mobile scrolling. |
|
|
26
|
+
|
|
27
|
+
## Variables
|
|
28
|
+
|
|
29
|
+
### NavigationRail
|
|
30
|
+
|
|
31
|
+
```ts
|
|
32
|
+
const NavigationRail: ForwardRefExoticComponent<
|
|
33
|
+
HTMLAttributes<HTMLElement> & object & RefAttributes<HTMLElement>
|
|
34
|
+
>;
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
A horizontal navigation list that signals when links continue off-screen.
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/overlay-root
|
|
8
|
+
|
|
9
|
+
# components/overlay-root
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### OverlayLayer
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type OverlayLayer = "popover" | "dialog" | "toast" | "tooltip";
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Semantic destinations; the host owns their paint order and positioning.
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
### OverlayContainers
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
type OverlayContainers = Readonly<Record<OverlayLayer, HTMLElement | null>>;
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
Host portal roots; null keeps an overlay waiting until its layer mounts.
|
|
30
|
+
|
|
31
|
+
## Functions
|
|
32
|
+
|
|
33
|
+
### OverlayRoot()
|
|
34
|
+
|
|
35
|
+
```ts
|
|
36
|
+
function OverlayRoot(__namedParameters): Element;
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
Supply shell portal roots without teaching Caps about the shell's layout.
|
|
40
|
+
|
|
41
|
+
#### Parameters
|
|
42
|
+
|
|
43
|
+
| Parameter | Type | Description |
|
|
44
|
+
| ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ |
|
|
45
|
+
| `__namedParameters` | \{ `containers`: [`OverlayContainers`](#overlaycontainers); `children?`: `ReactNode`; `subscribeDismiss?`: (`listener`) => () => `void`; \} | - |
|
|
46
|
+
| `__namedParameters.containers` | [`OverlayContainers`](#overlaycontainers) | - |
|
|
47
|
+
| `__namedParameters.children?` | `ReactNode` | - |
|
|
48
|
+
| `__namedParameters.subscribeDismiss?` | (`listener`) => () => `void` | Subscribe to the host losing focus to a child surface or another window. |
|
|
49
|
+
|
|
50
|
+
#### Returns
|
|
51
|
+
|
|
52
|
+
`Element`
|
|
53
|
+
|
|
54
|
+
---
|
|
55
|
+
|
|
56
|
+
### useOverlayRoot()
|
|
57
|
+
|
|
58
|
+
```ts
|
|
59
|
+
function useOverlayRoot(layer): HTMLElement | null;
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
Wait for a provided root; standalone overlays use the current document body.
|
|
63
|
+
|
|
64
|
+
#### Parameters
|
|
65
|
+
|
|
66
|
+
| Parameter | Type |
|
|
67
|
+
| --------- | ------------------------------- |
|
|
68
|
+
| `layer` | [`OverlayLayer`](#overlaylayer) |
|
|
69
|
+
|
|
70
|
+
#### Returns
|
|
71
|
+
|
|
72
|
+
`HTMLElement` \| `null`
|
|
73
|
+
|
|
74
|
+
---
|
|
75
|
+
|
|
76
|
+
### useOverlayDismiss()
|
|
77
|
+
|
|
78
|
+
```ts
|
|
79
|
+
function useOverlayDismiss(dismiss): void;
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
Retire a transient overlay when its owning host requests light dismissal.
|
|
83
|
+
|
|
84
|
+
#### Parameters
|
|
85
|
+
|
|
86
|
+
| Parameter | Type |
|
|
87
|
+
| --------- | ------------ |
|
|
88
|
+
| `dismiss` | () => `void` |
|
|
89
|
+
|
|
90
|
+
#### Returns
|
|
91
|
+
|
|
92
|
+
`void`
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/pixel-number
|
|
8
|
+
|
|
9
|
+
# components/pixel-number
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### PixelNumberSize
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type PixelNumberSize = "sm" | "md" | "lg" | "xl";
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Supported PixelNumber sizes: one font pixel is 2, 3, 4 or 6 CSS pixels.
|
|
20
|
+
|
|
21
|
+
---
|
|
22
|
+
|
|
23
|
+
### PixelNumberTone
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
type PixelNumberTone =
|
|
27
|
+
"current" | "primary" | "accent" | "success" | "warning" | "error";
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Semantic tones supplied by the current theme.
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
### PixelNumberProps
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
type PixelNumberProps = Omit<HTMLAttributes<HTMLSpanElement>, "children"> &
|
|
38
|
+
object;
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
Props accepted by PixelNumber. Pass a `value`, or readout `text`.
|
|
42
|
+
|
|
43
|
+
#### Type Declaration
|
|
44
|
+
|
|
45
|
+
| Name | Type | Description |
|
|
46
|
+
| ---------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
|
|
47
|
+
| `value?` | `number` | A number to draw. |
|
|
48
|
+
| `text?` | `string` | Readout text instead of a number: digits and `: . + - / × %` and spaces. |
|
|
49
|
+
| `pad?` | `number` | Left-pad the whole part of `value` with zeros to this many digits. |
|
|
50
|
+
| `signed?` | `boolean` | Prefix a positive `value` with `+`, for gains and floating numbers. |
|
|
51
|
+
| `size?` | [`PixelNumberSize`](#pixelnumbersize) | - |
|
|
52
|
+
| `tone?` | [`PixelNumberTone`](#pixelnumbertone) | - |
|
|
53
|
+
| `outline?` | `boolean` | Ring every lit pixel with the ink line, like a sprite outline, so the number reads over any world: damage, pickups and floating gains. |
|
|
54
|
+
|
|
55
|
+
## Variables
|
|
56
|
+
|
|
57
|
+
### PIXEL\_NUMBER\_CHARACTERS
|
|
58
|
+
|
|
59
|
+
```ts
|
|
60
|
+
const PIXEL_NUMBER_CHARACTERS: readonly string[];
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
Characters the pixel face can draw.
|
|
64
|
+
|
|
65
|
+
---
|
|
66
|
+
|
|
67
|
+
### PixelNumber
|
|
68
|
+
|
|
69
|
+
```ts
|
|
70
|
+
const PixelNumber: ForwardRefExoticComponent<
|
|
71
|
+
Omit<HTMLAttributes<HTMLSpanElement>, "children"> &
|
|
72
|
+
object &
|
|
73
|
+
RefAttributes<HTMLSpanElement>
|
|
74
|
+
>;
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
Crisp pixel numerals drawn as SVG, so they stay sharp at every size and never
|
|
78
|
+
depend on a font file. The readable text is kept for assistive tech.
|
|
79
|
+
|
|
80
|
+
## Functions
|
|
81
|
+
|
|
82
|
+
### formatPixelNumber()
|
|
83
|
+
|
|
84
|
+
```ts
|
|
85
|
+
function formatPixelNumber(value, pad?, signed?): string;
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
Format a number the way PixelNumber draws it.
|
|
89
|
+
|
|
90
|
+
#### Parameters
|
|
91
|
+
|
|
92
|
+
| Parameter | Type | Default value |
|
|
93
|
+
| --------- | --------- | ------------- |
|
|
94
|
+
| `value` | `number` | `undefined` |
|
|
95
|
+
| `pad` | `number` | `0` |
|
|
96
|
+
| `signed` | `boolean` | `false` |
|
|
97
|
+
|
|
98
|
+
#### Returns
|
|
99
|
+
|
|
100
|
+
`string`
|
|
101
|
+
|
|
102
|
+
---
|
|
103
|
+
|
|
104
|
+
### checkPixelText()
|
|
105
|
+
|
|
106
|
+
```ts
|
|
107
|
+
function checkPixelText(text): string;
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
Reject characters the pixel face cannot draw, naming the ones it can.
|
|
111
|
+
|
|
112
|
+
#### Parameters
|
|
113
|
+
|
|
114
|
+
| Parameter | Type |
|
|
115
|
+
| --------- | -------- |
|
|
116
|
+
| `text` | `string` |
|
|
117
|
+
|
|
118
|
+
#### Returns
|
|
119
|
+
|
|
120
|
+
`string`
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
<!-- Generated by Botanical API docs (TypeDoc + typedoc-plugin-markdown). Do not edit. -->
|
|
2
|
+
|
|
3
|
+
[**@fungi.computer/caps**](../README.md)
|
|
4
|
+
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
[@fungi.computer/caps](../README.md) / components/popover
|
|
8
|
+
|
|
9
|
+
# components/popover
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### PopoverProps
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type PopoverProps = HTMLAttributes<HTMLDivElement> & object;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Props accepted by Popover.
|
|
20
|
+
|
|
21
|
+
#### Type Declaration
|
|
22
|
+
|
|
23
|
+
| Name | Type | Description |
|
|
24
|
+
| ------- | --------------------- | --------------------------------------- |
|
|
25
|
+
| `open` | `boolean` | Whether the popover is shown. |
|
|
26
|
+
| `side?` | `"top"` \| `"bottom"` | Which edge of the anchor it opens from. |
|
|
27
|
+
|
|
28
|
+
---
|
|
29
|
+
|
|
30
|
+
### PopoverOptionProps
|
|
31
|
+
|
|
32
|
+
```ts
|
|
33
|
+
type PopoverOptionProps = HTMLAttributes<HTMLDivElement> & object;
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
Props accepted by PopoverOption.
|
|
37
|
+
|
|
38
|
+
#### Type Declaration
|
|
39
|
+
|
|
40
|
+
| Name | Type | Description |
|
|
41
|
+
| -------- | --------- | ------------------------------------------------------------- |
|
|
42
|
+
| `active` | `boolean` | Whether keyboard navigation currently highlights this option. |
|
|
43
|
+
|
|
44
|
+
## Variables
|
|
45
|
+
|
|
46
|
+
### PopoverAnchor
|
|
47
|
+
|
|
48
|
+
```ts
|
|
49
|
+
const PopoverAnchor: ForwardRefExoticComponent<
|
|
50
|
+
HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>
|
|
51
|
+
>;
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
The positioned box a Popover attaches to.
|
|
55
|
+
|
|
56
|
+
---
|
|
57
|
+
|
|
58
|
+
### Popover
|
|
59
|
+
|
|
60
|
+
```ts
|
|
61
|
+
const Popover: ForwardRefExoticComponent<
|
|
62
|
+
HTMLAttributes<HTMLDivElement> & object & RefAttributes<HTMLDivElement>
|
|
63
|
+
>;
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
A non-modal raised panel attached to its PopoverAnchor. It never takes focus, so
|
|
67
|
+
the anchored control (for example a composer) keeps typing while the popover
|
|
68
|
+
lists suggestions.
|
|
69
|
+
|
|
70
|
+
---
|
|
71
|
+
|
|
72
|
+
### PopoverOption
|
|
73
|
+
|
|
74
|
+
```ts
|
|
75
|
+
const PopoverOption: ForwardRefExoticComponent<
|
|
76
|
+
HTMLAttributes<HTMLDivElement> & object & RefAttributes<HTMLDivElement>
|
|
77
|
+
>;
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
One option row inside a Popover list; pointer presses keep focus where it is.
|