@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,291 @@
|
|
|
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/window
|
|
8
|
+
|
|
9
|
+
# components/window
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### WindowFrameProps
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type WindowFrameProps = HTMLAttributes<HTMLElement> & object;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Window presentation only. The host owns geometry, focus order and lifecycle.
|
|
20
|
+
|
|
21
|
+
#### Type Declaration
|
|
22
|
+
|
|
23
|
+
| Name | Type | Description |
|
|
24
|
+
| ------------- | --------- | --------------------------------------------------------------------- |
|
|
25
|
+
| `active?` | `boolean` | - |
|
|
26
|
+
| `floating?` | `boolean` | - |
|
|
27
|
+
| `fitContent?` | `boolean` | Shrink a floating panel to its contents, up to the host's max-height. |
|
|
28
|
+
|
|
29
|
+
---
|
|
30
|
+
|
|
31
|
+
### WindowBackAction
|
|
32
|
+
|
|
33
|
+
```ts
|
|
34
|
+
type WindowBackAction = object;
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
A host-owned request to go back inside the window's content.
|
|
38
|
+
|
|
39
|
+
#### Properties
|
|
40
|
+
|
|
41
|
+
##### label
|
|
42
|
+
|
|
43
|
+
```ts
|
|
44
|
+
label: string;
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
Accessible name, e.g. "Back in Games".
|
|
48
|
+
|
|
49
|
+
##### onBack
|
|
50
|
+
|
|
51
|
+
```ts
|
|
52
|
+
onBack: () => void;
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
Request going back; the host owns the history and the outcome.
|
|
56
|
+
|
|
57
|
+
###### Returns
|
|
58
|
+
|
|
59
|
+
`void`
|
|
60
|
+
|
|
61
|
+
##### hint?
|
|
62
|
+
|
|
63
|
+
```ts
|
|
64
|
+
optional hint?: string;
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
Tooltip text, e.g. the keyboard route to the same action.
|
|
68
|
+
|
|
69
|
+
---
|
|
70
|
+
|
|
71
|
+
### WindowHeaderProps
|
|
72
|
+
|
|
73
|
+
```ts
|
|
74
|
+
type WindowHeaderProps = Omit<
|
|
75
|
+
HTMLAttributes<HTMLElement>,
|
|
76
|
+
"title" | "children"
|
|
77
|
+
> &
|
|
78
|
+
object;
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
Supply handleProps only when the title is an interactive layout handle.
|
|
82
|
+
|
|
83
|
+
#### Type Declaration
|
|
84
|
+
|
|
85
|
+
| Name | Type | Description |
|
|
86
|
+
| -------------- | --------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
|
|
87
|
+
| `title` | `string` | - |
|
|
88
|
+
| `subtitle?` | `string` | Where the content is now, shown after the title and truncated first. |
|
|
89
|
+
| `icon?` | `ReactNode` | - |
|
|
90
|
+
| `actions?` | `ReactNode` | - |
|
|
91
|
+
| `back?` | [`WindowBackAction`](#windowbackaction) | Present only while there is somewhere to go back to. |
|
|
92
|
+
| `density?` | `"regular"` \| `"compact"` | `compact` is a slim bar for tiled layouts; touch targets keep 44px. |
|
|
93
|
+
| `handleProps?` | `Omit`\<`ButtonHTMLAttributes`\<`HTMLButtonElement`\>, `"children"` \| `"type"`\> | - |
|
|
94
|
+
|
|
95
|
+
---
|
|
96
|
+
|
|
97
|
+
### WindowActionsProps
|
|
98
|
+
|
|
99
|
+
```ts
|
|
100
|
+
type WindowActionsProps = object;
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
Available callbacks determine available controls; no inert placeholder actions.
|
|
104
|
+
|
|
105
|
+
#### Properties
|
|
106
|
+
|
|
107
|
+
##### title
|
|
108
|
+
|
|
109
|
+
```ts
|
|
110
|
+
title: string;
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
##### floating?
|
|
114
|
+
|
|
115
|
+
```ts
|
|
116
|
+
optional floating?: boolean;
|
|
117
|
+
```
|
|
118
|
+
|
|
119
|
+
##### maximized?
|
|
120
|
+
|
|
121
|
+
```ts
|
|
122
|
+
optional maximized?: boolean;
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
##### onPromote?
|
|
126
|
+
|
|
127
|
+
```ts
|
|
128
|
+
optional onPromote?: () => void;
|
|
129
|
+
```
|
|
130
|
+
|
|
131
|
+
Request making this window the main tiled window.
|
|
132
|
+
|
|
133
|
+
###### Returns
|
|
134
|
+
|
|
135
|
+
`void`
|
|
136
|
+
|
|
137
|
+
##### onToggleFloating?
|
|
138
|
+
|
|
139
|
+
```ts
|
|
140
|
+
optional onToggleFloating?: () => void;
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
Request switching between floating and tiled placement.
|
|
144
|
+
|
|
145
|
+
###### Returns
|
|
146
|
+
|
|
147
|
+
`void`
|
|
148
|
+
|
|
149
|
+
##### onToggleMaximize?
|
|
150
|
+
|
|
151
|
+
```ts
|
|
152
|
+
optional onToggleMaximize?: () => void;
|
|
153
|
+
```
|
|
154
|
+
|
|
155
|
+
Request toggling maximized presentation.
|
|
156
|
+
|
|
157
|
+
###### Returns
|
|
158
|
+
|
|
159
|
+
`void`
|
|
160
|
+
|
|
161
|
+
##### onMinimize?
|
|
162
|
+
|
|
163
|
+
```ts
|
|
164
|
+
optional onMinimize?: () => void;
|
|
165
|
+
```
|
|
166
|
+
|
|
167
|
+
Request minimizing; the caller owns window visibility.
|
|
168
|
+
|
|
169
|
+
###### Returns
|
|
170
|
+
|
|
171
|
+
`void`
|
|
172
|
+
|
|
173
|
+
##### onClose?
|
|
174
|
+
|
|
175
|
+
```ts
|
|
176
|
+
optional onClose?: () => void;
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
Request closing; the caller owns disposal and removal.
|
|
180
|
+
|
|
181
|
+
###### Returns
|
|
182
|
+
|
|
183
|
+
`void`
|
|
184
|
+
|
|
185
|
+
##### onSelect?
|
|
186
|
+
|
|
187
|
+
```ts
|
|
188
|
+
optional onSelect?: () => void;
|
|
189
|
+
```
|
|
190
|
+
|
|
191
|
+
Select a compact game panel for reading on a narrow screen.
|
|
192
|
+
|
|
193
|
+
###### Returns
|
|
194
|
+
|
|
195
|
+
`void`
|
|
196
|
+
|
|
197
|
+
## Variables
|
|
198
|
+
|
|
199
|
+
### WindowFrame
|
|
200
|
+
|
|
201
|
+
```ts
|
|
202
|
+
const WindowFrame: ForwardRefExoticComponent<
|
|
203
|
+
HTMLAttributes<HTMLElement> & object & RefAttributes<HTMLElement>
|
|
204
|
+
>;
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
A clipped, rounded shell for either a tiled or floating application.
|
|
208
|
+
|
|
209
|
+
---
|
|
210
|
+
|
|
211
|
+
### WindowBody
|
|
212
|
+
|
|
213
|
+
```ts
|
|
214
|
+
const WindowBody: ForwardRefExoticComponent<
|
|
215
|
+
HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>
|
|
216
|
+
>;
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
The scrolling region stays inside the shell, beneath a stationary title bar.
|
|
220
|
+
|
|
221
|
+
---
|
|
222
|
+
|
|
223
|
+
### GameWindowContent
|
|
224
|
+
|
|
225
|
+
```ts
|
|
226
|
+
const GameWindowContent: ForwardRefExoticComponent<
|
|
227
|
+
HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>
|
|
228
|
+
>;
|
|
229
|
+
```
|
|
230
|
+
|
|
231
|
+
Reading rhythm for compact game-window blocks and action keys.
|
|
232
|
+
|
|
233
|
+
## Functions
|
|
234
|
+
|
|
235
|
+
### WindowSnapPreview()
|
|
236
|
+
|
|
237
|
+
```ts
|
|
238
|
+
function WindowSnapPreview(__namedParameters): Element;
|
|
239
|
+
```
|
|
240
|
+
|
|
241
|
+
Decorative snap destination. Geometry and visibility belong to the layout owner.
|
|
242
|
+
|
|
243
|
+
#### Parameters
|
|
244
|
+
|
|
245
|
+
| Parameter | Type |
|
|
246
|
+
| ------------------- | ------------------------------------ |
|
|
247
|
+
| `__namedParameters` | `HTMLAttributes`\<`HTMLDivElement`\> |
|
|
248
|
+
|
|
249
|
+
#### Returns
|
|
250
|
+
|
|
251
|
+
`Element`
|
|
252
|
+
|
|
253
|
+
---
|
|
254
|
+
|
|
255
|
+
### WindowHeader()
|
|
256
|
+
|
|
257
|
+
```ts
|
|
258
|
+
function WindowHeader(__namedParameters): Element;
|
|
259
|
+
```
|
|
260
|
+
|
|
261
|
+
The handle, Back and actions are siblings, so presses never start a drag.
|
|
262
|
+
|
|
263
|
+
#### Parameters
|
|
264
|
+
|
|
265
|
+
| Parameter | Type |
|
|
266
|
+
| ------------------- | ----------------------------------------- |
|
|
267
|
+
| `__namedParameters` | [`WindowHeaderProps`](#windowheaderprops) |
|
|
268
|
+
|
|
269
|
+
#### Returns
|
|
270
|
+
|
|
271
|
+
`Element`
|
|
272
|
+
|
|
273
|
+
---
|
|
274
|
+
|
|
275
|
+
### WindowActions()
|
|
276
|
+
|
|
277
|
+
```ts
|
|
278
|
+
function WindowActions(__namedParameters): Element;
|
|
279
|
+
```
|
|
280
|
+
|
|
281
|
+
Consistent icons, ordering and accessible names for host-owned commands.
|
|
282
|
+
|
|
283
|
+
#### Parameters
|
|
284
|
+
|
|
285
|
+
| Parameter | Type |
|
|
286
|
+
| ------------------- | ------------------------------------------- |
|
|
287
|
+
| `__namedParameters` | [`WindowActionsProps`](#windowactionsprops) |
|
|
288
|
+
|
|
289
|
+
#### Returns
|
|
290
|
+
|
|
291
|
+
`Element`
|
|
@@ -0,0 +1,65 @@
|
|
|
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/wizard
|
|
8
|
+
|
|
9
|
+
# components/wizard
|
|
10
|
+
|
|
11
|
+
## Type Aliases
|
|
12
|
+
|
|
13
|
+
### WizardStep
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
type WizardStep = object;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
A named step. Values and validation remain in the caller's form.
|
|
20
|
+
|
|
21
|
+
#### Properties
|
|
22
|
+
|
|
23
|
+
##### id
|
|
24
|
+
|
|
25
|
+
```ts
|
|
26
|
+
id: string;
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
##### title
|
|
30
|
+
|
|
31
|
+
```ts
|
|
32
|
+
title: string;
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
##### content
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
content: ReactNode;
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Functions
|
|
42
|
+
|
|
43
|
+
### Wizard()
|
|
44
|
+
|
|
45
|
+
```ts
|
|
46
|
+
function Wizard(__namedParameters): Element;
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
Controlled step presentation, composable with one TanStack Form across steps.
|
|
50
|
+
|
|
51
|
+
#### Parameters
|
|
52
|
+
|
|
53
|
+
| Parameter | Type | Description |
|
|
54
|
+
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------- |
|
|
55
|
+
| `__namedParameters` | \{ `steps`: readonly [`WizardStep`](#wizardstep)[]; `current`: `string`; `onStepChange`: (`id`) => `void`; `disabled?`: `boolean`; `nextDisabled?`: `boolean`; `actions?`: `ReactNode`; \} | - |
|
|
56
|
+
| `__namedParameters.steps` | readonly [`WizardStep`](#wizardstep)[] | - |
|
|
57
|
+
| `__namedParameters.current` | `string` | - |
|
|
58
|
+
| `__namedParameters.onStepChange` | (`id`) => `void` | - |
|
|
59
|
+
| `__namedParameters.disabled?` | `boolean` | - |
|
|
60
|
+
| `__namedParameters.nextDisabled?` | `boolean` | Validation may block advancing without preventing edits to previous steps. |
|
|
61
|
+
| `__namedParameters.actions?` | `ReactNode` | - |
|
|
62
|
+
|
|
63
|
+
#### Returns
|
|
64
|
+
|
|
65
|
+
`Element`
|
|
@@ -0,0 +1,52 @@
|
|
|
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) / enhance/cigarette-card
|
|
8
|
+
|
|
9
|
+
# enhance/cigarette-card
|
|
10
|
+
|
|
11
|
+
## Functions
|
|
12
|
+
|
|
13
|
+
### setCigaretteCardFlipped()
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
function setCigaretteCardFlipped(card, flipped): void;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Show one face of a server-rendered CigaretteCard.
|
|
20
|
+
|
|
21
|
+
#### Parameters
|
|
22
|
+
|
|
23
|
+
| Parameter | Type |
|
|
24
|
+
| --------- | ------------- |
|
|
25
|
+
| `card` | `HTMLElement` |
|
|
26
|
+
| `flipped` | `boolean` |
|
|
27
|
+
|
|
28
|
+
#### Returns
|
|
29
|
+
|
|
30
|
+
`void`
|
|
31
|
+
|
|
32
|
+
---
|
|
33
|
+
|
|
34
|
+
### enhanceCigaretteCards()
|
|
35
|
+
|
|
36
|
+
```ts
|
|
37
|
+
function enhanceCigaretteCards(root?): () => void;
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
Flip server-rendered CigaretteCards on click, tap, Enter or Space. The card is a
|
|
41
|
+
native button, so the keyboard reaches it as a click; this only toggles the
|
|
42
|
+
pressed state. Returns a cleanup that removes the listener.
|
|
43
|
+
|
|
44
|
+
#### Parameters
|
|
45
|
+
|
|
46
|
+
| Parameter | Type | Default value |
|
|
47
|
+
| --------- | --------------------------- | ------------- |
|
|
48
|
+
| `root` | `Document` \| `HTMLElement` | `document` |
|
|
49
|
+
|
|
50
|
+
#### Returns
|
|
51
|
+
|
|
52
|
+
() => `void`
|
|
@@ -0,0 +1,42 @@
|
|
|
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) / enhance/sketch
|
|
8
|
+
|
|
9
|
+
# enhance/sketch
|
|
10
|
+
|
|
11
|
+
## Functions
|
|
12
|
+
|
|
13
|
+
### sketch()
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
function sketch(root?): () => void;
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
The opt-in pencil layer for server-rendered field-guide pages.
|
|
20
|
+
|
|
21
|
+
Markup contract, all plain attributes so any host can use it without React:
|
|
22
|
+
|
|
23
|
+
- `data-sketch-root` marks a positioned host; its overlay is drawn inside it.
|
|
24
|
+
- `data-sketch="circle" | "underline"` marks inline text to annotate.
|
|
25
|
+
- `data-sketch-leader-x` / `data-sketch-leader-y` (fractions of the target box)
|
|
26
|
+
on a note draw a leader from the note to the `data-sketch-target` inside the
|
|
27
|
+
same `data-sketch-item`. The layout decides whether leaders apply by setting
|
|
28
|
+
`--caps-sketch-leader: on` on the note.
|
|
29
|
+
|
|
30
|
+
Strokes use `currentColor`, so a theme switch recolors them without a redraw.
|
|
31
|
+
The host receives `data-sketch-drawn` once annotations exist, which lets Caps
|
|
32
|
+
hide the static CSS fallbacks they replace.
|
|
33
|
+
|
|
34
|
+
#### Parameters
|
|
35
|
+
|
|
36
|
+
| Parameter | Type | Default value |
|
|
37
|
+
| --------- | ------------ | ------------- |
|
|
38
|
+
| `root` | `ParentNode` | `document` |
|
|
39
|
+
|
|
40
|
+
#### Returns
|
|
41
|
+
|
|
42
|
+
() => `void`
|