@terreno/blocks 57.12.0 → 57.14.0

package/src/fixtures/golden/sunday-roast.yaml

@@ -0,0 +1,174 @@
+v: 1
+datasets:
+  lamb_by_guests:
+    columns:
+      - {name: guests, type: number}
+      - {name: bone_in_lamb, type: string}
+      - {name: potatoes, type: string}
+    rows:
+      - [4, "3–4 lb", "2 lb"]
+      - [6, "4–5 lb", "3 lb"]
+      - [8, "5–6 lb", "4 lb"]
+      - [10, "6–7½ lb", "5 lb"]
+blocks:
+  - type: heading
+    size: lg
+    text: Your Sunday lamb roast 🍷
+  - type: gallery
+    id: roast_photos
+    images:
+      - {src: "https://images.example.com/sunday-roast/roast-lamb.jpg", alt: Roast lamb}
+      - {src: "https://images.example.com/sunday-roast/crispy-potatoes.jpg", alt: Crispy roast potatoes}
+      - {src: "https://images.example.com/sunday-roast/inspiration.jpg", alt: Sunday roast inspiration}
+  - type: text
+    markdown: |-
+      I'm thinking a proper British-inspired Sunday roast with a little Mediterranean flair. Crispy potatoes, tender rosemary and garlic lamb, seasonal vegetables, and a delicious gravy. The kind of meal where everyone lingers at the table.
+
+      Since you haven't finalized your guest list, we'll build a flexible menu that scales with your headcount.
+  - type: card
+    id: dinner_plan
+    eyebrow: Your dinner plan
+    title: Sunday roast with friends
+    children:
+      - type: text
+        markdown: |-
+          - **Style:** Cozy, generous, slightly elevated
+          - **Prep:** Most work happens before guests arrive
+          - **Cooking:** Approximately 2 to 3 hours, depending on the lamb
+          - **Serving:** Family-style, with everything in the middle of the table
+  - type: heading
+    size: md
+    text: 1. The menu
+  - type: list
+    id: menu
+    items:
+      - title: "The centerpiece: Rosemary and garlic roast lamb"
+        text: A classic leg of lamb with lemon, garlic, rosemary and olive oil. Serve carved with homemade gravy and mint sauce.
+        image: {src: "https://images.example.com/sunday-roast/rosemary-lamb.jpg", alt: "The centerpiece: Rosemary and garlic roast lamb"}
+      - title: "The essential: Extra-crispy roast potatoes"
+        text: Parboiled, shaken to create fluffy edges and roasted until golden. Nonnegotiable!
+        image: {src: "https://images.example.com/sunday-roast/roast-potatoes.jpg", alt: "The essential: Extra-crispy roast potatoes"}
+      - title: Honey-roasted carrots and parsnips
+        text: Tossed with olive oil, honey and fresh thyme.
+        image: {src: "https://images.example.com/sunday-roast/carrots-parsnips.jpg", alt: Honey-roasted carrots and parsnips}
+      - title: Lemony greens
+        text: Tenderstem broccoli with toasted almonds and lemon zest. Something fresh to balance the rich lamb.
+        image: {src: "https://images.example.com/sunday-roast/lemony-greens.jpg", alt: Lemony greens}
+      - title: "Dessert: Warm apple crumble"
+        text: Serve with vanilla ice cream. Make it the day before and reheat while you're eating.
+        image: {src: "https://images.example.com/sunday-roast/apple-crumble.jpg", alt: "Dessert: Warm apple crumble"}
+  - type: heading
+    size: md
+    text: 2. How much should you buy?
+  - type: text
+    markdown: Adjust the guest count below to calculate your shopping quantities. This assumes everyone eats lamb and includes you in the total.
+  - type: card
+    id: shopping
+    children:
+      - type: stepper
+        id: guests
+        label: Number of people
+        unit: People
+        value: 5
+        min: 1
+        max: 20
+        callback: {name: scaleStepper}
+        itemsTitle: Your shopping quantities
+        items:
+          - {label: Bone-in leg of lamb, amount: 2, unit: kg, decimals: 1}
+          - {label: Potatoes, amount: 1500, unit: g}
+          - {label: Carrots, amount: 8, round: up}
+          - {label: Parsnips, amount: 5, round: up}
+          - {label: Tenderstem broccoli, amount: 625, unit: g}
+          - {label: Apples for crumble, amount: 4, round: up}
+        note: Generous portions, with a little extra. Lamb weight includes the bone. Ask your butcher for help selecting the closest available size.
+      - type: actions
+        id: shopping_actions
+        elements:
+          - type: button
+            id: copy_shopping_list
+            text: Copy shopping list
+            variant: outline
+            iconName: copy
+            action: {kind: copy, target: guests}
+  - type: text
+    markdown: Also pick up garlic, rosemary, thyme, lemons, honey, almonds, olive oil, gravy ingredients, mint sauce, crumble topping and vanilla ice cream.
+  - type: table
+    id: lamb_table
+    title: How much lamb?
+    data: lamb_by_guests
+  - type: heading
+    size: md
+    text: 3. Your Sunday cooking timeline
+  - type: text
+    markdown: Let's assume you're eating at **5 PM.** This example uses a roughly 2.4 kg bone-in leg of lamb for six people. Adjust the roasting time to your actual joint.
+  - type: checklist
+    id: cooking
+    title: Cooking checklist
+    callback: {name: toggleChecklist}
+    items:
+      - id: prep_ahead
+        meta: Saturday
+        text: Prep ahead
+        detail: Make the crumble, prepare the lamb marinade, check your serving dishes and set the table.
+        checked: true
+      - id: prepare_lamb
+        meta: "12:30 PM"
+        text: Prepare the lamb
+        detail: Season with garlic, rosemary, lemon and olive oil. Refrigerate until closer to roasting.
+      - id: start_roasting
+        meta: "1:30 PM"
+        text: Start roasting
+        detail: Preheat the oven and roast the lamb. Use a meat thermometer rather than relying only on timing.
+      - id: prepare_sides
+        meta: "2:30 PM"
+        text: Prepare the sides
+        detail: Peel and chop vegetables. Parboil potatoes, drain and rough up their edges.
+      - id: check_lamb
+        meta: "3:30 PM"
+        text: Check the lamb
+        detail: Monitor its internal temperature. Once cooked, rest it loosely covered. Roast the potatoes and vegetables while it rests.
+      - id: finish_everything
+        meta: "4:15 PM"
+        text: Finish everything
+        detail: Make the gravy, cook the greens and warm the serving dishes.
+      - id: carve_serve
+        meta: "4:45 PM"
+        text: Carve and serve
+        detail: Check the potatoes and vegetables, carve the lamb and bring everything to the table.
+      - id: dinner
+        meta: "5:00 PM"
+        text: Dinner!
+        detail: Enjoy. Reheat the apple crumble while everyone finishes their main course.
+  - type: context
+    id: usda_note
+    text: For food safety, the USDA recommends cooking whole cuts of lamb to an internal temperature of 145°F, followed by at least a three-minute rest. Your actual cooking time will vary by joint size and oven.
+  - type: heading
+    size: md
+    text: 4. Three hosting tips
+  - type: text
+    id: hosting_tips
+    markdown: |-
+      - **Buy the lamb last:** Confirm your numbers before purchasing. Your butcher can help you choose the right size.
+      - **Make dessert ahead:** One less thing to think about on Sunday.
+      - **Protect your oven space:** The lamb and potatoes both need room. If you're cooking for eight or more, consider two smaller roasting trays and prepare the vegetables ahead.
+  - type: text
+    markdown: My one addition would be a simple starter of olives, good bread and whipped feta. Guests can nibble while you finish cooking, without spoiling their appetites.
+  - type: actions
+    id: follow_ups
+    elements:
+      - type: button
+        id: adjust_for_five
+        text: Adjust the plan for 5 guests
+        variant: outline
+        action: {kind: reply, text: Help me adjust the lamb roast plan for 5 guests}
+      - type: button
+        id: vegetarian_sides
+        text: Add vegetarian sides
+        variant: outline
+        action: {kind: reply, text: Add vegetarian side dish options for the lamb roast menu}
+      - type: button
+        id: gluten_free
+        text: Make it gluten-free
+        variant: outline
+        action: {kind: reply, text: Advise on making the lamb roast plan gluten-free}

package/src/fixtures/invalid/card-eyebrow-empty.yaml

@@ -0,0 +1,7 @@
+v: 1
+blocks:
+  - type: card
+    eyebrow: ""
+    children:
+      - type: text
+        markdown: Empty.

package/src/fixtures/invalid/card-eyebrow-too-long.yaml

@@ -0,0 +1,7 @@
+v: 1
+blocks:
+  - type: card
+    eyebrow: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+    children:
+      - type: text
+        markdown: Too long.

package/src/fixtures/invalid/checklist-duplicate-item.yaml

@@ -0,0 +1,9 @@
+v: 1
+blocks:
+  - type: checklist
+    id: cooking
+    items:
+      - id: oven
+        text: Preheat the oven
+      - id: oven
+        text: Turn the oven off

package/src/fixtures/invalid/checklist-item-id-too-long.yaml

@@ -0,0 +1,7 @@
+v: 1
+blocks:
+  - type: checklist
+    id: cooking
+    items:
+      - id: a_very_long_item_id_that_is_over_32
+        text: Preheat the oven

package/src/fixtures/invalid/checklist-reserved-id.yaml

@@ -0,0 +1,16 @@
+v: 1
+blocks:
+  - type: checklist
+    id: cooking
+    items:
+      - id: oven
+        text: Preheat the oven
+  - type: actions
+    id: more
+    elements:
+      - type: button
+        id: cooking_oven
+        text: Oven help
+        action:
+          kind: reply
+          text: How hot should the oven be?

package/src/fixtures/invalid/copy-missing-text-and-target.yaml

@@ -0,0 +1,10 @@
+v: 1
+blocks:
+  - type: actions
+    id: copy_actions
+    elements:
+      - type: button
+        id: copy_it
+        text: Copy
+        action:
+          kind: copy

package/src/fixtures/invalid/copy-target.yaml

@@ -0,0 +1,14 @@
+v: 1
+blocks:
+  - type: heading
+    id: title
+    text: Sunday roast
+  - type: actions
+    id: copy_actions
+    elements:
+      - type: button
+        id: copy_title
+        text: Copy
+        action:
+          kind: copy
+          target: title

package/src/fixtures/invalid/gallery-caption-too-long.yaml

@@ -0,0 +1,9 @@
+v: 1
+blocks:
+  - type: gallery
+    images:
+      - src: file:roast-lamb
+        alt: Roast leg of lamb
+      - src: file:roast-potatoes
+        alt: Roast potatoes
+        caption: Crisp roast potatoes, par-boiled for ten minutes, shaken in the pan to rough up the edges, then roasted in hot fat for an hour

package/src/fixtures/invalid/gallery-image-host.yaml

@@ -0,0 +1,10 @@
+v: 1
+blocks:
+  - type: gallery
+    images:
+      - src: file:roast-lamb
+        alt: Roast leg of lamb
+      - src: "data:image/png;base64,iVBORw0KGgo="
+        alt: Roast potatoes
+      - src: https://images.example.com/carrots.jpg
+        alt: Glazed carrots

package/src/fixtures/invalid/gallery-too-few.yaml

@@ -0,0 +1,6 @@
+v: 1
+blocks:
+  - type: gallery
+    images:
+      - src: file:roast-lamb
+        alt: Roast leg of lamb

package/src/fixtures/invalid/list-image-host.yaml

@@ -0,0 +1,12 @@
+v: 1
+blocks:
+  - type: list
+    items:
+      - title: Roast leg of lamb
+        image:
+          src: file:roast-lamb
+          alt: Roast leg of lamb
+      - title: Honey carrots
+        image:
+          src: https://images.example.com/carrots.jpg
+          alt: Glazed carrots

package/src/fixtures/invalid/list-missing-title.yaml

@@ -0,0 +1,6 @@
+v: 1
+blocks:
+  - type: list
+    items:
+      - text: Rubbed with garlic and rosemary.
+        meta: Main

package/src/fixtures/invalid/list-too-many.yaml

@@ -0,0 +1,17 @@
+v: 1
+blocks:
+  - type: list
+    items:
+      - title: Dish 1
+      - title: Dish 2
+      - title: Dish 3
+      - title: Dish 4
+      - title: Dish 5
+      - title: Dish 6
+      - title: Dish 7
+      - title: Dish 8
+      - title: Dish 9
+      - title: Dish 10
+      - title: Dish 11
+      - title: Dish 12
+      - title: Dish 13

package/src/fixtures/invalid/stepper-decimals.yaml

@@ -0,0 +1,14 @@
+v: 1
+blocks:
+  - type: stepper
+    id: guests
+    label: Number of people
+    value: 5
+    min: 1
+    max: 20
+    callback:
+      name: scaleStepper
+    items:
+      - label: Lamb
+        amount: 2
+        decimals: 4

package/src/fixtures/invalid/stepper-out-of-range.yaml

@@ -0,0 +1,10 @@
+v: 1
+blocks:
+  - type: stepper
+    id: guests
+    label: Number of people
+    value: 21
+    min: 1
+    max: 20
+    callback:
+      name: scaleStepper

package/src/fixtures/invalid/stepper-reserved-id.yaml

@@ -0,0 +1,19 @@
+v: 1
+blocks:
+  - type: stepper
+    id: guests
+    label: Number of people
+    value: 5
+    min: 1
+    max: 20
+    callback:
+      name: scaleStepper
+  - type: actions
+    id: more
+    elements:
+      - type: button
+        id: guests_increase
+        text: More
+        action:
+          kind: reply
+          text: More people

package/src/fixtures/valid/card-eyebrow.yaml

@@ -0,0 +1,8 @@
+v: 1
+blocks:
+  - type: card
+    eyebrow: Your dinner plan
+    title: Sunday roast for six
+    children:
+      - type: text
+        markdown: Lamb, crispy potatoes, and honey carrots.

package/src/fixtures/valid/checklist.yaml

@@ -0,0 +1,29 @@
+v: 1
+blocks:
+  - type: checklist
+    id: cooking
+    title: Cooking checklist
+    callback:
+      name: toggleChecklist
+      payload:
+        recipe: roast
+    items:
+      - id: oven
+        text: Preheat the oven
+        meta: "1:00 pm"
+        detail: 220 C, fan off.
+        checked: true
+      - id: lamb_in
+        text: Put the lamb in
+        meta: "1:30 pm"
+      - id: rest
+        text: Rest the lamb
+        checked: false
+  - type: card
+    title: Before guests arrive
+    children:
+      - type: checklist
+        id: prep
+        items:
+          - id: table
+            text: Set the table

package/src/fixtures/valid/copy.yaml

@@ -0,0 +1,85 @@
+v: 1
+datasets:
+  guests:
+    columns:
+      - name: guests
+        type: number
+      - name: lamb_kg
+        type: number
+    rows:
+      - [4, 1.6]
+      - [6, 2.4]
+blocks:
+  - type: stepper
+    id: people
+    label: Number of people
+    unit: People
+    value: 5
+    min: 1
+    max: 20
+    callback:
+      name: scaleStepper
+    items:
+      - label: Bone-in leg of lamb
+        amount: 2
+        unit: kg
+        decimals: 1
+  - type: checklist
+    id: cooking
+    items:
+      - id: oven
+        text: Preheat the oven
+  - type: card
+    title: Menu
+    children:
+      - type: list
+        id: menu
+        items:
+          - title: Roast leg of lamb
+            text: Rubbed with garlic and rosemary.
+      - type: text
+        id: tips
+        markdown: Rest the lamb for **20 minutes**.
+  - type: table
+    id: lamb_table
+    data: guests
+  - type: actions
+    id: copy_actions
+    elements:
+      - type: button
+        id: copy_shopping
+        text: Copy shopping list
+        variant: outline
+        action:
+          kind: copy
+          target: people
+      - type: button
+        id: copy_checklist
+        text: Copy checklist
+        action:
+          kind: copy
+          target: cooking
+      - type: button
+        id: copy_menu
+        text: Copy menu
+        action:
+          kind: copy
+          target: menu
+      - type: button
+        id: copy_tips
+        text: Copy tips
+        action:
+          kind: copy
+          target: tips
+      - type: button
+        id: copy_table
+        text: Copy table
+        action:
+          kind: copy
+          target: lamb_table
+      - type: button
+        id: copy_note
+        text: Copy note
+        action:
+          kind: copy
+          text: Lamb 2 kg, carrots 8, mint sauce.

package/src/fixtures/valid/gallery.yaml

@@ -0,0 +1,22 @@
+v: 1
+blocks:
+  - type: gallery
+    id: roast_photos
+    images:
+      - src: file:roast-lamb
+        alt: Roast leg of lamb on a carving board
+        caption: Roast lamb
+      - src: file:roast-potatoes
+        alt: Crisp roast potatoes in a tray
+        caption: Roast potatoes
+      - src: "data:image/png;base64,iVBORw0KGgo="
+        alt: Glazed carrots in a white dish
+  - type: card
+    title: Table ideas
+    children:
+      - type: gallery
+        images:
+          - src: file:table-setting
+            alt: A table set for six
+          - src: file:flowers
+            alt: A jug of spring flowers

package/src/fixtures/valid/list.yaml

@@ -0,0 +1,24 @@
+v: 1
+blocks:
+  - type: list
+    id: menu
+    items:
+      - title: Roast leg of lamb
+        text: Rubbed with garlic and rosemary, roasted for 90 minutes, then rested.
+        meta: Main
+        image:
+          src: file:roast-lamb
+          alt: Roast leg of lamb on a carving board
+      - title: Crispy roast potatoes
+        text: Par-boiled, shaken, and roasted in hot fat.
+        image:
+          src: "data:image/png;base64,iVBORw0KGgo="
+          alt: Crisp roast potatoes in a tray
+      - title: Mint sauce
+  - type: card
+    title: Pudding
+    children:
+      - type: list
+        items:
+          - title: Apple crumble
+            meta: 45 min

package/src/fixtures/valid/stepper.yaml

@@ -0,0 +1,35 @@
+v: 1
+blocks:
+  - type: card
+    title: How much should you buy?
+    children:
+      - type: stepper
+        id: guests
+        label: Number of people
+        unit: People
+        value: 5
+        min: 1
+        max: 20
+        callback:
+          name: scaleStepper
+          payload:
+            recipe: roast
+        itemsTitle: Your shopping quantities
+        items:
+          - label: Bone-in leg of lamb
+            amount: 2
+            unit: kg
+            decimals: 1
+          - label: Carrots
+            amount: 8
+            round: up
+        note: Generous portions, with a little extra.
+  - type: stepper
+    id: servings
+    label: Servings
+    value: 2
+    min: 0
+    max: 10
+    step: 0.5
+    callback:
+      name: scaleStepper