@kubex/zinc 1.1.24 → 1.1.26

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.
@@ -13,17 +13,6 @@
13
13
  }
14
14
  ]
15
15
  },
16
- {
17
- "name": "zn-action-bar",
18
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
19
- "attributes": [],
20
- "references": [
21
- {
22
- "name": "Documentation",
23
- "url": "https://zinc.style/components/action-bar"
24
- }
25
- ]
26
- },
27
16
  {
28
17
  "name": "zn-alert",
29
18
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -63,6 +52,17 @@
63
52
  }
64
53
  ]
65
54
  },
55
+ {
56
+ "name": "zn-action-bar",
57
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
58
+ "attributes": [],
59
+ "references": [
60
+ {
61
+ "name": "Documentation",
62
+ "url": "https://zinc.style/components/action-bar"
63
+ }
64
+ ]
65
+ },
66
66
  {
67
67
  "name": "zn-animated-button",
68
68
  "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -890,27 +890,6 @@
890
890
  }
891
891
  ]
892
892
  },
893
- {
894
- "name": "zn-copy-button",
895
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
896
- "attributes": [
897
- { "name": "value", "values": [] },
898
- { "name": "copy-label", "values": [] },
899
- { "name": "src", "values": [] },
900
- { "name": "size", "values": [] },
901
- {
902
- "name": "from",
903
- "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
904
- "values": []
905
- }
906
- ],
907
- "references": [
908
- {
909
- "name": "Documentation",
910
- "url": "https://zinc.style/components/copy-button"
911
- }
912
- ]
913
- },
914
893
  {
915
894
  "name": "zn-data-select",
916
895
  "description": "A select component with built-in data providers for common options like colors, currencies, and countries.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted when the select's value changes.\n- **zn-clear** - Emitted when the clear button is activated.\n- **blur** - Emitted when the select loses focus.\n\n### **Slots:**\n - **label** - The select's label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the select, on the right. Alternatively, you can use the `context-note` attribute.\n- **help-text** - Text that describes how to use the select. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **combobox** - The container that wraps the prefix, combobox, clear icon, and expand button (forwarded from zn-select).\n- **expand-icon** - The container that wraps the expand icon (forwarded from zn-select).\n- **form-control-help-text** - The help text's wrapper (forwarded from zn-select).\n- **form-control-input** - The select's wrapper (forwarded from zn-select).\n- **display-input** - The element that displays the selected option's label (forwarded from zn-select).",
@@ -1058,6 +1037,27 @@
1058
1037
  }
1059
1038
  ]
1060
1039
  },
1040
+ {
1041
+ "name": "zn-copy-button",
1042
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
1043
+ "attributes": [
1044
+ { "name": "value", "values": [] },
1045
+ { "name": "copy-label", "values": [] },
1046
+ { "name": "src", "values": [] },
1047
+ { "name": "size", "values": [] },
1048
+ {
1049
+ "name": "from",
1050
+ "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
1051
+ "values": []
1052
+ }
1053
+ ],
1054
+ "references": [
1055
+ {
1056
+ "name": "Documentation",
1057
+ "url": "https://zinc.style/components/copy-button"
1058
+ }
1059
+ ]
1060
+ },
1061
1061
  {
1062
1062
  "name": "zn-data-table-filter",
1063
1063
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -2418,19 +2418,6 @@
2418
2418
  }
2419
2419
  ]
2420
2420
  },
2421
- {
2422
- "name": "zn-note",
2423
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - **caption** - The note's caption.\n- **date** - The note's date.\n- **body** - The note's body.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
2424
- "attributes": [
2425
- { "name": "color", "values": [{ "name": "typeof colors[number]" }] },
2426
- { "name": "caption", "values": [] },
2427
- { "name": "date", "values": [] },
2428
- { "name": "body", "values": [] }
2429
- ],
2430
- "references": [
2431
- { "name": "Documentation", "url": "https://zinc.style/components/note" }
2432
- ]
2433
- },
2434
2421
  {
2435
2422
  "name": "zn-opt-group",
2436
2423
  "description": "Groups options within a `<zn-select>` under a labeled header, similar to `<optgroup>` in native HTML.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for `<zn-option>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The group label element.",
@@ -2453,6 +2440,19 @@
2453
2440
  }
2454
2441
  ]
2455
2442
  },
2443
+ {
2444
+ "name": "zn-note",
2445
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - **caption** - The note's caption.\n- **date** - The note's date.\n- **body** - The note's body.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
2446
+ "attributes": [
2447
+ { "name": "color", "values": [{ "name": "typeof colors[number]" }] },
2448
+ { "name": "caption", "values": [] },
2449
+ { "name": "date", "values": [] },
2450
+ { "name": "body", "values": [] }
2451
+ ],
2452
+ "references": [
2453
+ { "name": "Documentation", "url": "https://zinc.style/components/note" }
2454
+ ]
2455
+ },
2456
2456
  {
2457
2457
  "name": "zn-option",
2458
2458
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **checked-option-icon** - The checked option icon, an `<zn-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@kubex/zinc",
4
- "version": "1.1.24",
4
+ "version": "1.1.26",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -15,28 +15,6 @@
15
15
  "events": [],
16
16
  "js": { "properties": [], "events": [] }
17
17
  },
18
- {
19
- "name": "zn-action-bar",
20
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
21
- "doc-url": "",
22
- "attributes": [],
23
- "slots": [
24
- { "name": "", "description": "The default slot." },
25
- { "name": "example", "description": "An example slot." }
26
- ],
27
- "events": [
28
- { "name": "zn-event-name", "description": "Emitted as an example." }
29
- ],
30
- "js": {
31
- "properties": [],
32
- "events": [
33
- {
34
- "name": "zn-event-name",
35
- "description": "Emitted as an example."
36
- }
37
- ]
38
- }
39
- },
40
18
  {
41
19
  "name": "zn-alert",
42
20
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -100,6 +78,28 @@
100
78
  ]
101
79
  }
102
80
  },
81
+ {
82
+ "name": "zn-action-bar",
83
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
84
+ "doc-url": "",
85
+ "attributes": [],
86
+ "slots": [
87
+ { "name": "", "description": "The default slot." },
88
+ { "name": "example", "description": "An example slot." }
89
+ ],
90
+ "events": [
91
+ { "name": "zn-event-name", "description": "Emitted as an example." }
92
+ ],
93
+ "js": {
94
+ "properties": [],
95
+ "events": [
96
+ {
97
+ "name": "zn-event-name",
98
+ "description": "Emitted as an example."
99
+ }
100
+ ]
101
+ }
102
+ },
103
103
  {
104
104
  "name": "zn-animated-button",
105
105
  "description": "\n---\n\n\n### **Methods:**\n - **purchase(): _void_** - Programmatically trigger the purchase flow\n- **setSuccess(): _void_** - Set the button to success state manually\n- **setFailure(message): _void_** - Set the button to failure state manually with optional error message\n- **reset(): _void_** - Reset the button to idle state",
@@ -1956,57 +1956,6 @@
1956
1956
  "events": []
1957
1957
  }
1958
1958
  },
1959
- {
1960
- "name": "zn-copy-button",
1961
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
1962
- "doc-url": "",
1963
- "attributes": [
1964
- { "name": "value", "value": { "type": "string", "default": "''" } },
1965
- {
1966
- "name": "copy-label",
1967
- "value": { "type": "string", "default": "''" }
1968
- },
1969
- { "name": "src", "value": { "type": "string", "default": "''" } },
1970
- { "name": "size", "value": { "type": "number", "default": "24" } },
1971
- {
1972
- "name": "from",
1973
- "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
1974
- "value": { "type": "string", "default": "''" }
1975
- }
1976
- ],
1977
- "slots": [
1978
- { "name": "", "description": "The default slot." },
1979
- { "name": "example", "description": "An example slot." }
1980
- ],
1981
- "events": [
1982
- { "name": "zn-event-name", "description": "Emitted as an example." }
1983
- ],
1984
- "js": {
1985
- "properties": [
1986
- { "name": "copyIcon", "type": "HTMLSlotElement" },
1987
- { "name": "successIcon", "type": "HTMLSlotElement" },
1988
- { "name": "errorIcon", "type": "HTMLSlotElement" },
1989
- { "name": "tooltip", "type": "ZnTooltip" },
1990
- { "name": "isCopying", "type": "boolean" },
1991
- { "name": "status", "type": "'rest' | 'success' | 'error'" },
1992
- { "name": "value", "type": "string" },
1993
- { "name": "copyLabel", "type": "string" },
1994
- { "name": "src", "type": "string" },
1995
- { "name": "size", "type": "number" },
1996
- {
1997
- "name": "from",
1998
- "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
1999
- "type": "string"
2000
- }
2001
- ],
2002
- "events": [
2003
- {
2004
- "name": "zn-event-name",
2005
- "description": "Emitted as an example."
2006
- }
2007
- ]
2008
- }
2009
- },
2010
1959
  {
2011
1960
  "name": "zn-data-select",
2012
1961
  "description": "A select component with built-in data providers for common options like colors, currencies, and countries.\n---\n\n\n### **Events:**\n - **zn-input** - Emitted when the select's value changes.\n- **zn-clear** - Emitted when the clear button is activated.\n- **blur** - Emitted when the select loses focus.\n\n### **Slots:**\n - **label** - The select's label. Alternatively, you can use the `label` attribute.\n- **label-tooltip** - Used to add text that is displayed in a tooltip next to the label. Alternatively, you can use the `label-tooltip` attribute.\n- **context-note** - Used to add contextual text that is displayed above the select, on the right. Alternatively, you can use the `context-note` attribute.\n- **help-text** - Text that describes how to use the select. Alternatively, you can use the `help-text` attribute.\n\n### **CSS Parts:**\n - **combobox** - The container that wraps the prefix, combobox, clear icon, and expand button (forwarded from zn-select).\n- **expand-icon** - The container that wraps the expand icon (forwarded from zn-select).\n- **form-control-help-text** - The help text's wrapper (forwarded from zn-select).\n- **form-control-input** - The select's wrapper (forwarded from zn-select).\n- **display-input** - The element that displays the selected option's label (forwarded from zn-select).",
@@ -2406,6 +2355,57 @@
2406
2355
  "events": []
2407
2356
  }
2408
2357
  },
2358
+ {
2359
+ "name": "zn-copy-button",
2360
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
2361
+ "doc-url": "",
2362
+ "attributes": [
2363
+ { "name": "value", "value": { "type": "string", "default": "''" } },
2364
+ {
2365
+ "name": "copy-label",
2366
+ "value": { "type": "string", "default": "''" }
2367
+ },
2368
+ { "name": "src", "value": { "type": "string", "default": "''" } },
2369
+ { "name": "size", "value": { "type": "number", "default": "24" } },
2370
+ {
2371
+ "name": "from",
2372
+ "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
2373
+ "value": { "type": "string", "default": "''" }
2374
+ }
2375
+ ],
2376
+ "slots": [
2377
+ { "name": "", "description": "The default slot." },
2378
+ { "name": "example", "description": "An example slot." }
2379
+ ],
2380
+ "events": [
2381
+ { "name": "zn-event-name", "description": "Emitted as an example." }
2382
+ ],
2383
+ "js": {
2384
+ "properties": [
2385
+ { "name": "copyIcon", "type": "HTMLSlotElement" },
2386
+ { "name": "successIcon", "type": "HTMLSlotElement" },
2387
+ { "name": "errorIcon", "type": "HTMLSlotElement" },
2388
+ { "name": "tooltip", "type": "ZnTooltip" },
2389
+ { "name": "isCopying", "type": "boolean" },
2390
+ { "name": "status", "type": "'rest' | 'success' | 'error'" },
2391
+ { "name": "value", "type": "string" },
2392
+ { "name": "copyLabel", "type": "string" },
2393
+ { "name": "src", "type": "string" },
2394
+ { "name": "size", "type": "number" },
2395
+ {
2396
+ "name": "from",
2397
+ "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
2398
+ "type": "string"
2399
+ }
2400
+ ],
2401
+ "events": [
2402
+ {
2403
+ "name": "zn-event-name",
2404
+ "description": "Emitted as an example."
2405
+ }
2406
+ ]
2407
+ }
2408
+ },
2409
2409
  {
2410
2410
  "name": "zn-data-table-filter",
2411
2411
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - _default_ - The default slot.\n- **example** - An example slot.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
@@ -5650,42 +5650,6 @@
5650
5650
  ]
5651
5651
  }
5652
5652
  },
5653
- {
5654
- "name": "zn-note",
5655
- "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - **caption** - The note's caption.\n- **date** - The note's date.\n- **body** - The note's body.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
5656
- "doc-url": "",
5657
- "attributes": [
5658
- { "name": "color", "value": { "type": "typeof colors[number]" } },
5659
- {
5660
- "name": "caption",
5661
- "value": { "type": "string", "default": "''" }
5662
- },
5663
- { "name": "date", "value": { "type": "string", "default": "''" } },
5664
- { "name": "body", "value": { "type": "string", "default": "''" } }
5665
- ],
5666
- "slots": [
5667
- { "name": "caption", "description": "The note's caption." },
5668
- { "name": "date", "description": "The note's date." },
5669
- { "name": "body", "description": "The note's body." }
5670
- ],
5671
- "events": [
5672
- { "name": "zn-event-name", "description": "Emitted as an example." }
5673
- ],
5674
- "js": {
5675
- "properties": [
5676
- { "name": "color", "type": "typeof colors[number]" },
5677
- { "name": "caption", "type": "string" },
5678
- { "name": "date", "type": "string" },
5679
- { "name": "body", "type": "string" }
5680
- ],
5681
- "events": [
5682
- {
5683
- "name": "zn-event-name",
5684
- "description": "Emitted as an example."
5685
- }
5686
- ]
5687
- }
5688
- },
5689
5653
  {
5690
5654
  "name": "zn-opt-group",
5691
5655
  "description": "Groups options within a `<zn-select>` under a labeled header, similar to `<optgroup>` in native HTML.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for `<zn-option>` elements.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **label** - The group label element.",
@@ -5725,6 +5689,42 @@
5725
5689
  "events": []
5726
5690
  }
5727
5691
  },
5692
+ {
5693
+ "name": "zn-note",
5694
+ "description": "Short summary of the component's intended use.\n---\n\n\n### **Events:**\n - **zn-event-name** - Emitted as an example.\n\n### **Slots:**\n - **caption** - The note's caption.\n- **date** - The note's date.\n- **body** - The note's body.\n\n### **CSS Properties:**\n - **--example** - An example CSS custom property. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.",
5695
+ "doc-url": "",
5696
+ "attributes": [
5697
+ { "name": "color", "value": { "type": "typeof colors[number]" } },
5698
+ {
5699
+ "name": "caption",
5700
+ "value": { "type": "string", "default": "''" }
5701
+ },
5702
+ { "name": "date", "value": { "type": "string", "default": "''" } },
5703
+ { "name": "body", "value": { "type": "string", "default": "''" } }
5704
+ ],
5705
+ "slots": [
5706
+ { "name": "caption", "description": "The note's caption." },
5707
+ { "name": "date", "description": "The note's date." },
5708
+ { "name": "body", "description": "The note's body." }
5709
+ ],
5710
+ "events": [
5711
+ { "name": "zn-event-name", "description": "Emitted as an example." }
5712
+ ],
5713
+ "js": {
5714
+ "properties": [
5715
+ { "name": "color", "type": "typeof colors[number]" },
5716
+ { "name": "caption", "type": "string" },
5717
+ { "name": "date", "type": "string" },
5718
+ { "name": "body", "type": "string" }
5719
+ ],
5720
+ "events": [
5721
+ {
5722
+ "name": "zn-event-name",
5723
+ "description": "Emitted as an example."
5724
+ }
5725
+ ]
5726
+ }
5727
+ },
5728
5728
  {
5729
5729
  "name": "zn-option",
5730
5730
  "description": "Short summary of the component's intended use.\n---\n\n\n### **Methods:**\n - **getTextLabel()** - Returns a plain text label based on the option's content.\n\n### **Slots:**\n - _default_ - The option's label.\n- **prefix** - Used to prepend an icon or similar element to the menu item.\n- **suffix** - Used to append an icon or similar element to the menu item.\n\n### **CSS Parts:**\n - **checked-option-icon** - The checked option icon, an `<zn-icon>` element.\n- **base** - The component's base wrapper.\n- **label** - The option's label.\n- **prefix** - The container that wraps the prefix.\n- **suffix** - The container that wraps the suffix.",