@duro-app/ui 1.3.0 → 1.4.0

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.
Files changed (96) hide show
  1. package/dist/components/ActionBar/ActionBar.meta.d.ts.map +1 -1
  2. package/dist/components/Alert/Alert.meta.d.ts.map +1 -1
  3. package/dist/components/Button/Button.meta.d.ts.map +1 -1
  4. package/dist/components/ButtonGroup/ButtonGroup.meta.d.ts.map +1 -1
  5. package/dist/components/Callout/Callout.meta.d.ts.map +1 -1
  6. package/dist/components/Card/Card.meta.d.ts.map +1 -1
  7. package/dist/components/Checkbox/Checkbox.meta.d.ts.map +1 -1
  8. package/dist/components/CheckboxGroup/CheckboxGroup.meta.d.ts.map +1 -1
  9. package/dist/components/Cluster/Cluster.meta.d.ts.map +1 -1
  10. package/dist/components/ColorInput/ColorInput.meta.d.ts.map +1 -1
  11. package/dist/components/ColorMode/ColorMode.meta.d.ts.map +1 -1
  12. package/dist/components/Combobox/Combobox.meta.d.ts.map +1 -1
  13. package/dist/components/ConfirmDialog/ConfirmDialog.meta.d.ts.map +1 -1
  14. package/dist/components/DetailPanel/DetailPanel.meta.d.ts.map +1 -1
  15. package/dist/components/Dialog/Dialog.meta.d.ts.map +1 -1
  16. package/dist/components/Drawer/Drawer.meta.d.ts.map +1 -1
  17. package/dist/components/Field/Field.meta.d.ts.map +1 -1
  18. package/dist/components/Fieldset/Fieldset.meta.d.ts.map +1 -1
  19. package/dist/components/Form/Form.meta.d.ts.map +1 -1
  20. package/dist/components/Grid/Grid.meta.d.ts.map +1 -1
  21. package/dist/components/Heading/Heading.meta.d.ts.map +1 -1
  22. package/dist/components/Icon/Icon.meta.d.ts.map +1 -1
  23. package/dist/components/Inline/Inline.meta.d.ts.map +1 -1
  24. package/dist/components/Input/Input.meta.d.ts.map +1 -1
  25. package/dist/components/InputGroup/InputGroup.meta.d.ts.map +1 -1
  26. package/dist/components/LinkButton/LinkButton.meta.d.ts.map +1 -1
  27. package/dist/components/List/List.meta.d.ts.map +1 -1
  28. package/dist/components/Menu/Menu.meta.d.ts.map +1 -1
  29. package/dist/components/PageShell/PageShell.meta.d.ts.map +1 -1
  30. package/dist/components/Panel/Panel.meta.d.ts.map +1 -1
  31. package/dist/components/RadioGroup/RadioGroup.meta.d.ts.map +1 -1
  32. package/dist/components/Select/Select.meta.d.ts.map +1 -1
  33. package/dist/components/SideNav/SideNav.meta.d.ts.map +1 -1
  34. package/dist/components/Stack/Stack.meta.d.ts.map +1 -1
  35. package/dist/components/StatusIcon/StatusIcon.meta.d.ts.map +1 -1
  36. package/dist/components/Switch/Switch.meta.d.ts.map +1 -1
  37. package/dist/components/Table/Table.meta.d.ts.map +1 -1
  38. package/dist/components/Tabs/Tabs.meta.d.ts.map +1 -1
  39. package/dist/components/Tag/Tag.meta.d.ts.map +1 -1
  40. package/dist/components/TagGroup/TagGroup.meta.d.ts.map +1 -1
  41. package/dist/components/Text/Text.meta.d.ts.map +1 -1
  42. package/dist/components/Textarea/Textarea.meta.d.ts.map +1 -1
  43. package/dist/components/Toast/Toast.meta.d.ts.map +1 -1
  44. package/dist/components/Toggle/Toggle.meta.d.ts.map +1 -1
  45. package/dist/components/ToggleGroup/ToggleGroup.meta.d.ts.map +1 -1
  46. package/dist/components/VirtualTable/VirtualTable.meta.d.ts.map +1 -1
  47. package/dist/components/component-meta.d.ts +12 -0
  48. package/dist/components/component-meta.d.ts.map +1 -1
  49. package/package.json +2 -2
  50. package/src/components/ActionBar/ActionBar.meta.ts +5 -1
  51. package/src/components/Alert/Alert.meta.ts +1 -0
  52. package/src/components/Button/Button.meta.ts +6 -2
  53. package/src/components/ButtonGroup/ButtonGroup.meta.ts +2 -0
  54. package/src/components/Callout/Callout.meta.ts +1 -0
  55. package/src/components/Card/Card.meta.ts +1 -0
  56. package/src/components/Checkbox/Checkbox.meta.ts +6 -1
  57. package/src/components/CheckboxGroup/CheckboxGroup.meta.ts +12 -2
  58. package/src/components/Cluster/Cluster.meta.ts +10 -2
  59. package/src/components/ColorInput/ColorInput.meta.ts +10 -2
  60. package/src/components/ColorMode/ColorMode.meta.ts +2 -0
  61. package/src/components/Combobox/Combobox.meta.ts +7 -1
  62. package/src/components/ConfirmDialog/ConfirmDialog.meta.ts +10 -2
  63. package/src/components/DetailPanel/DetailPanel.meta.ts +6 -2
  64. package/src/components/Dialog/Dialog.meta.ts +2 -0
  65. package/src/components/Drawer/Drawer.meta.ts +6 -1
  66. package/src/components/Field/Field.meta.ts +8 -4
  67. package/src/components/Fieldset/Fieldset.meta.ts +7 -3
  68. package/src/components/Form/Form.meta.ts +10 -2
  69. package/src/components/Grid/Grid.meta.ts +7 -1
  70. package/src/components/Heading/Heading.meta.ts +5 -1
  71. package/src/components/Icon/Icon.meta.ts +1 -0
  72. package/src/components/Inline/Inline.meta.ts +10 -2
  73. package/src/components/Input/Input.meta.ts +11 -3
  74. package/src/components/InputGroup/InputGroup.meta.ts +6 -1
  75. package/src/components/LinkButton/LinkButton.meta.ts +7 -1
  76. package/src/components/List/List.meta.ts +7 -1
  77. package/src/components/Menu/Menu.meta.ts +6 -2
  78. package/src/components/PageShell/PageShell.meta.ts +6 -2
  79. package/src/components/Panel/Panel.meta.ts +2 -4
  80. package/src/components/RadioGroup/RadioGroup.meta.ts +12 -2
  81. package/src/components/Select/Select.meta.ts +10 -2
  82. package/src/components/SideNav/SideNav.meta.ts +6 -2
  83. package/src/components/Stack/Stack.meta.ts +10 -2
  84. package/src/components/StatusIcon/StatusIcon.meta.ts +10 -2
  85. package/src/components/Switch/Switch.meta.ts +6 -1
  86. package/src/components/Table/Table.meta.ts +5 -1
  87. package/src/components/Tabs/Tabs.meta.ts +5 -1
  88. package/src/components/Tag/Tag.meta.ts +10 -2
  89. package/src/components/TagGroup/TagGroup.meta.ts +11 -3
  90. package/src/components/Text/Text.meta.ts +5 -1
  91. package/src/components/Textarea/Textarea.meta.ts +6 -2
  92. package/src/components/Toast/Toast.meta.ts +2 -0
  93. package/src/components/Toggle/Toggle.meta.ts +11 -3
  94. package/src/components/ToggleGroup/ToggleGroup.meta.ts +6 -2
  95. package/src/components/VirtualTable/VirtualTable.meta.ts +1 -0
  96. package/src/components/component-meta.ts +16 -1
@@ -1 +1 @@
1
- {"version":3,"file":"ActionBar.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkBlB,CAAA"}
1
+ {"version":3,"file":"ActionBar.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/ActionBar.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"Alert.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAoBlB,CAAA"}
1
+ {"version":3,"file":"Button.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA6BlB,CAAA"}
1
+ {"version":3,"file":"ButtonGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonGroup/ButtonGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Callout.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAA"}
1
+ {"version":3,"file":"Callout.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Callout/Callout.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Card.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"Card.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
1
+ {"version":3,"file":"Checkbox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"CheckboxGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Cluster.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkBlB,CAAA"}
1
+ {"version":3,"file":"Cluster.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Cluster/Cluster.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ColorInput.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ColorInput/ColorInput.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmBlB,CAAA"}
1
+ {"version":3,"file":"ColorInput.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ColorInput/ColorInput.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ColorMode.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorMode.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqClB,CAAA"}
1
+ {"version":3,"file":"ColorMode.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorMode.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsClB,CAAA"}
1
+ {"version":3,"file":"Combobox.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA4ClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConfirmDialog.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
1
+ {"version":3,"file":"ConfirmDialog.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0ClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"DetailPanel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyClB,CAAA"}
1
+ {"version":3,"file":"DetailPanel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA6ClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+ClB,CAAA"}
1
+ {"version":3,"file":"Dialog.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiDlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Drawer.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA6ClB,CAAA"}
1
+ {"version":3,"file":"Drawer.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkDlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Field.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgClB,CAAA"}
1
+ {"version":3,"file":"Field.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAoClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Fieldset.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiClB,CAAA"}
1
+ {"version":3,"file":"Fieldset.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Form.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgClB,CAAA"}
1
+ {"version":3,"file":"Form.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Form.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Grid.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"Grid.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Grid.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Heading.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
1
+ {"version":3,"file":"Heading.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAoBlB,CAAA"}
1
+ {"version":3,"file":"Icon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Inline.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmBlB,CAAA"}
1
+ {"version":3,"file":"Inline.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Inline/Inline.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAelB,CAAA"}
1
+ {"version":3,"file":"Input.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"InputGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA4BlB,CAAA"}
1
+ {"version":3,"file":"InputGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/InputGroup/InputGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.meta.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmBlB,CAAA"}
1
+ {"version":3,"file":"LinkButton.meta.d.ts","sourceRoot":"","sources":["../../../src/components/LinkButton/LinkButton.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"List.meta.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0ClB,CAAA"}
1
+ {"version":3,"file":"List.meta.d.ts","sourceRoot":"","sources":["../../../src/components/List/List.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgDlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
1
+ {"version":3,"file":"Menu.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"PageShell.meta.d.ts","sourceRoot":"","sources":["../../../src/components/PageShell/PageShell.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqBlB,CAAA"}
1
+ {"version":3,"file":"PageShell.meta.d.ts","sourceRoot":"","sources":["../../../src/components/PageShell/PageShell.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Panel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2ClB,CAAA"}
1
+ {"version":3,"file":"Panel.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"RadioGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"RadioGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
1
+ {"version":3,"file":"Select.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAuClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkClB,CAAA"}
1
+ {"version":3,"file":"SideNav.meta.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAsClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Stack.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkBlB,CAAA"}
1
+ {"version":3,"file":"Stack.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"StatusIcon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAkBlB,CAAA"}
1
+ {"version":3,"file":"StatusIcon.meta.d.ts","sourceRoot":"","sources":["../../../src/components/StatusIcon/StatusIcon.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA0BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyBlB,CAAA"}
1
+ {"version":3,"file":"Switch.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA8BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Table.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiClB,CAAA"}
1
+ {"version":3,"file":"Table.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAqClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA4BlB,CAAA"}
1
+ {"version":3,"file":"Tabs.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmBlB,CAAA"}
1
+ {"version":3,"file":"Tag.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"TagGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwBlB,CAAA"}
1
+ {"version":3,"file":"TagGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAgClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAoBlB,CAAA"}
1
+ {"version":3,"file":"Text.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAelB,CAAA"}
1
+ {"version":3,"file":"Textarea.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmBlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
1
+ {"version":3,"file":"Toast.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAiClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
1
+ {"version":3,"file":"Toggle.meta.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAmClB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToggleGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA2BlB,CAAA"}
1
+ {"version":3,"file":"ToggleGroup.meta.d.ts","sourceRoot":"","sources":["../../../src/components/ToggleGroup/ToggleGroup.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aA+BlB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"VirtualTable.meta.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAwClB,CAAA"}
1
+ {"version":3,"file":"VirtualTable.meta.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualTable/VirtualTable.meta.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,eAAO,MAAM,IAAI,EAAE,aAyClB,CAAA"}
@@ -6,8 +6,20 @@ export interface ComponentMeta {
6
6
  required: string[];
7
7
  optional?: string[];
8
8
  };
9
+ /**
10
+ * Neighbouring components and how they relate.
11
+ *
12
+ * `kind` is required because the two relationships are not interchangeable
13
+ * and tooling has to tell them apart: `contrast` means the two are
14
+ * alternatives you pick BETWEEN ("Switch for on/off settings; Checkbox for
15
+ * opt-in"), `composition` means one goes INSIDE the other ("Place Input
16
+ * inside Field.Root"). The session-start catalog surfaces the contrast half
17
+ * as a wrong-pick guard, so an edge filed under the wrong kind quietly
18
+ * either disappears from it or pollutes it.
19
+ */
9
20
  relatedTo?: Array<{
10
21
  component: string;
22
+ kind: 'contrast' | 'composition';
11
23
  relationship: string;
12
24
  }>;
13
25
  example: string;
@@ -1 +1 @@
1
- {"version":3,"file":"component-meta.d.ts","sourceRoot":"","sources":["../../src/components/component-meta.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAC,CAAA;IACnD,SAAS,CAAC,EAAE,KAAK,CAAC;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAC,CAAC,CAAA;IAC5D,OAAO,EAAE,MAAM,CAAA;CAChB"}
1
+ {"version":3,"file":"component-meta.d.ts","sourceRoot":"","sources":["../../src/components/component-meta.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE;QAAC,QAAQ,EAAE,MAAM,EAAE,CAAC;QAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;KAAC,CAAA;IACnD;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,IAAI,EAAE,UAAU,GAAG,aAAa,CAAA;QAChC,YAAY,EAAE,MAAM,CAAA;KACrB,CAAC,CAAA;IACF,OAAO,EAAE,MAAM,CAAA;CAChB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duro-app/ui",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -64,7 +64,7 @@
64
64
  },
65
65
  "dependencies": {
66
66
  "@tanstack/react-virtual": "^3.14.6",
67
- "@duro-app/tokens": "^1.3.0"
67
+ "@duro-app/tokens": "^1.4.0"
68
68
  },
69
69
  "devDependencies": {
70
70
  "@babel/preset-typescript": "^7.28.0",
@@ -13,7 +13,11 @@ export const meta: ComponentMeta = {
13
13
  'Persistent toolbars — use Inline with buttons',
14
14
  ],
15
15
  relatedTo: [
16
- {component: 'Table', relationship: 'Common pattern: Table checkboxes + ActionBar for bulk ops'},
16
+ {
17
+ component: 'Table',
18
+ kind: 'composition',
19
+ relationship: 'Common pattern: Table checkboxes + ActionBar for bulk ops',
20
+ },
17
21
  ],
18
22
  example: `<ActionBar selectedItemCount={selected.size} onClearSelection={() => setSelected(new Set())}>
19
23
  <Button variant="danger" size="small" onClick={handleDelete}>Delete</Button>
@@ -16,6 +16,7 @@ export const meta: ComponentMeta = {
16
16
  relatedTo: [
17
17
  {
18
18
  component: 'Callout',
19
+ kind: 'contrast',
19
20
  relationship: 'Callout for larger block-level messages; Alert for compact inline',
20
21
  },
21
22
  ],
@@ -12,8 +12,12 @@ export const meta: ComponentMeta = {
12
12
  'Toggling state — use Toggle',
13
13
  ],
14
14
  relatedTo: [
15
- {component: 'LinkButton', relationship: 'LinkButton for navigation; Button for actions'},
16
- {component: 'Toggle', relationship: 'Toggle for pressed/unpressed state'},
15
+ {
16
+ component: 'LinkButton',
17
+ kind: 'contrast',
18
+ relationship: 'LinkButton for navigation; Button for actions',
19
+ },
20
+ {component: 'Toggle', kind: 'contrast', relationship: 'Toggle for pressed/unpressed state'},
17
21
  ],
18
22
  example: `<Inline gap="sm">
19
23
  <Button variant="primary" type="submit">Save</Button>
@@ -16,11 +16,13 @@ export const meta: ComponentMeta = {
16
16
  relatedTo: [
17
17
  {
18
18
  component: 'Inline',
19
+ kind: 'contrast',
19
20
  relationship:
20
21
  'Inline is a general-purpose horizontal layout; ButtonGroup adds role="group" and disabled support',
21
22
  },
22
23
  {
23
24
  component: 'ActionBar',
25
+ kind: 'contrast',
24
26
  relationship:
25
27
  'ActionBar is a floating bulk-selection toolbar; ButtonGroup is a static grouping',
26
28
  },
@@ -16,6 +16,7 @@ export const meta: ComponentMeta = {
16
16
  relatedTo: [
17
17
  {
18
18
  component: 'Alert',
19
+ kind: 'contrast',
19
20
  relationship: 'Alert for compact inline; Callout for block-level prominent',
20
21
  },
21
22
  ],
@@ -16,6 +16,7 @@ export const meta: ComponentMeta = {
16
16
  relatedTo: [
17
17
  {
18
18
  component: 'Panel',
19
+ kind: 'contrast',
19
20
  relationship: 'Panel for structural Header/Body/Footer; Card for visual container',
20
21
  },
21
22
  ],
@@ -14,9 +14,14 @@ export const meta: ComponentMeta = {
14
14
  relatedTo: [
15
15
  {
16
16
  component: 'Switch',
17
+ kind: 'contrast',
17
18
  relationship: 'Switch for on/off settings; Checkbox for opt-in/selection',
18
19
  },
19
- {component: 'Toggle', relationship: 'Toggle for toolbar actions; Checkbox for form input'},
20
+ {
21
+ component: 'Toggle',
22
+ kind: 'contrast',
23
+ relationship: 'Toggle for toolbar actions; Checkbox for form input',
24
+ },
20
25
  ],
21
26
  example: `<Checkbox name="terms" onChange={(e) => console.log(e.target.checked)}>
22
27
  I agree to the terms and conditions
@@ -15,10 +15,20 @@ export const meta: ComponentMeta = {
15
15
  relatedTo: [
16
16
  {
17
17
  component: 'RadioGroup',
18
+ kind: 'contrast',
18
19
  relationship: 'RadioGroup for single-select; CheckboxGroup for multi-select',
19
20
  },
20
- {component: 'Checkbox', relationship: 'CheckboxGroup.Item wraps Checkbox internally'},
21
- {component: 'ToggleGroup', relationship: 'ToggleGroup for toolbar-style multi-select'},
21
+ {
22
+ component: 'Checkbox',
23
+ kind: 'composition',
24
+ relationship: 'CheckboxGroup.Item wraps Checkbox internally',
25
+ },
26
+ {
27
+ component: 'ToggleGroup',
28
+ kind: 'contrast',
29
+ relationship:
30
+ 'CheckboxGroup for form multi-select; ToggleGroup for segmented/toolbar multi-select',
31
+ },
22
32
  ],
23
33
  example: `<CheckboxGroup.Root defaultValue={['email']} onValueChange={(v) => console.log(v)}>
24
34
  <CheckboxGroup.Item value="email">Email</CheckboxGroup.Item>
@@ -9,8 +9,16 @@ export const meta: ComponentMeta = {
9
9
  ],
10
10
  whenNotToUse: ['Items that must stay on one line — use Inline', 'Vertical stacking — use Stack'],
11
11
  relatedTo: [
12
- {component: 'Inline', relationship: 'Same but does NOT wrap (nowrap)'},
13
- {component: 'Stack', relationship: 'Vertical equivalent'},
12
+ {
13
+ component: 'Inline',
14
+ kind: 'contrast',
15
+ relationship: 'Cluster wraps when items overflow; Inline stays on one row',
16
+ },
17
+ {
18
+ component: 'Stack',
19
+ kind: 'contrast',
20
+ relationship: 'Stack stacks vertically; Cluster lays out horizontally and wraps',
21
+ },
14
22
  ],
15
23
  example: `<Cluster gap="xs">
16
24
  <Badge>React</Badge>
@@ -12,8 +12,16 @@ export const meta: ComponentMeta = {
12
12
  'A full palette/gradient picker — out of scope; this is the native swatch',
13
13
  ],
14
14
  relatedTo: [
15
- {component: 'Input', relationship: 'Sibling form control; same Field-context contract'},
16
- {component: 'Field', relationship: 'Wrap in Field.Root for label + error wiring'},
15
+ {
16
+ component: 'Input',
17
+ kind: 'contrast',
18
+ relationship: 'ColorInput is the native color swatch; Input is text entry',
19
+ },
20
+ {
21
+ component: 'Field',
22
+ kind: 'composition',
23
+ relationship: 'Wrap in Field.Root for label + error wiring',
24
+ },
17
25
  ],
18
26
  example: `<Field.Root>
19
27
  <Field.Label>Accent</Field.Label>
@@ -19,11 +19,13 @@ export const meta: ComponentMeta = {
19
19
  relatedTo: [
20
20
  {
21
21
  component: 'ThemeProvider',
22
+ kind: 'composition',
22
23
  relationship:
23
24
  'ColorModeProvider renders ThemeProvider with the resolved theme; use ThemeProvider alone for a fixed theme',
24
25
  },
25
26
  {
26
27
  component: 'Toggle',
28
+ kind: 'contrast',
27
29
  relationship: 'Toggle is a generic pressed button; ColorModeToggle cycles theme modes',
28
30
  },
29
31
  ],
@@ -20,13 +20,19 @@ export const meta: ComponentMeta = {
20
20
  relatedTo: [
21
21
  {
22
22
  component: 'Select',
23
+ kind: 'contrast',
23
24
  relationship: 'Select for short lists without search; Combobox for long filterable lists',
24
25
  },
25
26
  {
26
27
  component: 'Input',
28
+ kind: 'contrast',
27
29
  relationship: 'Input for free-form text; Combobox for constrained selection',
28
30
  },
29
- {component: 'Menu', relationship: 'Menu triggers actions; Combobox picks a value'},
31
+ {
32
+ component: 'Menu',
33
+ kind: 'contrast',
34
+ relationship: 'Menu triggers actions; Combobox picks a value',
35
+ },
30
36
  ],
31
37
  example: `<Combobox.Root name="country" defaultValue="us" initialLabels={{us: 'United States'}}>
32
38
  <Combobox.Input placeholder="Search countries…" />
@@ -16,8 +16,16 @@ export const meta: ComponentMeta = {
16
16
  optional: ['confirmPhrase', 'promptLabel', 'confirmSlot', 'onConfirm', 'confirmLabel'],
17
17
  },
18
18
  relatedTo: [
19
- {component: 'Dialog', relationship: 'Built on Dialog; this adds the phrase gate + footer'},
20
- {component: 'Button', relationship: 'The confirm/cancel actions'},
19
+ {
20
+ component: 'Dialog',
21
+ kind: 'composition',
22
+ relationship: 'Built on Dialog — ConfirmDialog adds the phrase gate + footer',
23
+ },
24
+ {
25
+ component: 'Button',
26
+ kind: 'composition',
27
+ relationship: 'Button renders the confirm/cancel actions inside ConfirmDialog',
28
+ },
21
29
  ],
22
30
  example: `<ConfirmDialog
23
31
  open={open}
@@ -20,10 +20,14 @@ export const meta: ComponentMeta = {
20
20
  relatedTo: [
21
21
  {
22
22
  component: 'Drawer',
23
+ kind: 'contrast',
23
24
  relationship: 'Drawer is modal with backdrop; DetailPanel is non-modal and in-flow',
24
25
  },
25
- {component: 'Panel', relationship: 'DetailPanel uses Panel structure internally'},
26
- {component: 'Table', relationship: 'Common pattern: Table + DetailPanel for master-detail'},
26
+ {
27
+ component: 'Table',
28
+ kind: 'composition',
29
+ relationship: 'Common pattern: Table + DetailPanel for master-detail',
30
+ },
27
31
  ],
28
32
  example: `<html.div style={layoutStyles.container}>
29
33
  <html.div style={layoutStyles.main}>
@@ -22,10 +22,12 @@ export const meta: ComponentMeta = {
22
22
  relatedTo: [
23
23
  {
24
24
  component: 'Drawer',
25
+ kind: 'contrast',
25
26
  relationship: 'Drawer slides from an edge; Dialog is centered with scale animation',
26
27
  },
27
28
  {
28
29
  component: 'DetailPanel',
30
+ kind: 'contrast',
29
31
  relationship: 'DetailPanel is non-modal and in-flow; Dialog is modal with backdrop',
30
32
  },
31
33
  ],
@@ -20,9 +20,14 @@ export const meta: ComponentMeta = {
20
20
  optional: ['Trigger', 'Header', 'Title', 'Description', 'Body', 'Footer', 'Close'],
21
21
  },
22
22
  relatedTo: [
23
- {component: 'Dialog', relationship: 'Dialog is centered modal; Drawer slides from an edge'},
23
+ {
24
+ component: 'Dialog',
25
+ kind: 'contrast',
26
+ relationship: 'Dialog is centered modal; Drawer slides from an edge',
27
+ },
24
28
  {
25
29
  component: 'DetailPanel',
30
+ kind: 'contrast',
26
31
  relationship: 'DetailPanel is non-modal and in-flow; Drawer is modal with backdrop',
27
32
  },
28
33
  ],
@@ -13,10 +13,14 @@ export const meta: ComponentMeta = {
13
13
  optional: ['Label', 'Description', 'Error'],
14
14
  },
15
15
  relatedTo: [
16
- {component: 'Form', relationship: 'Field.Root auto-binds when name matches schema key'},
17
- {component: 'Input', relationship: 'Place Input inside Field.Root'},
18
- {component: 'Textarea', relationship: 'Place Textarea inside Field.Root'},
19
- {component: 'Select', relationship: 'Place Select inside Field.Root'},
16
+ {
17
+ component: 'Form',
18
+ kind: 'composition',
19
+ relationship: 'Field.Root auto-binds when name matches schema key',
20
+ },
21
+ {component: 'Input', kind: 'composition', relationship: 'Place Input inside Field.Root'},
22
+ {component: 'Textarea', kind: 'composition', relationship: 'Place Textarea inside Field.Root'},
23
+ {component: 'Select', kind: 'composition', relationship: 'Place Select inside Field.Root'},
20
24
  ],
21
25
  example: `// Inside Form (auto-binds validation)
22
26
  <Field.Root name="email">
@@ -13,9 +13,13 @@ export const meta: ComponentMeta = {
13
13
  optional: ['Legend'],
14
14
  },
15
15
  relatedTo: [
16
- {component: 'Form', relationship: 'Fieldset.Root goes inside Form'},
17
- {component: 'Field', relationship: 'Field.Root goes inside Fieldset.Root'},
18
- {component: 'Stack', relationship: 'Similar vertical spacing, but Fieldset has form semantics'},
16
+ {component: 'Form', kind: 'composition', relationship: 'Fieldset.Root goes inside Form'},
17
+ {component: 'Field', kind: 'composition', relationship: 'Field.Root goes inside Fieldset.Root'},
18
+ {
19
+ component: 'Stack',
20
+ kind: 'contrast',
21
+ relationship: 'Similar vertical spacing, but Fieldset has form semantics',
22
+ },
19
23
  ],
20
24
  example: `<Form schema={schema} defaultValues={defaults} onSubmit={onSubmit}>
21
25
  <Fieldset.Root gap="md">