@brad-frost-web/eddie-recipes 0.19.2 → 0.19.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brad-frost-web/eddie-recipes",
-  "version": "0.19.2",
+  "version": "0.19.4",
   "private": false,
   "publishConfig": {
     "access": "public"

package/recipes/bradfrost-com/timeline/timeline.d.ts

@@ -0,0 +1,17 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * A vertical timeline component that displays a series of timeline nodes
+ * along a vertical line. Used as a wrapper around `ed-r-timeline-node` elements.
+ *
+ * @slot - Timeline node elements (`ed-r-timeline-node`)
+ */
+export declare class EdRTimeline extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-timeline': EdRTimeline;
+    }
+}
+//# sourceMappingURL=timeline.d.ts.map

package/recipes/bradfrost-com/timeline/timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/bradfrost-com/timeline/timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AAItF;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,SAAS;IACxC,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CASP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}

package/recipes/bradfrost-com/timeline/timeline.js

@@ -0,0 +1,20 @@
+import { EdElement as t } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import { unsafeCSS as o, html as i } from "lit";
+const s = ':root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-r-c-timeline{position:relative;padding-inline-start:3rem}.ed-r-c-timeline:before{content:"";position:absolute;top:0;bottom:0;left:1rem;width:2px;background:var(--ed-theme-color-border-default)}';
+class r extends t {
+  static get styles() {
+    return o(s);
+  }
+  render() {
+    const e = this.componentClassNames("ed-r-c-timeline", {});
+    return i`
+      <div class="${e}">
+        <slot></slot>
+      </div>
+    `;
+  }
+}
+customElements.get("ed-r-timeline") === void 0 && customElements.define("ed-r-timeline", r);
+export {
+  r as EdRTimeline
+};

package/recipes/bradfrost-com/timeline-node/timeline-node.d.ts

@@ -0,0 +1,37 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * A single node on a vertical timeline. Displays a dot marker on the timeline
+ * line with a heading, optional date, and slotted content to the right.
+ *
+ * @slot - Additional content for this timeline entry
+ */
+export declare class EdRTimelineNode extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * The heading text for this timeline node
+     */
+    text: string;
+    /**
+     * Optional date or time label displayed above/beside the heading
+     */
+    date?: string;
+    /**
+     * URL the heading links to
+     */
+    href?: string;
+    /**
+     * Heading tag name for semantic heading level
+     */
+    headingTagName: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Visual variant of the node marker
+     */
+    variant?: 'default' | 'highlight';
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-timeline-node': EdRTimelineNode;
+    }
+}
+//# sourceMappingURL=timeline-node.d.ts.map

package/recipes/bradfrost-com/timeline-node/timeline-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-node.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/bradfrost-com/timeline-node/timeline-node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,iEAAiE,CAAC;AAKzE;;;;;GAKG;AACH,qBAAa,eAAgB,SAAQ,SAAS;IAC5C,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,cAAc,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAExD;;OAEG;IAEH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAElC,MAAM;CA0BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}

package/recipes/bradfrost-com/timeline-node/timeline-node.js

@@ -0,0 +1,56 @@
+import { EdElement as h } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import "@brad-frost-web/eddie-web-components/components/heading/heading";
+import { unsafeCSS as c, nothing as s, html as r } from "lit";
+import { property as i } from "lit/decorators.js";
+const p = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-r-c-timeline-node{position:relative;padding-block-end:2rem}.ed-r-c-timeline-node__marker{position:absolute;top:.25rem;left:calc(-2rem - 5px);width:12px;height:12px;border-radius:50%;background:var(--ed-theme-color-background-brand);border:2px solid var(--ed-theme-color-background-default)}.ed-r-c-timeline-node--highlight .ed-r-c-timeline-node__marker{width:16px;height:16px;left:calc(-2rem - 7px);box-shadow:0 0 0 3px var(--ed-theme-color-background-brand)}.ed-r-c-timeline-node__body{display:flex;flex-direction:column;gap:.25rem}.ed-r-c-timeline-node__date{font-family:var(--ed-theme-typography-meta-default-font-family);font-weight:var(--ed-theme-typography-meta-default-font-weight);font-size:var(--ed-theme-typography-meta-default-font-size);line-height:var(--ed-theme-typography-meta-default-line-height);letter-spacing:var(--ed-theme-typography-meta-default-letter-spacing);text-transform:var(--ed-theme-typography-meta-default-text-transform);color:var(--ed-theme-color-content-subtle)}.ed-r-c-timeline-node__heading{display:block}.ed-r-c-timeline-node__link{color:inherit;text-decoration:none}.ed-r-c-timeline-node__link:hover,.ed-r-c-timeline-node__link:focus{text-decoration:underline;color:var(--ed-theme-link-color-content-hover)}.ed-r-c-timeline-node__content:empty{display:none}";
+var g = Object.defineProperty, n = (d, o, l, f) => {
+  for (var e = void 0, a = d.length - 1, m; a >= 0; a--)
+    (m = d[a]) && (e = m(o, l, e) || e);
+  return e && g(o, l, e), e;
+};
+class t extends h {
+  constructor() {
+    super(...arguments), this.text = "", this.headingTagName = "h3";
+  }
+  static get styles() {
+    return c(p);
+  }
+  render() {
+    const o = this.componentClassNames("ed-r-c-timeline-node", {
+      "ed-r-c-timeline-node--highlight": this.variant === "highlight"
+    });
+    return r`
+      <div class="${o}">
+        <div class="ed-r-c-timeline-node__marker"></div>
+        <div class="ed-r-c-timeline-node__body">
+          ${this.date ? r`<span class="ed-r-c-timeline-node__date">${this.date}</span>` : s}
+          ${this.text ? r`<ed-heading class="ed-r-c-timeline-node__heading" tagName="${this.headingTagName}" variant="headline-sm">
+                ${this.href ? r`<a class="ed-r-c-timeline-node__link" href="${this.href}">${this.text}</a>` : this.text}
+              </ed-heading>` : s}
+          <div class="ed-r-c-timeline-node__content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+}
+n([
+  i()
+], t.prototype, "text");
+n([
+  i()
+], t.prototype, "date");
+n([
+  i()
+], t.prototype, "href");
+n([
+  i()
+], t.prototype, "headingTagName");
+n([
+  i()
+], t.prototype, "variant");
+customElements.get("ed-r-timeline-node") === void 0 && customElements.define("ed-r-timeline-node", t);
+export {
+  t as EdRTimelineNode
+};

package/recipes/common/example-form/example-form.d.ts

@@ -0,0 +1,17 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * Example form recipe demonstrating various form components working together.
+ */
+export declare class EdRExampleForm extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    formData: string;
+    logFiles(e: CustomEvent): void;
+    render(): import('lit-html').TemplateResult<1>;
+    handleSubmit(e: Event): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-example-form': EdRExampleForm;
+    }
+}
+//# sourceMappingURL=example-form.d.ts.map

package/recipes/common/example-form/example-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-form.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/common/example-form/example-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,2EAA2E,CAAC;AACnF,OAAO,+DAA+D,CAAC;AACvE,OAAO,yFAAyF,CAAC;AACjG,OAAO,+EAA+E,CAAC;AACvF,OAAO,yEAAyE,CAAC;AACjF,OAAO,iEAAiE,CAAC;AACzE,OAAO,mFAAmF,CAAC;AAC3F,OAAO,yEAAyE,CAAC;AACjF,OAAO,2EAA2E,CAAC;AACnF,OAAO,uEAAuE,CAAC;AAC/E,OAAO,+EAA+E,CAAC;AACvF,OAAO,+DAA+D,CAAC;AAKvE;;GAEG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,MAAM,4BAEhB;IAGD,QAAQ,EAAE,MAAM,CAAM;IAEtB,QAAQ,CAAC,CAAC,EAAE,WAAW;IAOvB,MAAM;IAyFN,YAAY,CAAC,CAAC,EAAE,KAAK;CAiBtB;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,cAAc,CAAC;KACrC;CACF"}

package/recipes/common/example-form/example-form.js

@@ -0,0 +1,133 @@
+import { EdElement as l } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import "@brad-frost-web/eddie-web-components/components/button-group/button-group";
+import "@brad-frost-web/eddie-web-components/components/button/button";
+import "@brad-frost-web/eddie-web-components/components/checkbox-field-item/checkbox-field-item";
+import "@brad-frost-web/eddie-web-components/components/checkbox-field/checkbox-field";
+import "@brad-frost-web/eddie-web-components/components/file-upload/file-upload";
+import "@brad-frost-web/eddie-web-components/components/heading/heading";
+import "@brad-frost-web/eddie-web-components/components/radio-field-item/radio-field-item";
+import "@brad-frost-web/eddie-web-components/components/radio-field/radio-field";
+import "@brad-frost-web/eddie-web-components/components/select-field/select-field";
+import "@brad-frost-web/eddie-web-components/components/text-field/text-field";
+import "@brad-frost-web/eddie-web-components/components/textarea-field/textarea-field";
+import "@brad-frost-web/eddie-web-components/components/toggle/toggle";
+import { unsafeCSS as p, nothing as g, html as m } from "lit";
+import { state as u } from "lit/decorators.js";
+const s = '@charset "UTF-8";:root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-u-margin-none{margin:0!important}.ed-u-margin-sm{margin:.5rem!important}.ed-u-margin-md{margin:1rem!important}.ed-u-margin-lg{margin:1.5rem!important}.ed-u-margin-xl{margin:2rem!important}.ed-u-margin-xxl{margin:4rem!important}.ed-u-margin-top-none{margin-block-start:0!important}.ed-u-margin-top-sm{margin-block-start:.5rem!important}.ed-u-margin-top-md{margin-block-start:1rem!important}.ed-u-margin-top-lg{margin-block-start:1.5rem!important}.ed-u-margin-top-xl{margin-block-start:2rem!important}.ed-u-margin-top-xxl{margin-block-start:4rem!important}.ed-u-margin-right-none{margin-inline-end:0!important}.ed-u-margin-right-sm{margin-inline-end:.5rem!important}.ed-u-margin-right-md{margin-inline-end:1rem!important}.ed-u-margin-right-lg{margin-inline-end:1.5rem!important}.ed-u-margin-right-xl{margin-inline-end:2rem!important}.ed-u-margin-right-xxl{margin-inline-end:4rem!important}.ed-u-margin-bottom-none{margin-block-end:0!important}.ed-u-margin-bottom-sm{margin-block-end:.5rem!important}.ed-u-margin-bottom-md{margin-block-end:1rem!important}.ed-u-margin-bottom-lg{margin-block-end:1.5rem!important}.ed-u-margin-bottom-xl{margin-block-end:2rem!important}.ed-u-margin-bottom-xxl{margin-block-end:4rem!important}.ed-u-margin-bottom-xl-xxl{margin-block-end:2rem!important}@media all and (min-width:48rem){.ed-u-margin-bottom-xl-xxl{margin-block-end:4rem!important}}.ed-u-margin-left-none{margin-inline-start:0!important}.ed-u-margin-left-sm{margin-inline-start:.5rem!important}.ed-u-margin-left-md{margin-inline-start:1rem!important}.ed-u-margin-left-lg{margin-inline-start:1.5rem!important}.ed-u-margin-left-xl{margin-inline-start:2rem!important}.ed-u-margin-left-xxl{margin-inline-start:4rem!important}.ed-u-padding-none{padding:0!important}.ed-u-padding-sm{padding:.5rem!important}.ed-u-padding-md{padding:1rem!important}.ed-u-padding-lg{padding:1.5rem!important}.ed-u-padding-xl{padding:2rem!important}.ed-u-padding-xxl{padding:4rem!important}.ed-u-padding-top-none{padding-block-start:0!important}.ed-u-padding-top-sm{padding-block-start:.5rem!important}.ed-u-padding-top-md{padding-block-start:1rem!important}.ed-u-padding-top-lg{padding-block-start:1.5rem!important}.ed-u-padding-top-xl{padding-block-start:2rem!important}.ed-u-padding-top-xxl{padding-block-start:4rem!important}.ed-u-padding-right-none{padding-inline-end:0!important}.ed-u-padding-right-sm{padding-inline-end:.5rem!important}.ed-u-padding-right-md{padding-inline-end:1rem!important}.ed-u-padding-right-lg{padding-inline-end:1.5rem!important}.ed-u-padding-right-xl{padding-inline-end:2rem!important}.ed-u-padding-right-xxl{padding-inline-end:4rem!important}.ed-u-padding-bottom-none{padding-block-end:0!important}.ed-u-padding-bottom-sm{padding-block-end:.5rem!important}.ed-u-padding-bottom-md{padding-block-end:1rem!important}.ed-u-padding-bottom-lg{padding-block-end:1.5rem!important}.ed-u-padding-bottom-xl{padding-block-end:2rem!important}.ed-u-padding-bottom-xxl{padding-block-end:4rem!important}.ed-u-padding-left-none{padding-inline-start:0!important}.ed-u-padding-left-sm{padding-inline-start:.5rem!important}.ed-u-padding-left-md{padding-inline-start:1rem!important}.ed-u-padding-left-lg{padding-inline-start:1.5rem!important}.ed-u-padding-left-xl{padding-inline-start:2rem!important}.ed-u-padding-left-xxl{padding-inline-start:4rem!important}.ed-u-display-flex{display:flex!important}.ed-u-display-block{display:block!important}';
+var b = Object.defineProperty, c = (a, e, d, n) => {
+  for (var t = void 0, i = a.length - 1, r; i >= 0; i--)
+    (r = a[i]) && (t = r(e, d, t) || t);
+  return t && b(e, d, t), t;
+};
+class o extends l {
+  constructor() {
+    super(...arguments), this.formData = "";
+  }
+  static get styles() {
+    return p(s);
+  }
+  logFiles(e) {
+    console.log(e.detail.uploadedFiles), e.detail.uploadedFiles.forEach((d) => {
+      console.log(d);
+    });
+  }
+  render() {
+    const e = [
+      {
+        optGroupLabel: "Option Group",
+        options: [
+          {
+            label: "Option Group Item 1",
+            value: "option-group-item-1"
+          },
+          {
+            label: "Option Group Item 2",
+            value: "option-group-item-2",
+            selected: !0
+          },
+          {
+            label: "Option Group Item 3",
+            value: "option-group-item-3"
+          }
+        ]
+      },
+      {
+        label: "No option group item 1",
+        value: "no-option-group-item-1"
+      },
+      {
+        label: "No option group item 2",
+        value: "no-option-group-item-2"
+      }
+    ];
+    return m`
+      <iframe name="dummyframe" id="dummyframe" style="display: none;"></iframe>
+      <form id="fakeform" action="#" target="dummyframe" @submit=${this.handleSubmit}>
+        <ed-textarea-field class="ed-u-display-block ed-u-margin-bottom-lg" name="limerick" label="Write a limerick"></ed-textarea-field>
+        <ed-text-field class="ed-u-display-block ed-u-margin-bottom-lg" name="name" label="Enter your name"></ed-text-field>
+        <ed-text-field class="ed-u-display-block ed-u-margin-bottom-lg" name="textfield2" value="beagles" label="Best breed of dog"></ed-text-field>
+        <ed-checkbox-field class="ed-u-display-block ed-u-margin-bottom-lg">
+          <ed-checkbox-field-item name="checkbox-example" value="1">Checkbox field item 1</ed-checkbox-field-item>
+          <ed-checkbox-field-item name="checkbox-example" value="2" checked>Checkbox field item 2</ed-checkbox-field-item>
+          <ed-checkbox-field-item name="checkbox-example" value="3">Checkbox field item 3</ed-checkbox-field-item>
+        </ed-checkbox-field>
+        <ed-radio-field class="ed-u-display-block ed-u-margin-bottom-lg">
+          <ed-radio-field-item name="radio-example" value="on" checked="${!0}">On</ed-radio-field-item>
+          <ed-radio-field-item name="radio-example" value="off">Off</ed-radio-field-item>
+        </ed-radio-field>
+        <ed-select-field
+          class="ed-u-display-block ed-u-margin-bottom-lg"
+          .items=${e}
+          name="select"
+          ?inverted=${!0}
+          fieldNote="This is a field note."
+        ></ed-select-field>
+
+        <ed-file-upload
+          class="ed-u-display-block ed-u-margin-bottom-lg"
+          hideLabel="true,"
+          name="file-upload-field"
+          ?multiple=${!0}
+          @uploadedfiles=${(d) => this.logFiles(d)}
+          fieldNote="Supported file types: jpg, jpeg, png, pdf, and csv. Maximum upload file size: 75MB."
+        >
+          Drag and Drop files here or click and select your files</ed-file-upload
+        >
+
+        <ed-toggle
+          ?checked=${!0}
+          class="ed-u-display-block ed-u-margin-bottom-lg"
+          label="Toggle label"
+          name="example-toggle"
+          value="Toggle value"
+        ></ed-toggle>
+
+        <ed-button-group>
+          <ed-button text="Submit" type="submit" value="123"></ed-button>
+          <ed-button text="Reset" type="reset"></ed-button>
+        </ed-button-group>
+      </form>
+      ${this.formData ? m`
+            <ed-heading>Submitted form data</ed-heading>
+            <pre>
+              ${this.formData}
+            </pre
+            >
+          ` : g}
+    `;
+  }
+  handleSubmit(e) {
+    e.preventDefault();
+    const d = new FormData(e.target), n = {};
+    d.forEach((t, i) => {
+      n[i] ? Array.isArray(n[i]) ? n[i].push(t) : n[i] = [n[i], t] : n[i] = t;
+    }), this.formData = JSON.stringify(n, null, 2);
+  }
+}
+c([
+  u()
+], o.prototype, "formData");
+customElements.get("ed-r-example-form") === void 0 && customElements.define("ed-r-example-form", o);
+export {
+  o as EdRExampleForm
+};

package/recipes/common/project-card/project-card.d.ts

@@ -0,0 +1,39 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * A card composition for showcasing a project with an image,
+ * heading, and descriptive text.
+ */
+export declare class EdRProjectCard extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    /**
+     * The project title displayed as a heading
+     */
+    title: string;
+    /**
+     * The project description text
+     */
+    description?: string;
+    /**
+     * Image source URL
+     */
+    imgSrc?: string;
+    /**
+     * Image alt text
+     */
+    imgAlt?: string;
+    /**
+     * Heading tag name for semantic heading level
+     */
+    headingTagName: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * URL the card links to
+     */
+    href?: string;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-project-card': EdRProjectCard;
+    }
+}
+//# sourceMappingURL=project-card.d.ts.map

package/recipes/common/project-card/project-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"project-card.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/common/project-card/project-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,iEAAiE,CAAC;AACzE,OAAO,2EAA2E,CAAC;AAKnF;;;GAGG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IAEM,KAAK,SAAM;IAEpB;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,cAAc,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAExD;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,MAAM;CA0BP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,cAAc,CAAC;KACrC;CACF"}

package/recipes/common/project-card/project-card.js

@@ -0,0 +1,60 @@
+import { EdElement as p } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import "@brad-frost-web/eddie-web-components/components/heading/heading";
+import "@brad-frost-web/eddie-web-components/components/text-passage/text-passage";
+import { unsafeCSS as h, nothing as s, html as d } from "lit";
+import { property as t } from "lit/decorators.js";
+const m = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-r-c-project-card{display:flex;flex-direction:column;height:100%;border-width:var(--ed-theme-border-width-sm);border-style:solid;border-color:var(--ed-theme-color-border-subtle);border-radius:var(--ed-theme-border-radius-md);box-shadow:var(--ed-theme-box-shadow-md);background:var(--ed-theme-color-background-default);overflow:hidden}.ed-r-c-project-card__media{flex:none}.ed-r-c-project-card__img{display:block;width:100%;height:auto;object-fit:cover}.ed-r-c-project-card__body{display:flex;flex-direction:column;flex:1 0 auto;padding:1.5rem;gap:.5rem}.ed-r-c-project-card__title{display:block}.ed-r-c-project-card__link{color:inherit;text-decoration:none}.ed-r-c-project-card__link:hover,.ed-r-c-project-card__link:focus{text-decoration:underline}.ed-r-c-project-card__description{display:block}";
+var _ = Object.defineProperty, o = (c, i, l, g) => {
+  for (var r = void 0, a = c.length - 1, n; a >= 0; a--)
+    (n = c[a]) && (r = n(i, l, r) || r);
+  return r && _(i, l, r), r;
+};
+class e extends p {
+  constructor() {
+    super(...arguments), this.title = "", this.headingTagName = "h3";
+  }
+  static get styles() {
+    return h(m);
+  }
+  render() {
+    const i = this.componentClassNames("ed-r-c-project-card", {
+      "ed-r-c-project-card--has-link": !!this.href
+    });
+    return d`
+      <div class="${i}">
+        ${this.imgSrc ? d`<div class="ed-r-c-project-card__media">
+              <img class="ed-r-c-project-card__img" src="${this.imgSrc}" alt="${this.imgAlt ?? ""}" />
+            </div>` : s}
+        <div class="ed-r-c-project-card__body">
+          ${this.title ? d`<ed-heading class="ed-r-c-project-card__title" tagName="${this.headingTagName}" variant="headline-sm">
+                ${this.href ? d`<a class="ed-r-c-project-card__link" href="${this.href}">${this.title}</a>` : this.title}
+              </ed-heading>` : s}
+          ${this.description ? d`<ed-text-passage class="ed-r-c-project-card__description">${this.description}</ed-text-passage>` : s}
+          <slot></slot>
+        </div>
+      </div>
+    `;
+  }
+}
+o([
+  t()
+], e.prototype, "title");
+o([
+  t()
+], e.prototype, "description");
+o([
+  t()
+], e.prototype, "imgSrc");
+o([
+  t()
+], e.prototype, "imgAlt");
+o([
+  t()
+], e.prototype, "headingTagName");
+o([
+  t()
+], e.prototype, "href");
+customElements.get("ed-r-project-card") === void 0 && customElements.define("ed-r-project-card", e);
+export {
+  e as EdRProjectCard
+};

package/recipes/common/promo-block/promo-block.d.ts

@@ -0,0 +1,15 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * Promo block recipe composing a band, heading, text passage, and button
+ * into a promotional content block.
+ */
+export declare class EdRPromoBlock extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-promo-block': EdRPromoBlock;
+    }
+}
+//# sourceMappingURL=promo-block.d.ts.map

package/recipes/common/promo-block/promo-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promo-block.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/common/promo-block/promo-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,2DAA2D,CAAC;AACnE,OAAO,+DAA+D,CAAC;AACvE,OAAO,iEAAiE,CAAC;AACzE,OAAO,2EAA2E,CAAC;AAInF;;;GAGG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CAeP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,aAAa,CAAC;KACnC;CACF"}

package/recipes/common/promo-block/promo-block.js

@@ -0,0 +1,30 @@
+import { EdElement as o } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import "@brad-frost-web/eddie-web-components/components/band/band";
+import "@brad-frost-web/eddie-web-components/components/button/button";
+import "@brad-frost-web/eddie-web-components/components/heading/heading";
+import "@brad-frost-web/eddie-web-components/components/text-passage/text-passage";
+import { unsafeCSS as t, html as r } from "lit";
+const n = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-r-c-promo-block__inner{display:flex;flex-direction:column;align-items:center;padding:2rem 0}.ed-r-c-promo-block__heading{display:block;margin-block-end:1rem}.ed-r-c-promo-block__button{display:block;margin-block-start:1rem}";
+class s extends o {
+  static get styles() {
+    return t(n);
+  }
+  render() {
+    const e = this.componentClassNames("ed-r-c-promo-block", {});
+    return r`
+      <ed-band variant="brand-knockout" class="${e}">
+        <ed-layout-container>
+          <div class="ed-r-c-promo-block__inner">
+            <ed-heading class="ed-r-c-promo-block__heading" tagName="h2">This is a promo block title</ed-heading>
+            <ed-text-passage>This is a promo block</ed-text-passage>
+            <ed-button class="ed-r-c-promo-block__button" variant="primary" text="See More"></ed-button>
+          </div>
+        </ed-layout-container>
+      </ed-band>
+    `;
+  }
+}
+customElements.get("ed-r-promo-block") === void 0 && customElements.define("ed-r-promo-block", s);
+export {
+  s as EdRPromoBlock
+};

package/recipes/common/site-footer/site-footer.d.ts

@@ -0,0 +1,14 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * Site footer recipe composing footer, logo, navigation links, and copyright.
+ */
+export declare class EdRSiteFooter extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-site-footer': EdRSiteFooter;
+    }
+}
+//# sourceMappingURL=site-footer.d.ts.map

package/recipes/common/site-footer/site-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-footer.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/common/site-footer/site-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,+DAA+D,CAAC;AACvE,OAAO,+EAA+E,CAAC;AACvF,OAAO,qEAAqE,CAAC;AAC7E,OAAO,2DAA2D,CAAC;AAInE;;GAEG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,MAAM,4BAEhB;IAED,MAAM;CAoBP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,aAAa,CAAC;KACnC;CACF"}

package/recipes/common/site-footer/site-footer.js

@@ -0,0 +1,35 @@
+import { EdElement as t } from "@brad-frost-web/eddie-web-components/components/EdElement";
+import "@brad-frost-web/eddie-web-components/components/footer/footer";
+import "@brad-frost-web/eddie-web-components/components/link-list-item/link-list-item";
+import "@brad-frost-web/eddie-web-components/components/link-list/link-list";
+import "@brad-frost-web/eddie-web-components/components/logo/logo";
+import { unsafeCSS as o, html as i } from "lit";
+const r = ":root,:host{--size-base-unit: .5rem}*,::slotted(*),*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0}.ed-r-c-site-footer{display:block;margin-block-start:4rem;margin-block-end:4rem}.ed-r-c-site-footer__middle{padding-block-start:4rem;padding-block-end:4rem}.ed-r-c-site-footer__navigation,.ed-r-c-site-footer__logo{display:block;margin-block-end:2rem}@media all and (min-width:48rem){.ed-r-c-site-footer__logo{justify-content:flex-end}}ed-icon-link-list{display:block;margin-block-end:2rem}.ed-r-c-site-footer__copyright{font-family:var(--ed-theme-typography-body-sm-font-family);font-weight:var(--ed-theme-typography-body-sm-font-weight);font-size:var(--ed-theme-typography-body-sm-font-size);line-height:var(--ed-theme-typography-body-sm-line-height);letter-spacing:var(--ed-theme-typography-body-sm-letter-spacing);text-transform:var(--ed-theme-typography-body-sm-text-transform);margin:0}";
+class s extends t {
+  static get styles() {
+    return o(r);
+  }
+  render() {
+    const e = this.componentClassNames("ed-r-c-site-footer", {});
+    return i`
+      <ed-footer class="${e}">
+        <ed-layout-container class="ed-r-c-site-footer__layout-container">
+          <div class="ed-r-c-site-footer__middle">
+            <ed-link-list class="ed-r-c-site-footer__navigation" behavior="horizontal" ?inverted=${!0}>
+              <ed-link-list-item href="#" text="Nav Item"></ed-link-list-item>
+              <ed-link-list-item href="#" text="Nav Item"></ed-link-list-item>
+              <ed-link-list-item href="#" text="Nav Item"></ed-link-list-item>
+              <ed-link-list-item href="#" text="Nav Item"></ed-link-list-item>
+            </ed-link-list>
+            <ed-logo class="ed-r-c-site-footer__logo" size="lg"></ed-logo>
+            <p class="ed-r-c-site-footer__copyright">&copy; ${(/* @__PURE__ */ new Date()).getFullYear()}, Brad Frost Web. All Rights Reserved.</p>
+          </div>
+        </ed-layout-container>
+      </ed-footer>
+    `;
+  }
+}
+customElements.get("ed-r-site-footer") === void 0 && customElements.define("ed-r-site-footer", s);
+export {
+  s as EdRSiteFooter
+};

package/recipes/common/site-header/site-header.d.ts

@@ -0,0 +1,20 @@
+import { EdElement } from '@brad-frost-web/eddie-web-components/components/EdElement';
+/**
+ * Site header recipe composing header, logo, primary nav, and utility nav.
+ */
+export declare class EdRSiteHeader extends EdElement {
+    static get styles(): import('lit').CSSResult;
+    isActive?: boolean;
+    searchModalIsActive?: boolean;
+    constructor();
+    clickHandler(): void;
+    openSearchModal(): void;
+    closeSearchModal(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ed-r-site-header': EdRSiteHeader;
+    }
+}
+//# sourceMappingURL=site-header.d.ts.map

package/recipes/common/site-header/site-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"site-header.d.ts","sourceRoot":"","sources":["../../../../../packages/eddie-recipes/recipes/common/site-header/site-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2DAA2D,CAAC;AACtF,OAAO,+DAA+D,CAAC;AACvE,OAAO,qEAAqE,CAAC;AAC7E,OAAO,2DAA2D,CAAC;AACnE,OAAO,+DAA+D,CAAC;AACvE,OAAO,2DAA2D,CAAC;AACnE,OAAO,6EAA6E,CAAC;AACrF,OAAO,mFAAmF,CAAC;AAC3F,OAAO,yEAAyE,CAAC;AACjF,OAAO,mFAAmF,CAAC;AAC3F,OAAO,yEAAyE,CAAC;AAKjF;;GAEG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAC1C,MAAM,KAAK,MAAM,4BAEhB;IAGD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;;IAS9B,YAAY;IASZ,eAAe;IAIf,gBAAgB;IAIhB,MAAM;CAwHP;AAMD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,aAAa,CAAC;KACnC;CACF"}