@vielzeug/codex 26.11.3 → 26.11.4
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/data/catalog.json +44 -44
- package/data/llms-full.txt +78 -1
- package/data/llms.txt +1 -1
- package/data/manifest.json +1 -1
- package/data/packages/refine.json +2 -2
- package/data/refine.json +390 -148
- package/data/search.json +2 -2
- package/package.json +2 -2
package/data/refine.json
CHANGED
|
@@ -129,6 +129,224 @@
|
|
|
129
129
|
],
|
|
130
130
|
"description": "Creates a document theme controller. Call once at app startup."
|
|
131
131
|
},
|
|
132
|
+
{
|
|
133
|
+
"kind": "variable",
|
|
134
|
+
"name": "UI_BLUEPRINT_VERSION",
|
|
135
|
+
"type": {
|
|
136
|
+
"text": "1"
|
|
137
|
+
},
|
|
138
|
+
"default": "1",
|
|
139
|
+
"description": "Registry contract version. Bump only together with a documented migration."
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"kind": "variable",
|
|
143
|
+
"name": "MAX_BLUEPRINT_NODES",
|
|
144
|
+
"type": {
|
|
145
|
+
"text": "number"
|
|
146
|
+
},
|
|
147
|
+
"default": "64",
|
|
148
|
+
"description": "Maximum total nodes in one document, including the root."
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"kind": "variable",
|
|
152
|
+
"name": "MAX_BLUEPRINT_DEPTH",
|
|
153
|
+
"type": {
|
|
154
|
+
"text": "number"
|
|
155
|
+
},
|
|
156
|
+
"default": "6",
|
|
157
|
+
"description": "Maximum nesting depth, counting the root node as depth 1."
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"kind": "variable",
|
|
161
|
+
"name": "MAX_BLUEPRINT_CHILDREN",
|
|
162
|
+
"type": {
|
|
163
|
+
"text": "number"
|
|
164
|
+
},
|
|
165
|
+
"default": "12",
|
|
166
|
+
"description": "Maximum children on one container node. Matches the widest `ore-grid` column count."
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"kind": "variable",
|
|
170
|
+
"name": "MAX_BLUEPRINT_TEXT_LENGTH",
|
|
171
|
+
"type": {
|
|
172
|
+
"text": "number"
|
|
173
|
+
},
|
|
174
|
+
"default": "500",
|
|
175
|
+
"description": "Maximum length of rendered body text."
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"kind": "variable",
|
|
179
|
+
"name": "MAX_BLUEPRINT_LABEL_LENGTH",
|
|
180
|
+
"type": {
|
|
181
|
+
"text": "number"
|
|
182
|
+
},
|
|
183
|
+
"default": "120",
|
|
184
|
+
"description": "Maximum length of a short label (button, field label, helper text)."
|
|
185
|
+
},
|
|
186
|
+
{
|
|
187
|
+
"kind": "variable",
|
|
188
|
+
"name": "MAX_BLUEPRINT_NUMBER",
|
|
189
|
+
"type": {
|
|
190
|
+
"text": "number"
|
|
191
|
+
},
|
|
192
|
+
"default": "1_000_000_000",
|
|
193
|
+
"description": "Default absolute ceiling for numeric fields; individual fields tighten it where needed."
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"kind": "variable",
|
|
197
|
+
"name": "MAX_BLUEPRINT_ID_LENGTH",
|
|
198
|
+
"type": {
|
|
199
|
+
"text": "number"
|
|
200
|
+
},
|
|
201
|
+
"default": "64",
|
|
202
|
+
"description": "Maximum length of a host-facing node identifier."
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "variable",
|
|
206
|
+
"name": "UI_BLUEPRINT_COMPONENTS",
|
|
207
|
+
"default": "[ 'text', 'box', 'card', 'button', 'badge', 'separator', 'slider', 'switch', 'checkbox', 'number-input', 'alert', 'progress', 'icon', ] as const satisfies readonly BlueprintNode['type'][]",
|
|
208
|
+
"description": "Registry component identifiers. The only names a document may use."
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"kind": "class",
|
|
212
|
+
"description": "Thrown for a document this contract rejects. Messages are safe to display.",
|
|
213
|
+
"name": "UiBlueprintError",
|
|
214
|
+
"members": [
|
|
215
|
+
{
|
|
216
|
+
"kind": "field",
|
|
217
|
+
"name": "issues",
|
|
218
|
+
"type": {
|
|
219
|
+
"text": "readonly string[]"
|
|
220
|
+
},
|
|
221
|
+
"readonly": true,
|
|
222
|
+
"description": "Every rejection, in document order. Each entry is a field path plus a plain reason."
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"kind": "field",
|
|
226
|
+
"name": "name",
|
|
227
|
+
"inheritedFrom": {
|
|
228
|
+
"name": "RefineError",
|
|
229
|
+
"module": "src/errors.ts"
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
],
|
|
233
|
+
"superclass": {
|
|
234
|
+
"name": "RefineError",
|
|
235
|
+
"module": "/src/errors"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"kind": "variable",
|
|
240
|
+
"name": "UI_BLUEPRINT_REGISTRY",
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "Readonly<Record<BlueprintNode['type'], UiBlueprintComponentRule>>"
|
|
243
|
+
},
|
|
244
|
+
"description": "The registry as data: for each accepted component, the element it renders, whether it takes\nchildren, and the exact values each attribute accepts.\n\nPublish it to a harness alongside UI_BLUEPRINT_JSON_SCHEMA when a prompt needs prose\nrather than a schema. Runtime validation remains the trust boundary."
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"kind": "function",
|
|
248
|
+
"name": "parseUiBlueprint",
|
|
249
|
+
"return": {
|
|
250
|
+
"type": {
|
|
251
|
+
"text": "BlueprintDocument"
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
"parameters": [
|
|
255
|
+
{
|
|
256
|
+
"name": "value",
|
|
257
|
+
"type": {
|
|
258
|
+
"text": "unknown"
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
],
|
|
262
|
+
"description": "Validate untrusted model output. Returns the document unchanged when it satisfies the\ncontract, or a UiBlueprintError listing every rejection with a field path. Nothing is\nrepaired, defaulted, or partially accepted."
|
|
263
|
+
},
|
|
264
|
+
{
|
|
265
|
+
"kind": "function",
|
|
266
|
+
"name": "safeParseUiBlueprint",
|
|
267
|
+
"return": {
|
|
268
|
+
"type": {
|
|
269
|
+
"text": "{ document: BlueprintDocument; success: true } | { issues: readonly string[]; success: false }"
|
|
270
|
+
}
|
|
271
|
+
},
|
|
272
|
+
"parameters": [
|
|
273
|
+
{
|
|
274
|
+
"name": "value",
|
|
275
|
+
"type": {
|
|
276
|
+
"text": "unknown"
|
|
277
|
+
}
|
|
278
|
+
}
|
|
279
|
+
],
|
|
280
|
+
"description": "Non-throwing form of parseUiBlueprint."
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "variable",
|
|
284
|
+
"name": "UI_BLUEPRINT_JSON_SCHEMA",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "Readonly<Record<string, unknown>>"
|
|
287
|
+
},
|
|
288
|
+
"description": "JSON Schema (draft 2020-12 vocabulary) for the same contract parseUiBlueprint\nenforces. Hand it to a harness that supports structured output or tool-use schemas so the\nmodel is constrained on the way out, not only on the way in.\n\nIt cannot express the tree-wide node and depth bounds, which is why runtime validation stays\nmandatory: treat this as a generation aid, never as the trust boundary."
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"kind": "function",
|
|
292
|
+
"name": "createUiBlueprintElement",
|
|
293
|
+
"return": {
|
|
294
|
+
"type": {
|
|
295
|
+
"text": "HTMLElement"
|
|
296
|
+
}
|
|
297
|
+
},
|
|
298
|
+
"parameters": [
|
|
299
|
+
{
|
|
300
|
+
"name": "node",
|
|
301
|
+
"type": {
|
|
302
|
+
"text": "BlueprintNode"
|
|
303
|
+
}
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"name": "owner",
|
|
307
|
+
"default": "'root'"
|
|
308
|
+
},
|
|
309
|
+
{
|
|
310
|
+
"name": "nodes",
|
|
311
|
+
"optional": true,
|
|
312
|
+
"type": {
|
|
313
|
+
"text": "Map<string, HTMLElement>"
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
],
|
|
317
|
+
"description": "Build one element for a validated node. The component map is this switch: adding a component\nmeans adding a case here plus a rule in `blueprint.ts`, and nothing else."
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "function",
|
|
321
|
+
"name": "renderUiBlueprint",
|
|
322
|
+
"return": {
|
|
323
|
+
"type": {
|
|
324
|
+
"text": "UiBlueprintRenderResult"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
"parameters": [
|
|
328
|
+
{
|
|
329
|
+
"name": "container",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "HTMLElement"
|
|
332
|
+
}
|
|
333
|
+
},
|
|
334
|
+
{
|
|
335
|
+
"name": "value",
|
|
336
|
+
"type": {
|
|
337
|
+
"text": "unknown"
|
|
338
|
+
}
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"name": "options",
|
|
342
|
+
"default": "{}",
|
|
343
|
+
"type": {
|
|
344
|
+
"text": "UiBlueprintRenderOptions"
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
],
|
|
348
|
+
"description": "Validate `value` and, only on success, render it into `container`.\n\nA rejected document throws before the container is touched, so an invalid or stale response can\nnever partially render or erase the preview already on screen."
|
|
349
|
+
},
|
|
132
350
|
{
|
|
133
351
|
"kind": "function",
|
|
134
352
|
"name": "announce",
|
|
@@ -4634,152 +4852,6 @@
|
|
|
4634
4852
|
}
|
|
4635
4853
|
]
|
|
4636
4854
|
},
|
|
4637
|
-
{
|
|
4638
|
-
"kind": "variable",
|
|
4639
|
-
"name": "TEXT_TAG",
|
|
4640
|
-
"type": {
|
|
4641
|
-
"text": "'ore-text'"
|
|
4642
|
-
},
|
|
4643
|
-
"default": "'ore-text'",
|
|
4644
|
-
"description": "A typography component with semantic variants and responsive sizing."
|
|
4645
|
-
},
|
|
4646
|
-
{
|
|
4647
|
-
"kind": "class",
|
|
4648
|
-
"name": "OreTextElement",
|
|
4649
|
-
"tagName": "ore-text",
|
|
4650
|
-
"customElement": true,
|
|
4651
|
-
"description": "A typography component with semantic variants and responsive sizing.",
|
|
4652
|
-
"summary": "",
|
|
4653
|
-
"attributes": [
|
|
4654
|
-
{
|
|
4655
|
-
"name": "variant",
|
|
4656
|
-
"type": {
|
|
4657
|
-
"text": "'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
|
|
4658
|
-
},
|
|
4659
|
-
"description": "Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
|
|
4660
|
-
},
|
|
4661
|
-
{
|
|
4662
|
-
"name": "size",
|
|
4663
|
-
"type": {
|
|
4664
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
|
|
4665
|
-
},
|
|
4666
|
-
"description": "Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant."
|
|
4667
|
-
},
|
|
4668
|
-
{
|
|
4669
|
-
"name": "weight",
|
|
4670
|
-
"type": {
|
|
4671
|
-
"text": "'normal' | 'medium' | 'semibold' | 'bold'"
|
|
4672
|
-
},
|
|
4673
|
-
"description": "Font weight: 'normal' | 'medium' | 'semibold' | 'bold'"
|
|
4674
|
-
},
|
|
4675
|
-
{
|
|
4676
|
-
"name": "color",
|
|
4677
|
-
"type": {
|
|
4678
|
-
"text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
|
|
4679
|
-
},
|
|
4680
|
-
"description": "Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
|
|
4681
|
-
},
|
|
4682
|
-
{
|
|
4683
|
-
"name": "align",
|
|
4684
|
-
"type": {
|
|
4685
|
-
"text": "'left' | 'center' | 'right' | 'justify'"
|
|
4686
|
-
},
|
|
4687
|
-
"description": "Text alignment: 'left' | 'center' | 'right' | 'justify'"
|
|
4688
|
-
},
|
|
4689
|
-
{
|
|
4690
|
-
"name": "truncate",
|
|
4691
|
-
"type": {
|
|
4692
|
-
"text": "boolean"
|
|
4693
|
-
},
|
|
4694
|
-
"description": "Truncate text with ellipsis when it overflows (single-line)"
|
|
4695
|
-
},
|
|
4696
|
-
{
|
|
4697
|
-
"name": "lines",
|
|
4698
|
-
"type": {
|
|
4699
|
-
"text": "number"
|
|
4700
|
-
},
|
|
4701
|
-
"description": "Clamp to N lines with ellipsis (multi-line truncation)"
|
|
4702
|
-
},
|
|
4703
|
-
{
|
|
4704
|
-
"name": "expandable",
|
|
4705
|
-
"type": {
|
|
4706
|
-
"text": "boolean"
|
|
4707
|
-
},
|
|
4708
|
-
"description": "Reveal clipped text on click/tap (pairs with `truncate` or `lines`)"
|
|
4709
|
-
},
|
|
4710
|
-
{
|
|
4711
|
-
"name": "expanded",
|
|
4712
|
-
"type": {
|
|
4713
|
-
"text": "boolean"
|
|
4714
|
-
},
|
|
4715
|
-
"description": "Controlled expanded state for an `expandable` text"
|
|
4716
|
-
},
|
|
4717
|
-
{
|
|
4718
|
-
"name": "default-expanded",
|
|
4719
|
-
"type": {
|
|
4720
|
-
"text": "boolean"
|
|
4721
|
-
},
|
|
4722
|
-
"description": "Initial uncontrolled expanded state"
|
|
4723
|
-
},
|
|
4724
|
-
{
|
|
4725
|
-
"name": "italic",
|
|
4726
|
-
"type": {
|
|
4727
|
-
"text": "boolean"
|
|
4728
|
-
},
|
|
4729
|
-
"description": "Italic text style"
|
|
4730
|
-
},
|
|
4731
|
-
{
|
|
4732
|
-
"name": "as",
|
|
4733
|
-
"type": {
|
|
4734
|
-
"text": "'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
|
|
4735
|
-
},
|
|
4736
|
-
"description": "Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
|
|
4737
|
-
}
|
|
4738
|
-
],
|
|
4739
|
-
"events": [
|
|
4740
|
-
{
|
|
4741
|
-
"name": "expand-change",
|
|
4742
|
-
"description": "Fired when an `expandable` text is toggled. detail: { expanded: boolean }",
|
|
4743
|
-
"type": {
|
|
4744
|
-
"text": "CustomEvent"
|
|
4745
|
-
}
|
|
4746
|
-
}
|
|
4747
|
-
],
|
|
4748
|
-
"slots": [
|
|
4749
|
-
{
|
|
4750
|
-
"name": "",
|
|
4751
|
-
"description": "Text content"
|
|
4752
|
-
}
|
|
4753
|
-
],
|
|
4754
|
-
"cssProperties": [
|
|
4755
|
-
{
|
|
4756
|
-
"name": "--text-size",
|
|
4757
|
-
"description": "Font size"
|
|
4758
|
-
},
|
|
4759
|
-
{
|
|
4760
|
-
"name": "--text-weight",
|
|
4761
|
-
"description": "Font weight"
|
|
4762
|
-
},
|
|
4763
|
-
{
|
|
4764
|
-
"name": "--text-color",
|
|
4765
|
-
"description": "Text color"
|
|
4766
|
-
},
|
|
4767
|
-
{
|
|
4768
|
-
"name": "--text-line-height",
|
|
4769
|
-
"description": "Line height"
|
|
4770
|
-
},
|
|
4771
|
-
{
|
|
4772
|
-
"name": "--text-letter-spacing",
|
|
4773
|
-
"description": "Letter spacing"
|
|
4774
|
-
}
|
|
4775
|
-
],
|
|
4776
|
-
"demos": [
|
|
4777
|
-
{
|
|
4778
|
-
"url": "",
|
|
4779
|
-
"description": "```html\n<ore-text variant=\"heading\" size=\"2xl\" weight=\"bold\">Welcome</ore-text>\n<ore-text as=\"h2\" variant=\"heading\" size=\"xl\">Section title</ore-text>\n<ore-text color=\"primary\" weight=\"semibold\">Important notice</ore-text>\n<ore-text variant=\"code\">npm install</ore-text>\n<ore-text lines=\"2\">Long paragraph that clamps at two lines…</ore-text>\n<!-- Clamp and let the reader expand -->\n<ore-text lines=\"2\" expandable>Long paragraph, tap to read the rest…</ore-text>\n```"
|
|
4780
|
-
}
|
|
4781
|
-
]
|
|
4782
|
-
},
|
|
4783
4855
|
{
|
|
4784
4856
|
"kind": "variable",
|
|
4785
4857
|
"name": "ALERT_TAG",
|
|
@@ -4967,6 +5039,152 @@
|
|
|
4967
5039
|
}
|
|
4968
5040
|
]
|
|
4969
5041
|
},
|
|
5042
|
+
{
|
|
5043
|
+
"kind": "variable",
|
|
5044
|
+
"name": "TEXT_TAG",
|
|
5045
|
+
"type": {
|
|
5046
|
+
"text": "'ore-text'"
|
|
5047
|
+
},
|
|
5048
|
+
"default": "'ore-text'",
|
|
5049
|
+
"description": "A typography component with semantic variants and responsive sizing."
|
|
5050
|
+
},
|
|
5051
|
+
{
|
|
5052
|
+
"kind": "class",
|
|
5053
|
+
"name": "OreTextElement",
|
|
5054
|
+
"tagName": "ore-text",
|
|
5055
|
+
"customElement": true,
|
|
5056
|
+
"description": "A typography component with semantic variants and responsive sizing.",
|
|
5057
|
+
"summary": "",
|
|
5058
|
+
"attributes": [
|
|
5059
|
+
{
|
|
5060
|
+
"name": "variant",
|
|
5061
|
+
"type": {
|
|
5062
|
+
"text": "'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
|
|
5063
|
+
},
|
|
5064
|
+
"description": "Text variant: 'body' | 'heading' | 'label' | 'caption' | 'overline' | 'code'"
|
|
5065
|
+
},
|
|
5066
|
+
{
|
|
5067
|
+
"name": "size",
|
|
5068
|
+
"type": {
|
|
5069
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
|
|
5070
|
+
},
|
|
5071
|
+
"description": "Font size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'. Maps to --text-* tokens for body variants and --heading-* tokens for the heading variant."
|
|
5072
|
+
},
|
|
5073
|
+
{
|
|
5074
|
+
"name": "weight",
|
|
5075
|
+
"type": {
|
|
5076
|
+
"text": "'normal' | 'medium' | 'semibold' | 'bold'"
|
|
5077
|
+
},
|
|
5078
|
+
"description": "Font weight: 'normal' | 'medium' | 'semibold' | 'bold'"
|
|
5079
|
+
},
|
|
5080
|
+
{
|
|
5081
|
+
"name": "color",
|
|
5082
|
+
"type": {
|
|
5083
|
+
"text": "'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
|
|
5084
|
+
},
|
|
5085
|
+
"description": "Text color: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error' | 'heading' | 'body' | 'muted' | 'tertiary' | 'disabled' | 'contrast'"
|
|
5086
|
+
},
|
|
5087
|
+
{
|
|
5088
|
+
"name": "align",
|
|
5089
|
+
"type": {
|
|
5090
|
+
"text": "'left' | 'center' | 'right' | 'justify'"
|
|
5091
|
+
},
|
|
5092
|
+
"description": "Text alignment: 'left' | 'center' | 'right' | 'justify'"
|
|
5093
|
+
},
|
|
5094
|
+
{
|
|
5095
|
+
"name": "truncate",
|
|
5096
|
+
"type": {
|
|
5097
|
+
"text": "boolean"
|
|
5098
|
+
},
|
|
5099
|
+
"description": "Truncate text with ellipsis when it overflows (single-line)"
|
|
5100
|
+
},
|
|
5101
|
+
{
|
|
5102
|
+
"name": "lines",
|
|
5103
|
+
"type": {
|
|
5104
|
+
"text": "number"
|
|
5105
|
+
},
|
|
5106
|
+
"description": "Clamp to N lines with ellipsis (multi-line truncation)"
|
|
5107
|
+
},
|
|
5108
|
+
{
|
|
5109
|
+
"name": "expandable",
|
|
5110
|
+
"type": {
|
|
5111
|
+
"text": "boolean"
|
|
5112
|
+
},
|
|
5113
|
+
"description": "Reveal clipped text on click/tap (pairs with `truncate` or `lines`)"
|
|
5114
|
+
},
|
|
5115
|
+
{
|
|
5116
|
+
"name": "expanded",
|
|
5117
|
+
"type": {
|
|
5118
|
+
"text": "boolean"
|
|
5119
|
+
},
|
|
5120
|
+
"description": "Controlled expanded state for an `expandable` text"
|
|
5121
|
+
},
|
|
5122
|
+
{
|
|
5123
|
+
"name": "default-expanded",
|
|
5124
|
+
"type": {
|
|
5125
|
+
"text": "boolean"
|
|
5126
|
+
},
|
|
5127
|
+
"description": "Initial uncontrolled expanded state"
|
|
5128
|
+
},
|
|
5129
|
+
{
|
|
5130
|
+
"name": "italic",
|
|
5131
|
+
"type": {
|
|
5132
|
+
"text": "boolean"
|
|
5133
|
+
},
|
|
5134
|
+
"description": "Italic text style"
|
|
5135
|
+
},
|
|
5136
|
+
{
|
|
5137
|
+
"name": "as",
|
|
5138
|
+
"type": {
|
|
5139
|
+
"text": "'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
|
|
5140
|
+
},
|
|
5141
|
+
"description": "Semantic HTML element: 'span' | 'p' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'code'"
|
|
5142
|
+
}
|
|
5143
|
+
],
|
|
5144
|
+
"events": [
|
|
5145
|
+
{
|
|
5146
|
+
"name": "expand-change",
|
|
5147
|
+
"description": "Fired when an `expandable` text is toggled. detail: { expanded: boolean }",
|
|
5148
|
+
"type": {
|
|
5149
|
+
"text": "CustomEvent"
|
|
5150
|
+
}
|
|
5151
|
+
}
|
|
5152
|
+
],
|
|
5153
|
+
"slots": [
|
|
5154
|
+
{
|
|
5155
|
+
"name": "",
|
|
5156
|
+
"description": "Text content"
|
|
5157
|
+
}
|
|
5158
|
+
],
|
|
5159
|
+
"cssProperties": [
|
|
5160
|
+
{
|
|
5161
|
+
"name": "--text-size",
|
|
5162
|
+
"description": "Font size"
|
|
5163
|
+
},
|
|
5164
|
+
{
|
|
5165
|
+
"name": "--text-weight",
|
|
5166
|
+
"description": "Font weight"
|
|
5167
|
+
},
|
|
5168
|
+
{
|
|
5169
|
+
"name": "--text-color",
|
|
5170
|
+
"description": "Text color"
|
|
5171
|
+
},
|
|
5172
|
+
{
|
|
5173
|
+
"name": "--text-line-height",
|
|
5174
|
+
"description": "Line height"
|
|
5175
|
+
},
|
|
5176
|
+
{
|
|
5177
|
+
"name": "--text-letter-spacing",
|
|
5178
|
+
"description": "Letter spacing"
|
|
5179
|
+
}
|
|
5180
|
+
],
|
|
5181
|
+
"demos": [
|
|
5182
|
+
{
|
|
5183
|
+
"url": "",
|
|
5184
|
+
"description": "```html\n<ore-text variant=\"heading\" size=\"2xl\" weight=\"bold\">Welcome</ore-text>\n<ore-text as=\"h2\" variant=\"heading\" size=\"xl\">Section title</ore-text>\n<ore-text color=\"primary\" weight=\"semibold\">Important notice</ore-text>\n<ore-text variant=\"code\">npm install</ore-text>\n<ore-text lines=\"2\">Long paragraph that clamps at two lines…</ore-text>\n<!-- Clamp and let the reader expand -->\n<ore-text lines=\"2\" expandable>Long paragraph, tap to read the rest…</ore-text>\n```"
|
|
5185
|
+
}
|
|
5186
|
+
]
|
|
5187
|
+
},
|
|
4970
5188
|
{
|
|
4971
5189
|
"kind": "variable",
|
|
4972
5190
|
"name": "ASYNC_TAG",
|
|
@@ -11233,14 +11451,14 @@
|
|
|
11233
11451
|
"text": "'ore-dock'"
|
|
11234
11452
|
},
|
|
11235
11453
|
"default": "'ore-dock'",
|
|
11236
|
-
"description": "The navbar's other twin: a bar of actions that pins to a viewport edge while its container\nscrolls, and settles into the document flow once that container ends.\n\nThree named places and a tool row. `start` and `commit` are the flanks, `center` is the one\nplace allowed to carry a non-action (a clock, a stat block), and the default slot is the row\nof tools between them. A place nothing is assigned to leaves no gap and no flex line: the bar\ncollapses to the places it actually carries.\n\nWide, the bar is a full-width strip flush to its edge, wearing a hairline only while pinned.\nFrom the desktop width (1280 px) up, a claimed `center` sits dead-center because both sides of\nthe row take an equal share. Below the phone width (640 px) the bar becomes a
|
|
11454
|
+
"description": "The navbar's other twin: a bar of actions that pins to a viewport edge while its container\nscrolls, and settles into the document flow once that container ends.\n\nThree named places and a tool row. `start` and `commit` are the flanks, `center` is the one\nplace allowed to carry a non-action (a clock, a stat block), and the default slot is the row\nof tools between them. A place nothing is assigned to leaves no gap and no flex line: the bar\ncollapses to the places it actually carries.\n\nWide, the bar is a full-width strip flush to its edge, wearing a hairline only while pinned.\nFrom the desktop width (1280 px) up, a claimed `center` sits dead-center because both sides of\nthe row take an equal share. Below the phone width (640 px) the bar becomes a tool row in\nthe iOS toolbar grammar: the flanks stretch equally so the tools rest on the row's true middle\nwhile space permits. Flank content takes priority over centering; crowded zones wrap rather\nthan overlapping or shrinking controls.\nThe bar detaches from the viewport's foot, and `center` lifts out of the row to hover above it.\nBy default, a phone row with one action zone hugs its content: `start` aligns to the leading\nedge, `commit` to the trailing edge, and tools to the middle. A lone `center` stays in the row.\nMultiple action zones and attached tools fill the row. `mobile-layout=\"full\"` always fills it;\n`mobile-layout=\"compact\"` always hugs and centers it. Above the phone width every bar is a\nfull-width strip.\n\nThe bar's surface rides a pseudo-element, never the host: `backdrop-filter` on the host would\nmake it a containing block for `position: fixed` descendants, trapping any panel a slotted\ncontrol opens (a menu, a tooltip) inside the bar's own box.\n\nSizing reaches slotted content through custom properties only (`--dock-tool-flex`,\n`--dock-tool-radius`): a shadow-tree `::slotted()` declaration ranks below any document-tree\nrule on the same property, so a consumer that sets `flex` or `width` on a dock child outranks\nthe bar's own layout. Where a bar must stretch its tools (`attached`), it does so by reading\n`--dock-tool-flex`, so the consumer's lever is the property, not a fight with a declaration.\nEvery such rule is scoped through the zone that owns the slot, because `::slotted()` reaches the\nchildren of every slot the bar renders. The flanks keep their own shape.\n\nThe host reflects which places are filled as `data-start-claimed`, `data-center-claimed`,\n`data-tools-claimed`, and `data-commit-claimed`, plus `data-pinned` while the bar is holding its\nedge. Those exist because no selector can derive them: `:has()` cannot see slotted content and a\n`<slot>` always matches `:empty`. The phone layout needs no reflection: it is a plain media\nquery in the bar's own stylesheet, the same way every other refine breakpoint is written."
|
|
11237
11455
|
},
|
|
11238
11456
|
{
|
|
11239
11457
|
"kind": "class",
|
|
11240
11458
|
"name": "OreDockElement",
|
|
11241
11459
|
"tagName": "ore-dock",
|
|
11242
11460
|
"customElement": true,
|
|
11243
|
-
"description": "The navbar's other twin: a bar of actions that pins to a viewport edge while its container\nscrolls, and settles into the document flow once that container ends.\nThree named places and a tool row. `start` and `commit` are the flanks, `center` is the one\nplace allowed to carry a non-action (a clock, a stat block), and the default slot is the row\nof tools between them. A place nothing is assigned to leaves no gap and no flex line: the bar\ncollapses to the places it actually carries.\nWide, the bar is a full-width strip flush to its edge, wearing a hairline only while pinned.\nFrom the desktop width (1280 px) up, a claimed `center` sits dead-center because both sides of\nthe row take an equal share. Below the phone width (640 px) the bar becomes a
|
|
11461
|
+
"description": "The navbar's other twin: a bar of actions that pins to a viewport edge while its container\nscrolls, and settles into the document flow once that container ends.\nThree named places and a tool row. `start` and `commit` are the flanks, `center` is the one\nplace allowed to carry a non-action (a clock, a stat block), and the default slot is the row\nof tools between them. A place nothing is assigned to leaves no gap and no flex line: the bar\ncollapses to the places it actually carries.\nWide, the bar is a full-width strip flush to its edge, wearing a hairline only while pinned.\nFrom the desktop width (1280 px) up, a claimed `center` sits dead-center because both sides of\nthe row take an equal share. Below the phone width (640 px) the bar becomes a tool row in\nthe iOS toolbar grammar: the flanks stretch equally so the tools rest on the row's true middle\nwhile space permits. Flank content takes priority over centering; crowded zones wrap rather\nthan overlapping or shrinking controls.\nThe bar detaches from the viewport's foot, and `center` lifts out of the row to hover above it.\nBy default, a phone row with one action zone hugs its content: `start` aligns to the leading\nedge, `commit` to the trailing edge, and tools to the middle. A lone `center` stays in the row.\nMultiple action zones and attached tools fill the row. `mobile-layout=\"full\"` always fills it;\n`mobile-layout=\"compact\"` always hugs and centers it. Above the phone width every bar is a\nfull-width strip.\nThe bar's surface rides a pseudo-element, never the host: `backdrop-filter` on the host would\nmake it a containing block for `position: fixed` descendants, trapping any panel a slotted\ncontrol opens (a menu, a tooltip) inside the bar's own box.\nSizing reaches slotted content through custom properties only (`--dock-tool-flex`,\n`--dock-tool-radius`): a shadow-tree `::slotted()` declaration ranks below any document-tree\nrule on the same property, so a consumer that sets `flex` or `width` on a dock child outranks\nthe bar's own layout. Where a bar must stretch its tools (`attached`), it does so by reading\n`--dock-tool-flex`, so the consumer's lever is the property, not a fight with a declaration.\nEvery such rule is scoped through the zone that owns the slot, because `::slotted()` reaches the\nchildren of every slot the bar renders. The flanks keep their own shape.\nThe host reflects which places are filled as `data-start-claimed`, `data-center-claimed`,\n`data-tools-claimed`, and `data-commit-claimed`, plus `data-pinned` while the bar is holding its\nedge. Those exist because no selector can derive them: `:has()` cannot see slotted content and a\n`<slot>` always matches `:empty`. The phone layout needs no reflection: it is a plain media\nquery in the bar's own stylesheet, the same way every other refine breakpoint is written.",
|
|
11244
11462
|
"summary": "",
|
|
11245
11463
|
"attributes": [
|
|
11246
11464
|
{
|
|
@@ -14910,6 +15128,30 @@
|
|
|
14910
15128
|
],
|
|
14911
15129
|
"description": "Shared dialog-control composable for `ore-dialog` and `ore-drawer`.\n\nOwns: `isOpen`, close-reason tracking, focus management, `overlay`,\n`requestClose`, background lock/unlock, and the `close` event handler.\nComponents supply only their unique behavior via callbacks and `onNativeClose`."
|
|
14912
15130
|
},
|
|
15131
|
+
{
|
|
15132
|
+
"kind": "function",
|
|
15133
|
+
"name": "bindFloatingClick",
|
|
15134
|
+
"return": {
|
|
15135
|
+
"type": {
|
|
15136
|
+
"text": "() => void"
|
|
15137
|
+
}
|
|
15138
|
+
},
|
|
15139
|
+
"parameters": [
|
|
15140
|
+
{
|
|
15141
|
+
"name": "trigger",
|
|
15142
|
+
"type": {
|
|
15143
|
+
"text": "HTMLElement"
|
|
15144
|
+
}
|
|
15145
|
+
},
|
|
15146
|
+
{
|
|
15147
|
+
"name": "handlers",
|
|
15148
|
+
"type": {
|
|
15149
|
+
"text": "{ close: () => void; isOpen: () => boolean; open: () => void }"
|
|
15150
|
+
}
|
|
15151
|
+
}
|
|
15152
|
+
],
|
|
15153
|
+
"description": "A pointer press may focus and open the panel before its click arrives. Toggle from the pre-press state."
|
|
15154
|
+
},
|
|
14913
15155
|
{
|
|
14914
15156
|
"kind": "function",
|
|
14915
15157
|
"name": "useFloatingTrigger",
|