@hraness/design-kit 0.38.0 → 0.40.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 (56) hide show
  1. package/MARKETING_COPY.md +3 -0
  2. package/README.md +46 -8
  3. package/dist/{chunk-13bq7myc.js → chunk-1dgm85ta.js} +191 -55
  4. package/dist/chunk-6mx403v5.js +286 -0
  5. package/dist/{chunk-s222cmt9.js → chunk-dc8v05zh.js} +6 -137
  6. package/dist/{chunk-z974c20s.js → chunk-eqd57m4y.js} +54 -8
  7. package/dist/{chunk-kz59614q.js → chunk-fcs5qekr.js} +1 -1
  8. package/dist/{chunk-san9drwt.js → chunk-vy0pt84a.js} +1 -1
  9. package/dist/{chunk-gpsekwkj.js → chunk-w1y1m3m7.js} +274 -1
  10. package/dist/index.js +24 -12
  11. package/dist/mockups/client.js +3 -3
  12. package/dist/mockups/index.js +3 -3
  13. package/dist/provider-marks.js +1 -1
  14. package/dist/react/index.js +43 -10
  15. package/dist/react/server.js +5 -3
  16. package/dist/stylex-manifest.json +1 -1
  17. package/dist/testing.js +20 -0
  18. package/package.json +8 -4
  19. package/portfolio-inventory.json +1 -1
  20. package/src/compiler-foundation.css +1 -0
  21. package/src/index.ts +1 -0
  22. package/src/marketing-marquee.css +281 -0
  23. package/src/marketing-marquee.ts +206 -0
  24. package/src/mockups/client.tsx +57 -5
  25. package/src/mockups.css +53 -2
  26. package/src/provider-marks.generated.ts +84 -0
  27. package/src/provider-marks.ts +27 -4
  28. package/src/react/design-gallery.tsx +22 -3
  29. package/src/react/index.ts +1 -0
  30. package/src/react/marketing-marquee.tsx +71 -0
  31. package/src/react/server.ts +1 -0
  32. package/src/styles.css +1 -0
  33. package/src/testing.ts +19 -0
  34. package/vendor/provider-marks/UPSTREAM.md +14 -0
  35. package/vendor/provider-marks/bootstrap-icons/calendar-event-fill.svg +3 -0
  36. package/vendor/provider-marks/bootstrap-icons/filetype-csv.svg +3 -0
  37. package/vendor/provider-marks/bootstrap-icons/globe2.svg +3 -0
  38. package/vendor/provider-marks/bootstrap-icons/microsoft.svg +3 -0
  39. package/vendor/provider-marks/bootstrap-icons/person-vcard-fill.svg +3 -0
  40. package/vendor/provider-marks/bootstrap-icons/shop.svg +3 -0
  41. package/vendor/provider-marks/simple-icons/bluesky.svg +1 -0
  42. package/vendor/provider-marks/simple-icons/facebook.svg +1 -0
  43. package/vendor/provider-marks/simple-icons/github.svg +1 -0
  44. package/vendor/provider-marks/simple-icons/gmail.svg +1 -0
  45. package/vendor/provider-marks/simple-icons/google.svg +1 -0
  46. package/vendor/provider-marks/simple-icons/instagram.svg +1 -0
  47. package/vendor/provider-marks/simple-icons/reddit.svg +1 -0
  48. package/vendor/provider-marks/simple-icons/substack.svg +1 -0
  49. package/vendor/provider-marks/simple-icons/telegram.svg +1 -0
  50. package/vendor/provider-marks/simple-icons/threads.svg +1 -0
  51. package/vendor/provider-marks/simple-icons/tiktok.svg +1 -0
  52. package/vendor/provider-marks/simple-icons/twitch.svg +1 -0
  53. package/vendor/provider-marks/simple-icons/x.svg +1 -0
  54. package/vendor/provider-marks/simple-icons/ycombinator.svg +1 -0
  55. package/vendor/provider-marks/simple-icons/youtube.svg +1 -0
  56. package/dist/chunk-gmea6p0d.js +0 -13
@@ -49,6 +49,7 @@ import {
49
49
  MarketingInterfaceGrid,
50
50
  MarketingMain,
51
51
  MarketingMaker,
52
+ MarketingMarquee,
52
53
  MarketingNotice,
53
54
  MarketingPage,
54
55
  MarketingPillars,
@@ -89,7 +90,7 @@ import {
89
90
  marketingProofFrameAddress,
90
91
  proceduralBackdropVariants,
91
92
  proceduralRecipeVersion
92
- } from "../chunk-13bq7myc.js";
93
+ } from "../chunk-1dgm85ta.js";
93
94
  import {
94
95
  SyntaxCode
95
96
  } from "../chunk-6ts4955n.js";
@@ -121,8 +122,8 @@ import {
121
122
  resolveStatusPage,
122
123
  statusPageRoutesAttribute,
123
124
  suggestStatusRoute
124
- } from "../chunk-s222cmt9.js";
125
- import"../chunk-gmea6p0d.js";
125
+ } from "../chunk-dc8v05zh.js";
126
+ import"../chunk-6mx403v5.js";
126
127
  import"../chunk-wzvdn8ey.js";
127
128
  import"../chunk-he8eznb1.js";
128
129
  import"../chunk-77391vmq.js";
@@ -134,14 +135,14 @@ import {
134
135
  } from "../chunk-cejpzyfh.js";
135
136
  import {
136
137
  BrowserFrame
137
- } from "../chunk-san9drwt.js";
138
+ } from "../chunk-vy0pt84a.js";
138
139
  import {
139
140
  StepThrough
140
- } from "../chunk-z974c20s.js";
141
+ } from "../chunk-eqd57m4y.js";
141
142
  import {
142
143
  SampleText
143
- } from "../chunk-kz59614q.js";
144
- import"../chunk-gpsekwkj.js";
144
+ } from "../chunk-fcs5qekr.js";
145
+ import"../chunk-w1y1m3m7.js";
145
146
  import {
146
147
  __require
147
148
  } from "../chunk-5gtx3pza.js";
@@ -6596,6 +6597,37 @@ function DesignSystemGallery({
6596
6597
  }),
6597
6598
  summary: "Relay runs the same job wherever you start it and writes a log you can read afterward: inputs, outputs, and how long it took."
6598
6599
  }),
6600
+ /* @__PURE__ */ jsx17(MarketingMarquee, {
6601
+ action: {
6602
+ href: "#gallery-install",
6603
+ label: "Set up your agent"
6604
+ },
6605
+ id: "design-gallery-marquee",
6606
+ items: [{
6607
+ name: "Claude Code"
6608
+ }, {
6609
+ name: "Codex"
6610
+ }, {
6611
+ name: "Cursor"
6612
+ }, {
6613
+ name: "Gemini CLI"
6614
+ }, {
6615
+ name: "GitHub Copilot"
6616
+ }, {
6617
+ name: "Goose"
6618
+ }, {
6619
+ name: "opencode"
6620
+ }, {
6621
+ name: "Crush"
6622
+ }, {
6623
+ name: "Aider"
6624
+ }, {
6625
+ name: "Amp"
6626
+ }, {
6627
+ name: "Devin"
6628
+ }],
6629
+ label: "Works with {count} coding agents"
6630
+ }),
6599
6631
  /* @__PURE__ */ jsx17(MarketingPillars, {
6600
6632
  ariaLabel: "Relay in three points",
6601
6633
  presentation: "benefits",
@@ -6731,21 +6763,21 @@ Run the job, then show me its log.`,
6731
6763
  steps: [{
6732
6764
  id: "choose",
6733
6765
  label: "Choose a job",
6734
- hint: "Pick a saved job and review the file it reads before starting the run.",
6766
+ hint: "Pick a saved job and check the file it reads.",
6735
6767
  render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
6736
6768
  state: "ready"
6737
6769
  })
6738
6770
  }, {
6739
6771
  id: "run",
6740
6772
  label: "Watch the run",
6741
- hint: "See the input check, transformation, and saved output as separate stages.",
6773
+ hint: "The input check, the transform, and the saved output.",
6742
6774
  render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
6743
6775
  state: "running"
6744
6776
  })
6745
6777
  }, {
6746
6778
  id: "inspect",
6747
6779
  label: "Read the result",
6748
- hint: "Open the saved report with the run ID and source file beside it.",
6780
+ hint: "Open the report beside its run ID and source.",
6749
6781
  render: () => /* @__PURE__ */ jsx17(GalleryJobPreview, {
6750
6782
  state: "saved"
6751
6783
  })
@@ -8488,6 +8520,7 @@ export {
8488
8520
  MarketingPillars,
8489
8521
  MarketingPage,
8490
8522
  MarketingNotice,
8523
+ MarketingMarquee,
8491
8524
  MarketingMaker,
8492
8525
  MarketingMain,
8493
8526
  MarketingInterfaceGrid,
@@ -36,6 +36,7 @@ import {
36
36
  MarketingInterfaceGrid,
37
37
  MarketingMain,
38
38
  MarketingMaker,
39
+ MarketingMarquee,
39
40
  MarketingNotice,
40
41
  MarketingPage,
41
42
  MarketingPillars,
@@ -68,16 +69,16 @@ import {
68
69
  marketingProofFrameAddress,
69
70
  proceduralBackdropVariants,
70
71
  proceduralRecipeVersion
71
- } from "../chunk-13bq7myc.js";
72
+ } from "../chunk-1dgm85ta.js";
72
73
  import {
73
74
  SyntaxCode
74
75
  } from "../chunk-6ts4955n.js";
75
- import"../chunk-gmea6p0d.js";
76
+ import"../chunk-6mx403v5.js";
76
77
  import"../chunk-wzvdn8ey.js";
77
78
  import"../chunk-he8eznb1.js";
78
79
  import"../chunk-77391vmq.js";
79
80
  import"../chunk-cejpzyfh.js";
80
- import"../chunk-gpsekwkj.js";
81
+ import"../chunk-w1y1m3m7.js";
81
82
  import"../chunk-5gtx3pza.js";
82
83
  export {
83
84
  proceduralRecipeVersion,
@@ -113,6 +114,7 @@ export {
113
114
  MarketingPillars,
114
115
  MarketingPage,
115
116
  MarketingNotice,
117
+ MarketingMarquee,
116
118
  MarketingMaker,
117
119
  MarketingMain,
118
120
  MarketingInterfaceGrid,