@cloudgrid-io/ui 0.33.0 → 0.34.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 (122) hide show
  1. package/README.md +25 -0
  2. package/dist/badge/css-live.d.ts +7 -4
  3. package/dist/badge/css-live.d.ts.map +1 -1
  4. package/dist/badge/css-live.js +9 -6
  5. package/dist/badge/css-live.js.map +1 -1
  6. package/dist/badge/palette.d.ts +1 -1
  7. package/dist/badge/palette.d.ts.map +1 -1
  8. package/dist/badge/palette.js +2 -1
  9. package/dist/badge/palette.js.map +1 -1
  10. package/dist/blocks/bar-chart.d.ts +97 -0
  11. package/dist/blocks/bar-chart.d.ts.map +1 -0
  12. package/dist/blocks/bar-chart.js +25 -0
  13. package/dist/blocks/bar-chart.js.map +1 -0
  14. package/dist/blocks/chart-parts.d.ts +101 -0
  15. package/dist/blocks/chart-parts.d.ts.map +1 -0
  16. package/dist/blocks/chart-parts.js +96 -0
  17. package/dist/blocks/chart-parts.js.map +1 -0
  18. package/dist/blocks/coming-soon-tag.d.ts +34 -0
  19. package/dist/blocks/coming-soon-tag.d.ts.map +1 -0
  20. package/dist/blocks/coming-soon-tag.js +37 -0
  21. package/dist/blocks/coming-soon-tag.js.map +1 -0
  22. package/dist/blocks/disabled-button.d.ts +43 -0
  23. package/dist/blocks/disabled-button.d.ts.map +1 -0
  24. package/dist/blocks/disabled-button.js +50 -0
  25. package/dist/blocks/disabled-button.js.map +1 -0
  26. package/dist/blocks/entity-card.d.ts.map +1 -1
  27. package/dist/blocks/entity-card.js +3 -1
  28. package/dist/blocks/entity-card.js.map +1 -1
  29. package/dist/blocks/full-screen-button.d.ts +9 -0
  30. package/dist/blocks/full-screen-button.d.ts.map +1 -0
  31. package/dist/blocks/full-screen-button.js +51 -0
  32. package/dist/blocks/full-screen-button.js.map +1 -0
  33. package/dist/blocks/icons.d.ts +30 -0
  34. package/dist/blocks/icons.d.ts.map +1 -1
  35. package/dist/blocks/icons.js +30 -0
  36. package/dist/blocks/icons.js.map +1 -1
  37. package/dist/blocks/meter.d.ts +57 -0
  38. package/dist/blocks/meter.d.ts.map +1 -0
  39. package/dist/blocks/meter.js +19 -0
  40. package/dist/blocks/meter.js.map +1 -0
  41. package/dist/blocks/notice.d.ts +87 -0
  42. package/dist/blocks/notice.d.ts.map +1 -0
  43. package/dist/blocks/notice.js +26 -0
  44. package/dist/blocks/notice.js.map +1 -0
  45. package/dist/blocks/pager.d.ts +76 -0
  46. package/dist/blocks/pager.d.ts.map +1 -0
  47. package/dist/blocks/pager.js +86 -0
  48. package/dist/blocks/pager.js.map +1 -0
  49. package/dist/blocks/phosphor-marks.d.ts +20 -0
  50. package/dist/blocks/phosphor-marks.d.ts.map +1 -1
  51. package/dist/blocks/phosphor-marks.js +30 -0
  52. package/dist/blocks/phosphor-marks.js.map +1 -1
  53. package/dist/blocks/ranked-list.d.ts +67 -0
  54. package/dist/blocks/ranked-list.d.ts.map +1 -0
  55. package/dist/blocks/ranked-list.js +32 -0
  56. package/dist/blocks/ranked-list.js.map +1 -0
  57. package/dist/blocks/side-nav.d.ts.map +1 -1
  58. package/dist/blocks/side-nav.js +3 -1
  59. package/dist/blocks/side-nav.js.map +1 -1
  60. package/dist/blocks/sign-in-options.d.ts.map +1 -1
  61. package/dist/blocks/sign-in-options.js +3 -1
  62. package/dist/blocks/sign-in-options.js.map +1 -1
  63. package/dist/blocks/stacked-bar.d.ts +64 -0
  64. package/dist/blocks/stacked-bar.d.ts.map +1 -0
  65. package/dist/blocks/stacked-bar.js +18 -0
  66. package/dist/blocks/stacked-bar.js.map +1 -0
  67. package/dist/blocks/stat-tile.d.ts +42 -1
  68. package/dist/blocks/stat-tile.d.ts.map +1 -1
  69. package/dist/blocks/stat-tile.js +23 -4
  70. package/dist/blocks/stat-tile.js.map +1 -1
  71. package/dist/blocks/tab-bar.d.ts.map +1 -1
  72. package/dist/blocks/tab-bar.js +3 -1
  73. package/dist/blocks/tab-bar.js.map +1 -1
  74. package/dist/blocks/timeline.d.ts +53 -0
  75. package/dist/blocks/timeline.d.ts.map +1 -0
  76. package/dist/blocks/timeline.js +18 -0
  77. package/dist/blocks/timeline.js.map +1 -0
  78. package/dist/blocks/tool-setup.d.ts.map +1 -1
  79. package/dist/blocks/tool-setup.js +3 -1
  80. package/dist/blocks/tool-setup.js.map +1 -1
  81. package/dist/blocks/trend.d.ts +33 -0
  82. package/dist/blocks/trend.d.ts.map +1 -0
  83. package/dist/blocks/trend.js +13 -0
  84. package/dist/blocks/trend.js.map +1 -0
  85. package/dist/claim-banner/css.d.ts +39 -0
  86. package/dist/claim-banner/css.d.ts.map +1 -0
  87. package/dist/claim-banner/css.js +87 -0
  88. package/dist/claim-banner/css.js.map +1 -0
  89. package/dist/claim-banner/index.d.ts +122 -0
  90. package/dist/claim-banner/index.d.ts.map +1 -0
  91. package/dist/claim-banner/index.js +135 -0
  92. package/dist/claim-banner/index.js.map +1 -0
  93. package/dist/docs.css +466 -0
  94. package/dist/expressive-code-palette.d.ts +5 -0
  95. package/dist/expressive-code-palette.d.ts.map +1 -0
  96. package/dist/expressive-code-palette.js +10 -0
  97. package/dist/expressive-code-palette.js.map +1 -0
  98. package/dist/expressive-code.d.ts +57 -0
  99. package/dist/expressive-code.d.ts.map +1 -0
  100. package/dist/expressive-code.js +101 -0
  101. package/dist/expressive-code.js.map +1 -0
  102. package/dist/index.d.ts +12 -0
  103. package/dist/index.d.ts.map +1 -1
  104. package/dist/index.js +12 -0
  105. package/dist/index.js.map +1 -1
  106. package/dist/tokens/base.json +13 -0
  107. package/dist/tokens/surface-ink.json +13 -0
  108. package/dist/tokens/surface-panel.json +13 -0
  109. package/dist/tokens.css +36 -0
  110. package/dist/tokens.json +6 -3
  111. package/dist/ui/card.d.ts +23 -2
  112. package/dist/ui/card.d.ts.map +1 -1
  113. package/dist/ui/card.js +16 -5
  114. package/dist/ui/card.js.map +1 -1
  115. package/dist/ui/drawer.d.ts +37 -6
  116. package/dist/ui/drawer.d.ts.map +1 -1
  117. package/dist/ui/drawer.js +31 -7
  118. package/dist/ui/drawer.js.map +1 -1
  119. package/dist/ui/input-group.d.ts.map +1 -1
  120. package/dist/ui/input-group.js +3 -1
  121. package/dist/ui/input-group.js.map +1 -1
  122. package/package.json +18 -3
package/dist/index.d.ts CHANGED
@@ -28,14 +28,18 @@ export * from "./ui/textarea.js";
28
28
  export * from "./ui/tooltip.js";
29
29
  export * from "./blocks/agent-prompt.js";
30
30
  export * from "./blocks/avatar.js";
31
+ export * from "./blocks/bar-chart.js";
31
32
  export * from "./blocks/card-grid.js";
32
33
  export * from "./blocks/celebration.js";
34
+ export * from "./blocks/chart-parts.js";
33
35
  export * from "./blocks/cloudgrid-install.js";
36
+ export * from "./blocks/coming-soon-tag.js";
34
37
  export * from "./blocks/command-field.js";
35
38
  export * from "./blocks/compare-table.js";
36
39
  export * from "./blocks/confirm-delete-dialog.js";
37
40
  export * from "./blocks/creation-tile.js";
38
41
  export * from "./blocks/cta-banner.js";
42
+ export * from "./blocks/disabled-button.js";
39
43
  export * from "./blocks/drop-zone.js";
40
44
  export * from "./blocks/empty-creations.js";
41
45
  export * from "./blocks/entity-card.js";
@@ -45,31 +49,39 @@ export * from "./blocks/eyebrow.js";
45
49
  export * from "./blocks/expiry-notice.js";
46
50
  export * from "./blocks/feature-cells.js";
47
51
  export * from "./blocks/feed-post.js";
52
+ export * from "./blocks/full-screen-button.js";
48
53
  export * from "./blocks/hub-index.js";
49
54
  export * from "./blocks/install-content.js";
50
55
  export * from "./blocks/icons.js";
51
56
  export * from "./blocks/logo.js";
57
+ export * from "./blocks/meter.js";
58
+ export * from "./blocks/notice.js";
52
59
  export * from "./blocks/notification-row.js";
53
60
  export * from "./blocks/onboarding-question.js";
54
61
  export * from "./blocks/option-card.js";
55
62
  export * from "./blocks/page-heading.js";
63
+ export * from "./blocks/pager.js";
56
64
  export * from "./blocks/phosphor-marks.js";
57
65
  export * from "./blocks/pricing-tier-cards.js";
58
66
  export * from "./blocks/pricing-tiers.js";
59
67
  export * from "./blocks/prompt-block.js";
60
68
  export * from "./blocks/quote.js";
69
+ export * from "./blocks/ranked-list.js";
61
70
  export * from "./blocks/rich-text.js";
62
71
  export * from "./blocks/shelf.js";
63
72
  export * from "./blocks/showcase-scroll.js";
64
73
  export * from "./blocks/side-nav.js";
65
74
  export * from "./blocks/sign-in-options.js";
75
+ export * from "./blocks/stacked-bar.js";
66
76
  export * from "./blocks/stage-panel.js";
67
77
  export * from "./blocks/stat-tile.js";
68
78
  export * from "./blocks/step-item.js";
69
79
  export * from "./blocks/tab-bar.js";
80
+ export * from "./blocks/timeline.js";
70
81
  export * from "./blocks/token-specimen.js";
71
82
  export * from "./blocks/tool-logo.js";
72
83
  export * from "./blocks/tool-setup.js";
73
84
  export * from "./blocks/tool-marks.js";
85
+ export * from "./blocks/trend.js";
74
86
  export * from "./lib/cloudgrid-cn.js";
75
87
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAGtC,cAAc,uBAAuB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAG/B,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,uBAAuB,CAAA"}
package/dist/index.js CHANGED
@@ -45,14 +45,18 @@ export * from "./ui/tooltip.js";
45
45
  // Composed blocks.
46
46
  export * from "./blocks/agent-prompt.js";
47
47
  export * from "./blocks/avatar.js";
48
+ export * from "./blocks/bar-chart.js";
48
49
  export * from "./blocks/card-grid.js";
49
50
  export * from "./blocks/celebration.js";
51
+ export * from "./blocks/chart-parts.js";
50
52
  export * from "./blocks/cloudgrid-install.js";
53
+ export * from "./blocks/coming-soon-tag.js";
51
54
  export * from "./blocks/command-field.js";
52
55
  export * from "./blocks/compare-table.js";
53
56
  export * from "./blocks/confirm-delete-dialog.js";
54
57
  export * from "./blocks/creation-tile.js";
55
58
  export * from "./blocks/cta-banner.js";
59
+ export * from "./blocks/disabled-button.js";
56
60
  export * from "./blocks/drop-zone.js";
57
61
  export * from "./blocks/empty-creations.js";
58
62
  export * from "./blocks/entity-card.js";
@@ -62,32 +66,40 @@ export * from "./blocks/eyebrow.js";
62
66
  export * from "./blocks/expiry-notice.js";
63
67
  export * from "./blocks/feature-cells.js";
64
68
  export * from "./blocks/feed-post.js";
69
+ export * from "./blocks/full-screen-button.js";
65
70
  export * from "./blocks/hub-index.js";
66
71
  export * from "./blocks/install-content.js";
67
72
  export * from "./blocks/icons.js";
68
73
  export * from "./blocks/logo.js";
74
+ export * from "./blocks/meter.js";
75
+ export * from "./blocks/notice.js";
69
76
  export * from "./blocks/notification-row.js";
70
77
  export * from "./blocks/onboarding-question.js";
71
78
  export * from "./blocks/option-card.js";
72
79
  export * from "./blocks/page-heading.js";
80
+ export * from "./blocks/pager.js";
73
81
  export * from "./blocks/phosphor-marks.js";
74
82
  export * from "./blocks/pricing-tier-cards.js";
75
83
  export * from "./blocks/pricing-tiers.js";
76
84
  export * from "./blocks/prompt-block.js";
77
85
  export * from "./blocks/quote.js";
86
+ export * from "./blocks/ranked-list.js";
78
87
  export * from "./blocks/rich-text.js";
79
88
  export * from "./blocks/shelf.js";
80
89
  export * from "./blocks/showcase-scroll.js";
81
90
  export * from "./blocks/side-nav.js";
82
91
  export * from "./blocks/sign-in-options.js";
92
+ export * from "./blocks/stacked-bar.js";
83
93
  export * from "./blocks/stage-panel.js";
84
94
  export * from "./blocks/stat-tile.js";
85
95
  export * from "./blocks/step-item.js";
86
96
  export * from "./blocks/tab-bar.js";
97
+ export * from "./blocks/timeline.js";
87
98
  export * from "./blocks/token-specimen.js";
88
99
  export * from "./blocks/tool-logo.js";
89
100
  export * from "./blocks/tool-setup.js";
90
101
  export * from "./blocks/tool-marks.js";
102
+ export * from "./blocks/trend.js";
91
103
  // The class-merge helper, which the components use and consumers may too.
92
104
  export * from "./lib/cloudgrid-cn.js";
93
105
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,EAAE;AACF,gFAAgF;AAChF,8EAA8E;AAC9E,oEAAoE;AACpE,EAAE;AACF,gFAAgF;AAChF,+EAA+E;AAC/E,yEAAyE;AACzE,gFAAgF;AAChF,4EAA4E;AAC5E,EAAE;AACF,kEAAkE;AAClE,8EAA8E;AAC9E,uEAAuE;AAEvE,cAAc;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAE/B,mBAAmB;AACnB,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mCAAmC,CAAA;AACjD,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,2BAA2B,CAAA;AACzC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,gCAAgC,CAAA;AAC9C,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AACxC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA;AACrC,cAAc,mBAAmB,CAAA;AACjC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AAEtC,0EAA0E;AAC1E,cAAc,uBAAuB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -2021,5 +2021,18 @@
2021
2021
  }
2022
2022
  }
2023
2023
  }
2024
+ },
2025
+ "data": {
2026
+ "$description": "The colours a chart paints its data in, as distinct from the brand hues they come from (#332,\nfounder ruling 2026-10-19). A mark that carries a value must hold 3:1 against its ground (WCAG\n1.4.11), and the brand cyan does not on a light one:\n\n #60e9f0 on the card #ffffff : 1.46:1\n #60e9f0 on the page ground #f1f1f6 : 1.29:1\n\nSo data gets its own token, which flips per surface, and the brand cyan keeps its value\neverywhere else. The first series needs none: it is --cg-text-accent, which already flips\n(purple, white, lime).",
2027
+ "data-cyan": {
2028
+ "$value": "#0a959b",
2029
+ "$type": "color",
2030
+ "$description": "The second data series (StackedBar's Output part). The brand cyan's hue, walked down in OKLCH\nlightness (L 0.862 to 0.610, chroma 0.118 to 0.102 to stay in gamut, hue -160.1) until the\nlightest ground a chart sits on clears 3:1 with margin, the practice --cg-accent's note records:\n\n #0a959b on the card #ffffff : 3.63:1\n #0a959b on the page ground #f1f1f6 : 3.22:1\n #0a959b on --cg-neutral-50 #f4f6f8 : 3.35:1\n\nThe first passing step on that ray, #039ba1, cleared the page ground by 0.01; this one holds\n0.22. Inside the panel and ink scopes it is the brand cyan itself, which already clears\n(4.01:1 on #5a47f0, 10.92:1 on #222222). A data colour, never text.",
2031
+ "$extensions": {
2032
+ "io.cloudgrid": {
2033
+ "css": "--cg-data-cyan"
2034
+ }
2035
+ }
2036
+ }
2024
2037
  }
2025
2038
  }
@@ -359,5 +359,18 @@
359
359
  }
360
360
  }
361
361
  }
362
+ },
363
+ "data": {
364
+ "$description": "data: ink's answer is the brand cyan itself.",
365
+ "data-cyan": {
366
+ "$value": "{brand.tertiary}",
367
+ "$type": "color",
368
+ "$description": "The brand cyan: 10.92:1 on ink #222222.",
369
+ "$extensions": {
370
+ "io.cloudgrid": {
371
+ "css": "--cg-data-cyan"
372
+ }
373
+ }
374
+ }
362
375
  }
363
376
  }
@@ -345,5 +345,18 @@
345
345
  }
346
346
  }
347
347
  }
348
+ },
349
+ "data": {
350
+ "$description": "data: the panel's answer is the brand cyan itself.",
351
+ "data-cyan": {
352
+ "$value": "{brand.tertiary}",
353
+ "$type": "color",
354
+ "$description": "The brand cyan: 4.01:1 on the panel's #5a47f0, so the data shade is not needed here.",
355
+ "$extensions": {
356
+ "io.cloudgrid": {
357
+ "css": "--cg-data-cyan"
358
+ }
359
+ }
360
+ }
348
361
  }
349
362
  }
package/dist/tokens.css CHANGED
@@ -1597,6 +1597,31 @@
1597
1597
  "Secondary2 30" style, which is the nearest thing in the same set to the two
1598
1598
  above. Founder may veto (#196). */
1599
1599
  --cg-kind-agent: #d1c9ff;
1600
+
1601
+ /* ---- data ----
1602
+ The colours a chart paints its data in, as distinct from the brand hues they come from (#332,
1603
+ founder ruling 2026-10-19). A mark that carries a value must hold 3:1 against its ground (WCAG
1604
+ 1.4.11), and the brand cyan does not on a light one:
1605
+
1606
+ #60e9f0 on the card #ffffff : 1.46:1
1607
+ #60e9f0 on the page ground #f1f1f6 : 1.29:1
1608
+
1609
+ So data gets its own token, which flips per surface, and the brand cyan keeps its value
1610
+ everywhere else. The first series needs none: it is --cg-text-accent, which already flips
1611
+ (purple, white, lime). */
1612
+ /*
1613
+ The second data series (StackedBar's Output part). The brand cyan's hue, walked down in OKLCH
1614
+ lightness (L 0.862 to 0.610, chroma 0.118 to 0.102 to stay in gamut, hue -160.1) until the
1615
+ lightest ground a chart sits on clears 3:1 with margin, the practice --cg-accent's note records:
1616
+
1617
+ #0a959b on the card #ffffff : 3.63:1
1618
+ #0a959b on the page ground #f1f1f6 : 3.22:1
1619
+ #0a959b on --cg-neutral-50 #f4f6f8 : 3.35:1
1620
+
1621
+ The first passing step on that ray, #039ba1, cleared the page ground by 0.01; this one holds
1622
+ 0.22. Inside the panel and ink scopes it is the brand cyan itself, which already clears
1623
+ (4.01:1 on #5a47f0, 10.92:1 on #222222). A data colour, never text. */
1624
+ --cg-data-cyan: #0a959b;
1600
1625
  }
1601
1626
 
1602
1627
  [data-cg-surface='panel'] {
@@ -1715,6 +1740,12 @@
1715
1740
  than as a grey cast on it. */
1716
1741
  --cg-shadow-tile: 0 1px 2px rgba(24, 12, 110, 0.16), 0 6px 16px -4px rgba(24, 12, 110, 0.26);
1717
1742
  --cg-shadow-tile-hover: 0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42);
1743
+
1744
+ /* ---- data ----
1745
+ data: the panel's answer is the brand cyan itself. */
1746
+ /*
1747
+ The brand cyan: 4.01:1 on the panel's #5a47f0, so the data shade is not needed here. */
1748
+ --cg-data-cyan: var(--cg-tertiary);
1718
1749
  }
1719
1750
 
1720
1751
  [data-cg-surface='ink'] {
@@ -1812,4 +1843,9 @@
1812
1843
  does not inherit the panel's violet. */
1813
1844
  --cg-shadow-tile: var(--cg-shadow-card);
1814
1845
  --cg-shadow-tile-hover: var(--cg-shadow-hover);
1846
+
1847
+ /* ---- data ----
1848
+ data: ink's answer is the brand cyan itself. */
1849
+ /* The brand cyan: 10.92:1 on ink #222222. */
1850
+ --cg-data-cyan: var(--cg-tertiary);
1815
1851
  }
package/dist/tokens.json CHANGED
@@ -211,7 +211,8 @@
211
211
  "--cg-hover": "rgba(34, 34, 34, 0.045)",
212
212
  "--cg-kind-inspiration": "#fae4b3",
213
213
  "--cg-kind-app": "#dffbfc",
214
- "--cg-kind-agent": "#d1c9ff"
214
+ "--cg-kind-agent": "#d1c9ff",
215
+ "--cg-data-cyan": "#0a959b"
215
216
  },
216
217
  "panel": {
217
218
  "--cg-text-primary": "#ffffff",
@@ -249,7 +250,8 @@
249
250
  "--cg-danger-strong": "var(--cg-text-primary)",
250
251
  "--cg-hover": "rgba(255, 255, 255, 0.10)",
251
252
  "--cg-shadow-tile": "0 1px 2px rgba(24, 12, 110, 0.16), 0 6px 16px -4px rgba(24, 12, 110, 0.26)",
252
- "--cg-shadow-tile-hover": "0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42)"
253
+ "--cg-shadow-tile-hover": "0 2px 4px rgba(24, 12, 110, 0.18), 0 16px 32px -8px rgba(24, 12, 110, 0.42)",
254
+ "--cg-data-cyan": "var(--cg-tertiary)"
253
255
  },
254
256
  "ink": {
255
257
  "--cg-text-primary": "#ffffff",
@@ -289,7 +291,8 @@
289
291
  "--cg-danger-strong": "var(--cg-text-primary)",
290
292
  "--cg-hover": "rgba(255, 255, 255, 0.06)",
291
293
  "--cg-shadow-tile": "var(--cg-shadow-card)",
292
- "--cg-shadow-tile-hover": "var(--cg-shadow-hover)"
294
+ "--cg-shadow-tile-hover": "var(--cg-shadow-hover)",
295
+ "--cg-data-cyan": "var(--cg-tertiary)"
293
296
  }
294
297
  }
295
298
  }
package/dist/ui/card.d.ts CHANGED
@@ -1,9 +1,30 @@
1
1
  import * as React from "react";
2
- declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
2
+ /**
3
+ * `example` (#334, Figma 10789:8587): the card shows illustrative values for a
4
+ * feature that is not built yet. Everything in `CardContent` is set in the
5
+ * strong muted rung (`--cg-text-muted-strong`); the header, and anything that
6
+ * paints its own colour (a chart's bars), is untouched. There is no "Example
7
+ * data" line, by founder ruling: the card says it is a preview with a
8
+ * `ComingSoonTag` in `CardAction`. A `StatTile` inside paints its own ink, so
9
+ * give it `example` too.
10
+ */
11
+ declare function Card({ className, size, example, ...props }: React.ComponentProps<"div"> & {
3
12
  size?: "default" | "sm";
13
+ example?: boolean;
4
14
  }): React.JSX.Element;
5
15
  declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
6
- declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
16
+ /**
17
+ * The title's face. `heading` (the default, unchanged) is `font-heading`, the
18
+ * display face, Tanker, which is capitals by design. `body` is the brand's
19
+ * running-text face (`font-body`, Space Grotesk) in whatever case the words
20
+ * are written, which is what the App page v2 frames draw ("Creation Details",
21
+ * "Most used by", "Views over time"; founder ruling 2026-10-19). Only the face
22
+ * changes; size, leading and weight are the title's own.
23
+ */
24
+ export type CardTitleFace = "heading" | "body";
25
+ declare function CardTitle({ face, className, ...props }: React.ComponentProps<"div"> & {
26
+ face?: CardTitleFace;
27
+ }): React.JSX.Element;
7
28
  declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
29
  declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
30
  declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CAAE,qBAY3D;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;GAQG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAgB,EAChB,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAa9E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,CAAA;AAE9C,iBAAS,SAAS,CAAC,EACjB,IAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,IAAI,CAAC,EAAE,aAAa,CAAA;CAAE,qBAcxD;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
package/dist/ui/card.js CHANGED
@@ -1,14 +1,25 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import { cn } from "../lib/cloudgrid-cn.js";
4
- function Card({ className, size = "default", ...props }) {
5
- return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-body-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
4
+ /**
5
+ * `example` (#334, Figma 10789:8587): the card shows illustrative values for a
6
+ * feature that is not built yet. Everything in `CardContent` is set in the
7
+ * strong muted rung (`--cg-text-muted-strong`); the header, and anything that
8
+ * paints its own colour (a chart's bars), is untouched. There is no "Example
9
+ * data" line, by founder ruling: the card says it is a preview with a
10
+ * `ComingSoonTag` in `CardAction`. A `StatTile` inside paints its own ink, so
11
+ * give it `example` too.
12
+ */
13
+ function Card({ className, size = "default", example, ...props }) {
14
+ return (_jsx("div", { "data-slot": "card", "data-size": size, "data-example": example ? "" : undefined, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-body-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
6
15
  }
7
16
  function CardHeader({ className, ...props }) {
8
17
  return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));
9
18
  }
10
- function CardTitle({ className, ...props }) {
11
- return (_jsx("div", { "data-slot": "card-title", className: cn("font-heading text-body-md leading-snug font-medium group-data-[size=sm]/card:text-body-sm", className), ...props }));
19
+ function CardTitle({ face = "heading", className, ...props }) {
20
+ return (_jsx("div", { "data-slot": "card-title", "data-face": face === "body" ? "body" : undefined, className: cn(face === "body"
21
+ ? "font-body text-body-md leading-snug font-medium group-data-[size=sm]/card:text-body-sm"
22
+ : "font-heading text-body-md leading-snug font-medium group-data-[size=sm]/card:text-body-sm", className), ...props }));
12
23
  }
13
24
  function CardDescription({ className, ...props }) {
14
25
  return (_jsx("div", { "data-slot": "card-description", className: cn("text-body-sm text-muted-foreground", className), ...props }));
@@ -17,7 +28,7 @@ function CardAction({ className, ...props }) {
17
28
  return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
18
29
  }
19
30
  function CardContent({ className, ...props }) {
20
- return (_jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props }));
31
+ return (_jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing) group-data-example/card:text-faint-strong", className), ...props }));
21
32
  }
22
33
  function CardFooter({ className, ...props }) {
23
34
  return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)", className), ...props }));
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EACkD;IAC1D,OAAO,CACL,2BACY,MAAM,eACL,IAAI,EACf,SAAS,EAAE,EAAE,CACX,2ZAA2Z,EAC3Z,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wPAAwP,EACxP,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,CACL,2BACY,YAAY,EACtB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,KAC3C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AAEvC;;;;;;;;GAQG;AACH,SAAS,IAAI,CAAC,EACZ,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,OAAO,EACP,GAAG,KAAK,EACqE;IAC7E,OAAO,CACL,2BACY,MAAM,eACL,IAAI,kBACD,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACtC,SAAS,EAAE,EAAE,CACX,2ZAA2Z,EAC3Z,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wPAAwP,EACxP,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAYD,SAAS,SAAS,CAAC,EACjB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACL,2BACY,YAAY,eACX,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,SAAS,EAAE,EAAE,CACX,IAAI,KAAK,MAAM;YACb,CAAC,CAAC,wFAAwF;YAC1F,CAAC,CAAC,2FAA2F,EAC/F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC3E,OAAO,CACL,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KACrF,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CACX,wEAAwE,EACxE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAA"}
@@ -50,9 +50,19 @@ import { type VariantProps } from "class-variance-authority";
50
50
  * three of the five shipped drawers, `max-w-lg` on the newest. #694's own frame
51
51
  * is 525 of 1600, which is `lg` to the nearest rung.
52
52
  *
53
- * There is deliberately no third rung. Two values cover every frame and every
54
- * shipped copy, and a wider one with nothing behind it would be a worker
55
- * inventing a brand decision.
53
+ * There was deliberately no third rung until a frame needed one: a wider one
54
+ * with nothing behind it would have been a worker inventing a brand decision.
55
+ *
56
+ * xl 1152px max-w-6xl
57
+ *
58
+ * The App page v2 side panel (#331, Figma 10789:8587, founder-approved
59
+ * 2026-10-18) is the frame: "Creation Details" opened over My Creations,
60
+ * 1143px of a 1600px design, holding the App page's own sidebar and its
61
+ * content. That is the designer's "about 1143px", and `max-w-6xl` is the
62
+ * Tailwind rung 9px from it, chosen over an arbitrary `max-w-[1143px]` for the
63
+ * reason `md` and `lg` are rungs: a drawer width is a step on a ladder, not a
64
+ * measurement copied to the pixel. Below 1152px it fills the screen like the
65
+ * other two.
56
66
  *
57
67
  * `size` is the INLINE width and applies to `left` and `right` only. A bottom
58
68
  * sheet is full width, which is what `PlugSheet` already does.
@@ -142,7 +152,7 @@ declare const drawerViewportVariants: (props?: ({
142
152
  */
143
153
  declare const drawerPopupVariants: (props?: ({
144
154
  side?: "bottom" | "left" | "right" | null | undefined;
145
- size?: "lg" | "md" | null | undefined;
155
+ size?: "lg" | "md" | "xl" | null | undefined;
146
156
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
147
157
  declare function Drawer({ modal, ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
148
158
  declare function DrawerTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
@@ -174,13 +184,23 @@ declare function DrawerContent({ side, size, container, className, children, ...
174
184
  * `aria-labelledby` needs no wiring: `DrawerTitle` is Base UI's `Dialog.Title`,
175
185
  * which registers its own id on the popup. Passing `title` rather than leaving it
176
186
  * to the caller is what guarantees every drawer has one.
187
+ *
188
+ * `actions` (#331) is the row of controls the App page side panel draws between
189
+ * its title and the close glyph: Visibility, Open app, the menu, and Full
190
+ * screen. They sit in the title row, close is always last, and the row wraps
191
+ * when the sheet is narrower than its contents. Leave it out and the header
192
+ * renders exactly what it did before.
177
193
  */
178
- declare function DrawerHeader({ title, description, closeLabel, showCloseButton, className, children, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
194
+ declare function DrawerHeader({ title, description, closeLabel, showCloseButton, actions, titleFace, className, children, ...props }: Omit<React.ComponentProps<"div">, "title"> & {
179
195
  title: React.ReactNode;
180
196
  description?: React.ReactNode;
181
197
  /** The close button's accessible name. "Close user details" beats "Close". */
182
198
  closeLabel?: string;
183
199
  showCloseButton?: boolean;
200
+ /** Controls in the title row, before the close button. */
201
+ actions?: React.ReactNode;
202
+ /** The title's face; see `DrawerTitle`. "body" for the App page's sentence-case title. */
203
+ titleFace?: DrawerTitleFace;
184
204
  }): React.JSX.Element;
185
205
  /**
186
206
  * The scrolling half.
@@ -202,7 +222,18 @@ declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">
202
222
  * text reads as part of the text.
203
223
  */
204
224
  declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
205
- declare function DrawerTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
225
+ /**
226
+ * The title's face. `heading` (the default, unchanged) is `font-heading`, the
227
+ * display face, Tanker, which is capitals by design. `body` is the brand's
228
+ * running-text face (`font-body`, Space Grotesk) in whatever case the words
229
+ * are written, which is what the App page v2 frames draw ("Creation Details",
230
+ * "Most used by", "Views over time"; founder ruling 2026-10-19). Only the face
231
+ * changes; size, leading and weight are the title's own.
232
+ */
233
+ export type DrawerTitleFace = "heading" | "body";
234
+ declare function DrawerTitle({ face, className, ...props }: DialogPrimitive.Title.Props & {
235
+ face?: DrawerTitleFace;
236
+ }): React.JSX.Element;
206
237
  declare function DrawerDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
207
238
  export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, drawerPopupVariants, drawerViewportVariants, };
208
239
  //# sourceMappingURL=drawer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwHG;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,sBAAsB;;8EAW1B,CAAA;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,mBAAmB;;;8EAmCxB,CAAA;AAUD,iBAAS,MAAM,CAAC,EAAE,KAAY,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,qBAMrE;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,OAAO,CAAC,KAAK,qBAEjE;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,MAAM,CAAC,KAAK,qBAE/D;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAE7D;AAED;;;;;;;;;;GAUG;AACH,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAkB,EAClB,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,qBAYhC;AAED,iBAAS,aAAa,CAAC,EACrB,IAAc,EACd,IAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,GAC5B,YAAY,CAAC,OAAO,mBAAmB,CAAC,GACxC,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,qBAmBhD;AAED;;;;;;;;;;;;;GAaG;AACH,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,UAAoB,EACpB,eAAsB,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,GAAG;IAC9C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,qBAyBA;AAED;;;;;;;;GAQG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED;;;;;;;;GAQG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,qBAWxE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,qBAQnC;AAED,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"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"}
package/dist/ui/drawer.js CHANGED
@@ -55,9 +55,19 @@ import { CloseIcon } from "../blocks/icons.js";
55
55
  * three of the five shipped drawers, `max-w-lg` on the newest. #694's own frame
56
56
  * is 525 of 1600, which is `lg` to the nearest rung.
57
57
  *
58
- * There is deliberately no third rung. Two values cover every frame and every
59
- * shipped copy, and a wider one with nothing behind it would be a worker
60
- * inventing a brand decision.
58
+ * There was deliberately no third rung until a frame needed one: a wider one
59
+ * with nothing behind it would have been a worker inventing a brand decision.
60
+ *
61
+ * xl 1152px max-w-6xl
62
+ *
63
+ * The App page v2 side panel (#331, Figma 10789:8587, founder-approved
64
+ * 2026-10-18) is the frame: "Creation Details" opened over My Creations,
65
+ * 1143px of a 1600px design, holding the App page's own sidebar and its
66
+ * content. That is the designer's "about 1143px", and `max-w-6xl` is the
67
+ * Tailwind rung 9px from it, chosen over an arbitrary `max-w-[1143px]` for the
68
+ * reason `md` and `lg` are rungs: a drawer width is a step on a ladder, not a
69
+ * measurement copied to the pixel. Below 1152px it fills the screen like the
70
+ * other two.
61
71
  *
62
72
  * `size` is the INLINE width and applies to `left` and `right` only. A bottom
63
73
  * sheet is full width, which is what `PlugSheet` already does.
@@ -172,6 +182,7 @@ const drawerPopupVariants = cva([
172
182
  size: {
173
183
  md: "max-w-md",
174
184
  lg: "max-w-lg",
185
+ xl: "max-w-6xl",
175
186
  },
176
187
  },
177
188
  compoundVariants: [
@@ -179,6 +190,7 @@ const drawerPopupVariants = cva([
179
190
  // edge the inline axis is the whole screen.
180
191
  { side: "bottom", size: "md", class: "max-w-none" },
181
192
  { side: "bottom", size: "lg", class: "max-w-none" },
193
+ { side: "bottom", size: "xl", class: "max-w-none" },
182
194
  ],
183
195
  defaultVariants: {
184
196
  side: "right",
@@ -235,9 +247,19 @@ function DrawerContent({ side = "right", size = "md", container, className, chil
235
247
  * `aria-labelledby` needs no wiring: `DrawerTitle` is Base UI's `Dialog.Title`,
236
248
  * which registers its own id on the popup. Passing `title` rather than leaving it
237
249
  * to the caller is what guarantees every drawer has one.
250
+ *
251
+ * `actions` (#331) is the row of controls the App page side panel draws between
252
+ * its title and the close glyph: Visibility, Open app, the menu, and Full
253
+ * screen. They sit in the title row, close is always last, and the row wraps
254
+ * when the sheet is narrower than its contents. Leave it out and the header
255
+ * renders exactly what it did before.
238
256
  */
239
- function DrawerHeader({ title, description, closeLabel = "Close", showCloseButton = true, className, children, ...props }) {
240
- return (_jsxs("div", { "data-slot": "drawer-header", className: cn("flex shrink-0 flex-col gap-2 px-6 pt-5 pb-4", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(DrawerTitle, { children: title }), showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "drawer-close", render: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "-mt-1 -mr-1.5" }), children: [_jsx(CloseIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] }), description ? _jsx(DrawerDescription, { children: description }) : null, children] }));
257
+ function DrawerHeader({ title, description, closeLabel = "Close", showCloseButton = true, actions, titleFace = "heading", className, children, ...props }) {
258
+ return (_jsxs("div", { "data-slot": "drawer-header", className: cn("flex shrink-0 flex-col gap-2 px-6 pt-5 pb-4", className), ...props, children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(DrawerTitle, { face: titleFace, children: title }), actions ? (_jsx("div", { "data-slot": "drawer-actions",
259
+ // ms-auto keeps the row against the close glyph when it wraps;
260
+ // -mt-1 is the close button's own lift, so the controls and the
261
+ // glyph share the title's line.
262
+ className: "-mt-1 ms-auto flex flex-wrap items-center justify-end gap-3", children: actions })) : null, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "drawer-close", render: _jsx(Button, { variant: "ghost", size: "icon-sm", className: "-mt-1 -mr-1.5" }), children: [_jsx(CloseIcon, {}), _jsx("span", { className: "sr-only", children: closeLabel })] }))] }), description ? _jsx(DrawerDescription, { children: description }) : null, children] }));
241
263
  }
242
264
  /**
243
265
  * The scrolling half.
@@ -263,8 +285,10 @@ function DrawerBody({ className, ...props }) {
263
285
  function DrawerFooter({ className, ...props }) {
264
286
  return (_jsx("div", { "data-slot": "drawer-footer", className: cn("flex shrink-0 flex-wrap items-center justify-end gap-2 border-t border-hairline px-6 py-4", className), ...props }));
265
287
  }
266
- function DrawerTitle({ className, ...props }) {
267
- return (_jsx(DialogPrimitive.Title, { "data-slot": "drawer-title", className: cn("font-heading text-body-lg leading-none font-medium", className), ...props }));
288
+ function DrawerTitle({ face = "heading", className, ...props }) {
289
+ return (_jsx(DialogPrimitive.Title, { "data-slot": "drawer-title", "data-face": face === "body" ? "body" : undefined, className: cn(face === "body"
290
+ ? "font-body text-body-lg leading-none font-medium"
291
+ : "font-heading text-body-lg leading-none font-medium", className), ...props }));
268
292
  }
269
293
  function DrawerDescription({ className, ...props }) {
270
294
  return (_jsx(DialogPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-caption text-body", className), ...props }));
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwHG;AAEH;;;;;;;GAOG;AACH,MAAM,sBAAsB,GAAG,GAAG,CAAC,yBAAyB,EAAE;IAC5D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,sBAAsB;SAC/B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;KACd;CACF,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,GAAG,CAC7B;IACE,4HAA4H;IAC5H,8EAA8E;IAC9E,iFAAiF;IACjF,sGAAsG;CACvG,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,0FAA0F;YAC5F,IAAI,EAAE,wFAAwF;YAC9F,mEAAmE;YACnE,wEAAwE;YACxE,uEAAuE;YACvE,MAAM,EACJ,gHAAgH;SACnH;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;SACf;KACF;IACD,gBAAgB,EAAE;QAChB,2EAA2E;QAC3E,4CAA4C;QAC5C,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;QACnD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;KACpD;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAA;AAEzF,SAAS,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,EAA8B;IACpE,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,EAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,GACxC,CAC/B,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAiC;IAChE,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAgC;IAC9D,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAA;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC5D,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAA;AACtE,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,GAAG,KAAK,EACuB;IAC/B,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,gBAAgB,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,0IAA0I,EAC1I,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,IAAI,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAGuC;IAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAClD,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAE,SAAS,aAChC,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAE,sBAAsB,CAAC,EAAE,IAAI,EAAE,CAAC,YACnE,KAAC,eAAe,CAAC,KAAK,iBACV,gBAAgB,gBACd,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,eACnC,IAAI,eACJ,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACzD,KAAK,YAER,QAAQ,GACa,GACC,IACd,CAChB,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAOT;IACC,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,aAET,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,cAAE,KAAK,GAAe,EACjC,eAAe,IAAI,CAClB,MAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,MAAM,EACJ,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,GAAG,aAGrE,KAAC,SAAS,KAAG,EACb,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,GAAQ,IACvB,CACzB,IACG,EACL,WAAW,CAAC,CAAC,CAAC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,CAAC,CAAC,CAAC,IAAI,EACzE,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACxE,OAAO,CACL,2BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,oDAAoD,EACpD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}
1
+ {"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../src/ui/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkIG;AAEH;;;;;;;GAOG;AACH,MAAM,sBAAsB,GAAG,GAAG,CAAC,yBAAyB,EAAE;IAC5D,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,sBAAsB;SAC/B;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;KACd;CACF,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,mBAAmB,GAAG,GAAG,CAC7B;IACE,4HAA4H;IAC5H,8EAA8E;IAC9E,iFAAiF;IACjF,sGAAsG;CACvG,EACD;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,KAAK,EACH,0FAA0F;YAC5F,IAAI,EAAE,wFAAwF;YAC9F,mEAAmE;YACnE,wEAAwE;YACxE,uEAAuE;YACvE,MAAM,EACJ,gHAAgH;SACnH;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,WAAW;SAChB;KACF;IACD,gBAAgB,EAAE;QAChB,2EAA2E;QAC3E,4CAA4C;QAC5C,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;QACnD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;QACnD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;KACpD;IACD,eAAe,EAAE;QACf,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,IAAI;KACX;CACF,CACF,CAAA;AAED;;;;;GAKG;AACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAsC,IAAI,CAAC,CAAA;AAEzF,SAAS,MAAM,CAAC,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,EAA8B;IACpE,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,EAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,GACxC,CAC/B,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAiC;IAChE,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAA;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAgC;IAC9D,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAA;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC5D,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAA;AACtE,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,WAAW,GAAG,IAAI,EAClB,GAAG,KAAK,EACuB;IAC/B,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,gBAAgB,EAC1B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACX,0IAA0I,EAC1I,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,IAAI,GAAG,OAAO,EACd,IAAI,GAAG,IAAI,EACX,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAGuC;IAC/C,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAClD,OAAO,CACL,MAAC,YAAY,IAAC,SAAS,EAAE,SAAS,aAChC,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,CAAC,QAAQ,IAAC,SAAS,EAAE,sBAAsB,CAAC,EAAE,IAAI,EAAE,CAAC,YACnE,KAAC,eAAe,CAAC,KAAK,iBACV,gBAAgB,gBACd,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,eACnC,IAAI,eACJ,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACzD,KAAK,YAER,QAAQ,GACa,GACC,IACd,CAChB,CAAA;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,WAAW,EACX,UAAU,GAAG,OAAO,EACpB,eAAe,GAAG,IAAI,EACtB,OAAO,EACP,SAAS,GAAG,SAAS,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAWT;IACC,OAAO,CACL,4BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,6CAA6C,EAAE,SAAS,CAAC,KACnE,KAAK,aAET,eAAK,SAAS,EAAC,wCAAwC,aACrD,KAAC,WAAW,IAAC,IAAI,EAAE,SAAS,YAAG,KAAK,GAAe,EAClD,OAAO,CAAC,CAAC,CAAC,CACT,2BACY,gBAAgB;wBAC1B,+DAA+D;wBAC/D,gEAAgE;wBAChE,gCAAgC;wBAChC,SAAS,EAAC,6DAA6D,YAEtE,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,IAAI,CAClB,MAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,MAAM,EACJ,KAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,eAAe,GAAG,aAGrE,KAAC,SAAS,KAAG,EACb,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,GAAQ,IACvB,CACzB,IACG,EACL,WAAW,CAAC,CAAC,CAAC,KAAC,iBAAiB,cAAE,WAAW,GAAqB,CAAC,CAAC,CAAC,IAAI,EACzE,QAAQ,IACL,CACP,CAAA;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAChE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACxE,OAAO,CACL,2BACY,eAAe,EACzB,SAAS,EAAE,EAAE,CACX,2FAA2F,EAC3F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAYD,SAAS,WAAW,CAAC,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,GAAG,KAAK,EACiD;IACzD,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,eACb,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC/C,SAAS,EAAE,EAAE,CACX,IAAI,KAAK,MAAM;YACb,CAAC,CAAC,iDAAiD;YACnD,CAAC,CAAC,oDAAoD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC0B;IAClC,OAAO,CACL,KAAC,eAAe,CAAC,WAAW,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,sBAAsB,GACvB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAgB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,qBAUF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}
1
+ {"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAI7C,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYvE;AAED,QAAA,MAAM,uBAAuB;;8EAmB5B,CAAA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAsB,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,qBAiB5E;AAED,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,IAAe,EACf,OAAiB,EACjB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC3D,YAAY,CAAC,OAAO,wBAAwB,CAAC,GAAG;IAC9C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC,qBAUF;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAU5E;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAWlC;AAED,OAAO,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,kBAAkB,GACnB,CAAA"}
@@ -23,7 +23,9 @@ const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justif
23
23
  },
24
24
  });
25
25
  function InputGroupAddon({ className, align = "inline-start", ...props }) {
26
- return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
26
+ return (
27
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions -- a pointer convenience that focuses the input; the input itself is the keyboard target
28
+ _jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
27
29
  if (e.target.closest("button")) {
28
30
  return;
29
31
  }
@@ -1 +1 @@
1
- {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}