@recipe-book/react 0.0.1 → 0.0.2

package/dist/chunk-X5FG3X6T.mjs

@@ -0,0 +1 @@
+import{a as o}from"./chunk-YZMVAQQG.mjs";import{AspectRatio as l}from"@radix-ui/react-aspect-ratio";import{jsx as s}from"react/jsx-runtime";function h(t){var i,a;let{thumbnail:e,name:r}=o();if(!e)throw new Error("Missing thumbnail image. Did you forget to set one?");let n=(i=t.style)!=null?i:{};return s(l,{"recipe-thumbnail":"",className:t.className,style:{width:"100%",...n},ratio:t.aspectRatio||1,children:s("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:e,alt:(a=t.alt)!=null?a:r})})}export{h as a};

package/dist/chunk-X66DY4AZ.mjs

@@ -0,0 +1 @@
+import{a as s}from"./chunk-PBENQR7Y.mjs";import{jsx as l,jsxs as c}from"react/jsx-runtime";var o=[.5,1,2,3];function i(n){let{servings:t,setServings:r}=s();return l("select",{className:n.className,"recipe-servings-select":"",value:t,onChange:e=>{r(Number(e.target.value))},children:o.map(e=>c("option",{value:e,children:[e," serving",e!==1?"s":""]},e))})}export{i as a};

package/dist/chunk-XXSJXKWQ.mjs

@@ -0,0 +1,44 @@
+import {
+  useRecipeContext
+} from "./chunk-ENGJXHYU.mjs";
+
+// src/components/thumbnail.tsx
+import { AspectRatio } from "@radix-ui/react-aspect-ratio";
+import { jsx } from "react/jsx-runtime";
+function Thumbnail(props) {
+  var _a, _b;
+  const { thumbnail, name } = useRecipeContext();
+  if (!thumbnail) {
+    throw new Error("Missing thumbnail image. Did you forget to set one?");
+  }
+  const propStyle = (_a = props.style) != null ? _a : {};
+  return /* @__PURE__ */ jsx(
+    AspectRatio,
+    {
+      "recipe-thumbnail": "",
+      className: props.className,
+      style: {
+        width: "100%",
+        ...propStyle
+      },
+      ratio: props.aspectRatio || 1,
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          "recipe-thumbnail-image": "",
+          style: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%"
+          },
+          src: thumbnail,
+          alt: (_b = props.alt) != null ? _b : name
+        }
+      )
+    }
+  );
+}
+
+export {
+  Thumbnail
+};

package/dist/chunk-YZMVAQQG.mjs

@@ -0,0 +1 @@
+import{createContext as s,useContext as p,useState as C,useMemo as x}from"react";import{jsx as v}from"react/jsx-runtime";var i=s({});function a(){let e=p(i);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function g({children:e,recipe:t}){let[o,n]=C(),r=x(()=>({...t,activeConversionKey:o,setConversionKey:c=>{n(c)}}),[t,o,n]);return v(i.Provider,{value:r,children:e})}export{a,g as b};

package/dist/chunk-ZCXPZU7W.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IngredientList(props) {
+  const { ingredients, servings } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-ZJ4PNVYO.mjs

@@ -0,0 +1,52 @@
+import {
+  useRecipeContext
+} from "./chunk-7SBP7DC5.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import {
+  IngredientUtils
+} from "@recipe-book/core";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getIngredientAmount(ingredient, conversionKey) {
+  var _a;
+  if (!conversionKey) {
+    return ingredient.amount;
+  }
+  const conversion = (_a = ingredient.conversion) == null ? void 0 : _a[conversionKey];
+  if (!conversion) {
+    console.warn(
+      `No conversion found for ingredient "${ingredient.name}" with key "${conversionKey}"
+Attempting conversion table lookup...`
+    );
+    const coerced = IngredientUtils.convert(
+      ingredient,
+      conversionKey
+    );
+    if (coerced) {
+      return coerced.amount;
+    }
+    return ingredient.amount;
+  }
+  return conversion;
+}
+function IngredientList(props) {
+  const { ingredients, activeConversionKey, measurements } = useRecipeContext();
+  const ingredientsWithAmounts = useMemo(() => {
+    ingredients.map((ingredient) => ({
+      ...ingredient,
+      amount: getIngredientAmount(ingredient, activeConversionKey)
+    }));
+  }, [ingredients, activeConversionKey, measurements]);
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredientsWithAmounts.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-ZU4QJLEY.mjs

@@ -0,0 +1,53 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-ENGJXHYU.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const [servings, setServings] = useState(1);
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    const _recipe = RecipeUtils.create(finalConfig);
+    return {
+      ..._recipe,
+      ingredients: _recipe.ingredients.map((ingredient) => ({
+        ...ingredient,
+        amount: {
+          ...ingredient.amount,
+          // scale the amount by the number of servings
+          value: ingredient.amount.value * servings
+        },
+        conversion: typeof ingredient.conversion === "object" ? {
+          ...ingredient.conversion,
+          [finalConfig.measurements]: ingredient.amount
+        } : (
+          // if conversion is a string, it's a unit key
+          ingredient.conversion
+        )
+      }))
+    };
+  }, [globalConfig, props.recipe, servings]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/components/ingredients/ingredients-list.d.mts

@@ -1,3 +1,6 @@
+type IngredientListProps = {
+    className?: string;
+};
 /**
  * Renders a list of ingredients from the recipe context.
  *
@@ -5,6 +8,6 @@
  * - `recipe-ingredient-list` (wrapper element)
  * - `recipe-ingredient` (ingredient elements)
  */
-declare function IngredientList(): JSX.Element;
+declare function IngredientList(props: IngredientListProps): JSX.Element;
 
 export { IngredientList };

package/dist/components/ingredients/ingredients-list.d.ts

@@ -1,3 +1,6 @@
+type IngredientListProps = {
+    className?: string;
+};
 /**
  * Renders a list of ingredients from the recipe context.
  *
@@ -5,6 +8,6 @@
  * - `recipe-ingredient-list` (wrapper element)
  * - `recipe-ingredient` (ingredient elements)
  */
-declare function IngredientList(): JSX.Element;
+declare function IngredientList(props: IngredientListProps): JSX.Element;
 
 export { IngredientList };

package/dist/components/ingredients/ingredients-list.js

@@ -1 +1,2 @@
-var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var C=(t,e)=>{for(var o in e)c(t,o,{get:e[o],enumerable:!0})},d=(t,e,o,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of R(e))!u.call(t,n)&&n!==o&&c(t,n,{get:()=>e[n],enumerable:!(p=x(e,n))||p.enumerable});return t};var f=t=>d(c({},"__esModule",{value:!0}),t);var l={};C(l,{IngredientList:()=>m});module.exports=f(l);var i=require("react"),a=require("react/jsx-runtime"),g=(0,i.createContext)({});function s(){let t=(0,i.useContext)(g);if(!t)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return t}var r=require("react/jsx-runtime");function m(){let{config:t}=s();return(0,r.jsx)("ul",{"recipe-ingredient-list":"",children:t.ingredients.map((e,o)=>(0,r.jsxs)("li",{"recipe-ingredient":"",children:[e.name," \u2014 ",e.amount.value," ",e.amount.unit]},o))})}0&&(module.exports={IngredientList});
+var u=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var f=(e,n)=>{for(var t in n)u(e,t,{get:n[t],enumerable:!0})},g=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of l(n))!d.call(e,o)&&o!==t&&u(e,o,{get:()=>n[o],enumerable:!(r=C(n,o))||r.enumerable});return e};var x=e=>g(u({},"__esModule",{value:!0}),e);var P={};f(P,{IngredientList:()=>I});module.exports=x(P);var m=require("@recipe-book/core");var s=require("react"),b=require("react/jsx-runtime"),R=(0,s.createContext)({});function a(){let e=(0,s.useContext)(R);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var p=require("react"),c=require("react/jsx-runtime");function y(e,n){var r;if(!n)return e.amount;let t=(r=e.conversion)==null?void 0:r[n];if(!t){console.warn(`No conversion found for ingredient "${e.name}" with key "${n}"
+Attempting conversion table lookup...`);let o=m.IngredientUtils.convert(e,n);return o?o.amount:e.amount}return t}function I(e){let{ingredients:n,activeConversionKey:t,measurements:r}=a(),o=(0,p.useMemo)(()=>t===r?n:n.map(i=>({...i,amount:y(i,t)})),[n,t,r]);return(0,c.jsx)("ul",{"recipe-ingredient-list":"",className:e.className,children:o.map((i,v)=>(0,c.jsxs)("li",{"recipe-ingredient":"",children:[i.name," \u2014 ",i.amount.value," ",i.amount.unit]},v))})}0&&(module.exports={IngredientList});

package/dist/components/ingredients/ingredients-list.mjs

@@ -1 +1 @@
-import{a}from"../../chunk-U7TL6PST.mjs";import"../../chunk-32VQC2BE.mjs";export{a as IngredientList};
+import{a}from"../../chunk-GM5F7IUT.mjs";import"../../chunk-PBENQR7Y.mjs";export{a as IngredientList};

package/dist/components/instructions/instruction-list.d.mts

@@ -1,3 +1,6 @@
+type InstructionListProps = {
+    className?: string;
+};
 /**
  * Renders a list of instructions from the recipe context.
  *
@@ -5,6 +8,6 @@
  * - `recipe-instruction-list` (wrapper element)
  * - `recipe-instruction` (instruction elements, value is the instruction number)
  */
-declare function InstructionList(): JSX.Element;
+declare function InstructionList(props: InstructionListProps): JSX.Element;
 
 export { InstructionList };

package/dist/components/instructions/instruction-list.d.ts

@@ -1,3 +1,6 @@
+type InstructionListProps = {
+    className?: string;
+};
 /**
  * Renders a list of instructions from the recipe context.
  *
@@ -5,6 +8,6 @@
  * - `recipe-instruction-list` (wrapper element)
  * - `recipe-instruction` (instruction elements, value is the instruction number)
  */
-declare function InstructionList(): JSX.Element;
+declare function InstructionList(props: InstructionListProps): JSX.Element;
 
 export { InstructionList };

package/dist/components/instructions/instruction-list.js

@@ -1 +1 @@
-var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var o in t)r(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,p)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of R(t))!u.call(e,i)&&i!==o&&r(e,i,{get:()=>t[i],enumerable:!(p=x(t,i))||p.enumerable});return e};var d=e=>f(r({},"__esModule",{value:!0}),e);var P={};C(P,{InstructionList:()=>l});module.exports=d(P);var n=require("react"),a=require("react/jsx-runtime"),g=(0,n.createContext)({});function s(){let e=(0,n.useContext)(g);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var c=require("react/jsx-runtime");function l(){let{config:e}=s();return(0,c.jsx)("ul",{"recipe-instruction-list":"",children:e.instructions.map((t,o)=>(0,c.jsx)("li",{"recipe-instruction":o+1,children:t},o))})}0&&(module.exports={InstructionList});
+var s=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var a=(e,o)=>{for(var t in o)s(e,t,{get:o[t],enumerable:!0})},l=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of v(o))!C.call(e,r)&&r!==t&&s(e,r,{get:()=>o[r],enumerable:!(i=u(o,r))||i.enumerable});return e};var x=e=>l(s({},"__esModule",{value:!0}),e);var f={};a(f,{InstructionList:()=>d});module.exports=x(f);var n=require("react"),m=require("react/jsx-runtime"),R=(0,n.createContext)({});function p(){let e=(0,n.useContext)(R);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var c=require("react/jsx-runtime");function d(e){let{instructions:o}=p();return(0,c.jsx)("ol",{"recipe-instruction-list":"",className:e.className,children:o.map((t,i)=>(0,c.jsx)("li",{"recipe-instruction":i+1,children:t},i))})}0&&(module.exports={InstructionList});

package/dist/components/instructions/instruction-list.mjs

@@ -1 +1 @@
-import{a}from"../../chunk-GPTC24DR.mjs";import"../../chunk-32VQC2BE.mjs";export{a as InstructionList};
+import{a}from"../../chunk-2VMRVR3X.mjs";import"../../chunk-PBENQR7Y.mjs";export{a as InstructionList};

package/dist/components/layouts/layout-default.d.mts

@@ -1,6 +1,6 @@
 import { LayoutProps } from './layout-types.mjs';
 import 'react';
-import 'recipe-core';
+import '@recipe-book/core';
 
 declare function DefaultLayout({ children }: LayoutProps): JSX.Element;
 

package/dist/components/layouts/layout-default.d.ts

@@ -1,6 +1,6 @@
 import { LayoutProps } from './layout-types.js';
 import 'react';
-import 'recipe-core';
+import '@recipe-book/core';
 
 declare function DefaultLayout({ children }: LayoutProps): JSX.Element;
 

package/dist/components/layouts/layout-types.d.mts

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
-import { Recipe } from 'recipe-core';
+import { Recipe } from '@recipe-book/core';
 
 type LayoutProps = PropsWithChildren & {
-    recipe: Recipe<any>;
+    recipe: Recipe;
 };
 
 export type { LayoutProps };

package/dist/components/layouts/layout-types.d.ts

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
-import { Recipe } from 'recipe-core';
+import { Recipe } from '@recipe-book/core';
 
 type LayoutProps = PropsWithChildren & {
-    recipe: Recipe<any>;
+    recipe: Recipe;
 };
 
 export type { LayoutProps };

package/dist/components/layouts/layout-types.js

@@ -1 +1 @@
-var o=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var n=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of m(r))!c.call(e,p)&&p!==t&&o(e,p,{get:()=>r[p],enumerable:!(i=h(r,p))||i.enumerable});return e};var s=e=>n(o({},"__esModule",{value:!0}),e);var y={};module.exports=s(y);
+var o=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var s=(e,r,t,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of m(r))!c.call(e,p)&&p!==t&&o(e,p,{get:()=>r[p],enumerable:!(i=h(r,p))||i.enumerable});return e};var P=e=>s(o({},"__esModule",{value:!0}),e);var d={};module.exports=P(d);

package/dist/components/measurement-select.d.mts

@@ -0,0 +1,13 @@
+type MeasurementSelectProps = {
+    className?: string;
+};
+/**
+ * A component that allows the user to select between US and metric
+ * measurements.
+ *
+ * TODO - Rename this component
+ * TODO - Allow more robust styling, fully composable with className
+ */
+declare function MeasurementSelect(props: MeasurementSelectProps): JSX.Element;
+
+export { MeasurementSelect };

package/dist/components/measurement-select.d.ts

@@ -0,0 +1,13 @@
+type MeasurementSelectProps = {
+    className?: string;
+};
+/**
+ * A component that allows the user to select between US and metric
+ * measurements.
+ *
+ * TODO - Rename this component
+ * TODO - Allow more robust styling, fully composable with className
+ */
+declare function MeasurementSelect(props: MeasurementSelectProps): JSX.Element;
+
+export { MeasurementSelect };

package/dist/components/measurement-select.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var v=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},C=(e,t,o,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of p(t))!m.call(e,r)&&r!==o&&c(e,r,{get:()=>t[r],enumerable:!(s=u(t,r))||s.enumerable});return e};var l=e=>C(c({},"__esModule",{value:!0}),e);var b={};v(b,{MeasurementSelect:()=>R});module.exports=l(b);var n=require("react"),x=require("react/jsx-runtime"),d=(0,n.createContext)({});function a(){let e=(0,n.useContext)(d);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var i=require("react/jsx-runtime");function R(e){let{activeConversionKey:t,setConversionKey:o,measurements:s}=a();if(s===void 0)throw new Error("Cannot select measurement without base measurement");return(0,i.jsxs)("div",{"recipe-measurement-select":"",className:e.className,children:[(0,i.jsx)("button",{"recipe-measurement-option":"","data-active":t==="us-customary",onClick:()=>o("us-customary"),children:"US"}),(0,i.jsx)("button",{"recipe-measurement-option":"","data-active":t==="metric",onClick:()=>o("metric"),children:"Metric"})]})}0&&(module.exports={MeasurementSelect});

package/dist/components/measurement-select.mjs

@@ -0,0 +1 @@
+import{a}from"../chunk-TLBRVWD2.mjs";import"../chunk-PBENQR7Y.mjs";export{a as MeasurementSelect};

package/dist/components/root.d.mts

@@ -1,7 +1,8 @@
+import { RecipeConfig } from '@recipe-book/core';
 import { PropsWithChildren } from 'react';
 
 type RootProps = PropsWithChildren & {
-    config?: any;
+    recipe?: RecipeConfig;
 };
 /**
  * Provides recipe data to children for rendering. Inherits configuration

package/dist/components/root.d.ts

@@ -1,7 +1,8 @@
+import { RecipeConfig } from '@recipe-book/core';
 import { PropsWithChildren } from 'react';
 
 type RootProps = PropsWithChildren & {
-    config?: any;
+    recipe?: RecipeConfig;
 };
 /**
  * Provides recipe data to children for rendering. Inherits configuration

package/dist/components/root.js

@@ -1 +1 @@
-var i=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var t in e)i(o,t,{get:e[t],enumerable:!0})},P=(o,e,t,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of s(e))!d.call(o,n)&&n!==t&&i(o,n,{get:()=>e[n],enumerable:!(p=R(e,n))||p.enumerable});return o};var u=o=>P(i({},"__esModule",{value:!0}),o);var y={};g(y,{Root:()=>m});module.exports=u(y);var f=require("react");var c=require("react"),C=require("react/jsx-runtime"),b=(0,c.createContext)({});function l({children:o,config:e}){return(0,C.jsx)(b.Provider,{value:{config:e},children:o})}var r=require("react"),G=require("react/jsx-runtime"),v=(0,r.createContext)({});function x(){return(0,r.useContext)(v)}var a=require("react/jsx-runtime");function m(o){let{config:e}=x(),t=(0,f.useMemo)(()=>({...e,...o.config}),[e,o.config]);return(0,a.jsx)(l,{config:t,children:o.children})}0&&(module.exports={Root});
+var C=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var P=(o,e)=>{for(var n in e)C(o,n,{get:e[n],enumerable:!0})},g=(o,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of b(e))!d.call(o,t)&&t!==n&&C(o,t,{get:()=>e[t],enumerable:!(i=R(e,t))||i.enumerable});return o};var G=o=>g(C({},"__esModule",{value:!0}),o);var T={};P(T,{Root:()=>S});module.exports=G(T);var f=require("@recipe-book/core"),a=require("react");var s=require("react"),u=require("react/jsx-runtime"),y=(0,s.createContext)({});function v({children:o,recipe:e,servings:n,setServings:i}){let[t,c]=(0,s.useState)(e.measurements),p=(0,s.useMemo)(()=>({...e,activeConversionKey:t,setConversionKey:r=>{c(r)},servings:n,setServings:i}),[e,t,c,n,i]);return(0,u.jsx)(y.Provider,{value:p,children:o})}var l=require("react"),K=require("react/jsx-runtime"),h=(0,l.createContext)({});function x(){let o=(0,l.useContext)(h);return o||{config:{}}}var m=require("react/jsx-runtime");function S(o){let[e,n]=(0,a.useState)(1),{config:i}=x(),t=(0,a.useMemo)(()=>{let c={...i,...o.recipe},p=f.RecipeUtils.create(c);return{...p,ingredients:p.ingredients.map(r=>({...r,amount:{...r.amount,value:r.amount.value*e},conversion:typeof r.conversion=="object"?{...r.conversion,[c.measurements]:r.amount.value*e}:r.conversion}))}},[i,o.recipe,e]);return(0,m.jsx)(v,{recipe:t,servings:e,setServings:n,children:o.children})}0&&(module.exports={Root});

package/dist/components/root.mjs

@@ -1 +1 @@
-import{a}from"../chunk-6MAELCYD.mjs";import"../chunk-QOCKR2HO.mjs";import"../chunk-32VQC2BE.mjs";export{a as Root};
+import{a}from"../chunk-PTS3BZHK.mjs";import"../chunk-Q6I5J3IJ.mjs";import"../chunk-PBENQR7Y.mjs";export{a as Root};

package/dist/components/servings-select.d.mts

@@ -0,0 +1,11 @@
+type ServingsSelectProps = {
+    className?: string | undefined;
+};
+/**
+ * Select component for choosing the number of servings.
+ * TODO: Rename this component
+ * TODO: Add preset props, inherit from global
+ */
+declare function ServingsSelect(props: ServingsSelectProps): JSX.Element;
+
+export { ServingsSelect };

package/dist/components/servings-select.d.ts

@@ -0,0 +1,11 @@
+type ServingsSelectProps = {
+    className?: string | undefined;
+};
+/**
+ * Select component for choosing the number of servings.
+ * TODO: Rename this component
+ * TODO: Add preset props, inherit from global
+ */
+declare function ServingsSelect(props: ServingsSelectProps): JSX.Element;
+
+export { ServingsSelect };

package/dist/components/servings-select.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var C=(e,o)=>{for(var t in o)c(e,t,{get:o[t],enumerable:!0})},l=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of a(o))!u.call(e,i)&&i!==t&&c(e,i,{get:()=>o[i],enumerable:!(n=p(o,i))||n.enumerable});return e};var x=e=>l(c({},"__esModule",{value:!0}),e);var f={};C(f,{ServingsSelect:()=>d});module.exports=x(f);var r=require("react"),g=require("react/jsx-runtime"),R=(0,r.createContext)({});function v(){let e=(0,r.useContext)(R);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var s=require("react/jsx-runtime"),m=[.5,1,2,3];function d(e){let{servings:o,setServings:t}=v();return(0,s.jsx)("select",{className:e.className,"recipe-servings-select":"",value:o,onChange:n=>{t(Number(n.target.value))},children:m.map(n=>(0,s.jsxs)("option",{value:n,children:[n," serving",n!==1?"s":""]},n))})}0&&(module.exports={ServingsSelect});

package/dist/components/servings-select.mjs

@@ -0,0 +1 @@
+import{a}from"../chunk-X66DY4AZ.mjs";import"../chunk-PBENQR7Y.mjs";export{a as ServingsSelect};

package/dist/components/thumbnail.js

@@ -1 +1 @@
-var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var u=(e,t)=>{for(var o in t)c(e,o,{get:t[o],enumerable:!0})},f=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of R(t))!l.call(e,i)&&i!==o&&c(e,i,{get:()=>t[i],enumerable:!(n=m(t,i))||n.enumerable});return e};var g=e=>f(c({},"__esModule",{value:!0}),e);var h={};u(h,{Thumbnail:()=>d});module.exports=g(h);var p=require("@radix-ui/react-aspect-ratio");var r=require("react"),C=require("react/jsx-runtime"),x=(0,r.createContext)({});function a(){let e=(0,r.useContext)(x);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var s=require("react/jsx-runtime");function d(e){var n,i;let{config:t}=a();if(!t.thumbnail)throw new Error("Missing thumbnail image. Did you forget to set one?");let o=(n=e.style)!=null?n:{};return(0,s.jsx)(p.AspectRatio,{"recipe-thumbnail":"",className:e.className,style:{width:"100%",...o},ratio:e.aspectRatio||1,children:(0,s.jsx)("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:t.thumbnail,alt:(i=e.alt)!=null?i:t.name})})}0&&(module.exports={Thumbnail});
+var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var v=Object.prototype.hasOwnProperty;var C=(e,t)=>{for(var i in t)s(e,i,{get:t[i],enumerable:!0})},R=(e,t,i,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!v.call(e,o)&&o!==i&&s(e,o,{get:()=>t[o],enumerable:!(r=l(t,o))||r.enumerable});return e};var b=e=>R(s({},"__esModule",{value:!0}),e);var g={};C(g,{Thumbnail:()=>d});module.exports=b(g);var u=require("@radix-ui/react-aspect-ratio");var n=require("react"),y=require("react/jsx-runtime"),x=(0,n.createContext)({});function p(){let e=(0,n.useContext)(x);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}var c=require("react/jsx-runtime");function d(e){var o,a;let{thumbnail:t,name:i}=p();if(!t)throw new Error("Missing thumbnail image. Did you forget to set one?");let r=(o=e.style)!=null?o:{};return(0,c.jsx)(u.AspectRatio,{"recipe-thumbnail":"",className:e.className,style:{width:"100%",...r},ratio:e.aspectRatio||1,children:(0,c.jsx)("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:t,alt:(a=e.alt)!=null?a:i})})}0&&(module.exports={Thumbnail});

package/dist/components/thumbnail.mjs

@@ -1 +1 @@
-import{a}from"../chunk-RZGBB6SL.mjs";import"../chunk-32VQC2BE.mjs";export{a as Thumbnail};
+import{a}from"../chunk-4XBZKTOL.mjs";import"../chunk-PBENQR7Y.mjs";export{a as Thumbnail};

package/dist/global-context.d.mts

@@ -1,16 +1,29 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { GlobalRecipeConfig } from 'recipe-core';
+import { GlobalRecipeConfig } from '@recipe-book/core';
 
 type GlobalContext = {
-    config: GlobalRecipeConfig<any>;
+    config: GlobalRecipeConfig;
 };
+/** The global `recipe-book` context. */
 declare const GlobalContext: react.Context<GlobalContext>;
-declare function useGlobalContext(): GlobalContext;
+/**
+ * Hook to access the global `recipe-book` context.
+ */
+declare function useGlobalContext(): {
+    readonly config: {};
+};
 interface GlobalContextProviderProps {
     children: ReactNode;
-    config: GlobalRecipeConfig<any>;
+    config: GlobalRecipeConfig;
 }
+/**
+ * Provider for the global `recipe-book` context. This provider
+ * is used to create a global configuration that is inherited
+ * by individual recipe `Root`s.
+ *
+ * @param props -- The global configuration to be used by all recipes
+ */
 declare function GlobalContextProvider({ children, config, }: GlobalContextProviderProps): JSX.Element;
 
 export { GlobalContext, GlobalContextProvider, useGlobalContext };

package/dist/global-context.d.ts

@@ -1,16 +1,29 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { GlobalRecipeConfig } from 'recipe-core';
+import { GlobalRecipeConfig } from '@recipe-book/core';
 
 type GlobalContext = {
-    config: GlobalRecipeConfig<any>;
+    config: GlobalRecipeConfig;
 };
+/** The global `recipe-book` context. */
 declare const GlobalContext: react.Context<GlobalContext>;
-declare function useGlobalContext(): GlobalContext;
+/**
+ * Hook to access the global `recipe-book` context.
+ */
+declare function useGlobalContext(): {
+    readonly config: {};
+};
 interface GlobalContextProviderProps {
     children: ReactNode;
-    config: GlobalRecipeConfig<any>;
+    config: GlobalRecipeConfig;
 }
+/**
+ * Provider for the global `recipe-book` context. This provider
+ * is used to create a global configuration that is inherited
+ * by individual recipe `Root`s.
+ *
+ * @param props -- The global configuration to be used by all recipes
+ */
 declare function GlobalContextProvider({ children, config, }: GlobalContextProviderProps): JSX.Element;
 
 export { GlobalContext, GlobalContextProvider, useGlobalContext };

package/dist/global-context.js

@@ -1 +1 @@
-var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var G=(e,o)=>{for(var l in o)r(e,l,{get:o[l],enumerable:!0})},p=(e,o,l,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of b(o))!c.call(e,t)&&t!==l&&r(e,t,{get:()=>o[t],enumerable:!(i=x(o,t))||i.enumerable});return e};var f=e=>p(r({},"__esModule",{value:!0}),e);var u={};G(u,{GlobalContext:()=>a,GlobalContextProvider:()=>P,useGlobalContext:()=>d});module.exports=f(u);var n=require("react"),C=require("react/jsx-runtime"),a=(0,n.createContext)({});function d(){return(0,n.useContext)(a)}function P({children:e,config:o}){return(0,C.jsx)(a.Provider,{value:{config:o},children:e})}0&&(module.exports={GlobalContext,GlobalContextProvider,useGlobalContext});
+var r=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var G=(o,t)=>{for(var n in t)r(o,n,{get:t[n],enumerable:!0})},f=(o,t,n,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of C(t))!b.call(o,e)&&e!==n&&r(o,e,{get:()=>t[e],enumerable:!(a=x(t,e))||a.enumerable});return o};var p=o=>f(r({},"__esModule",{value:!0}),o);var u={};G(u,{GlobalContext:()=>i,GlobalContextProvider:()=>s,useGlobalContext:()=>d});module.exports=p(u);var l=require("react"),c=require("react/jsx-runtime"),i=(0,l.createContext)({});function d(){let o=(0,l.useContext)(i);return o||{config:{}}}function s({children:o,config:t}){return(0,c.jsx)(i.Provider,{value:{config:t},children:o})}0&&(module.exports={GlobalContext,GlobalContextProvider,useGlobalContext});

package/dist/global-context.mjs

@@ -1 +1 @@
-import{a,b,c}from"./chunk-QOCKR2HO.mjs";export{a as GlobalContext,c as GlobalContextProvider,b as useGlobalContext};
+import{a,b,c}from"./chunk-Q6I5J3IJ.mjs";export{a as GlobalContext,c as GlobalContextProvider,b as useGlobalContext};

package/dist/hooks/use-controllable.d.mts

@@ -0,0 +1,15 @@
+type UseControllableParams<T> = {
+    props?: T | undefined;
+    defaultProps?: T | undefined;
+    onChange?: (value: T) => void | undefined;
+};
+/**
+ * Hook for creating a controlled component. This hook is used to create
+ * controlled components that can be used with or without a value prop.
+ */
+declare function useControllable<T>({ props, defaultProps, onChange, }: UseControllableParams<T>): {
+    value: T;
+    onChange: (value: T) => void;
+};
+
+export { useControllable };

package/dist/hooks/use-controllable.d.ts

@@ -0,0 +1,15 @@
+type UseControllableParams<T> = {
+    props?: T | undefined;
+    defaultProps?: T | undefined;
+    onChange?: (value: T) => void | undefined;
+};
+/**
+ * Hook for creating a controlled component. This hook is used to create
+ * controlled components that can be used with or without a value prop.
+ */
+declare function useControllable<T>({ props, defaultProps, onChange, }: UseControllableParams<T>): {
+    value: T;
+    onChange: (value: T) => void;
+};
+
+export { useControllable };

package/dist/hooks/use-controllable.js

@@ -0,0 +1 @@
+var t=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var T=(n,e)=>{for(var l in e)t(n,l,{get:e[l],enumerable:!0})},C=(n,e,l,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of i(e))!f.call(n,o)&&o!==l&&t(n,o,{get:()=>e[o],enumerable:!(a=s(e,o))||a.enumerable});return n};var c=n=>C(t({},"__esModule",{value:!0}),n);var m={};T(m,{useControllable:()=>h});module.exports=c(m);var r=require("react");function h({props:n,defaultProps:e,onChange:l}){let[a,o]=(0,r.useState)(e),d=n!==void 0;return{value:d?n:a,onChange:d?l:u=>{o(u),l&&l(u)}}}0&&(module.exports={useControllable});

package/dist/hooks/use-controllable.mjs

@@ -0,0 +1 @@
+import{useState as u}from"react";function i({props:n,defaultProps:a,onChange:e}){let[t,d]=u(a),l=n!==void 0;return{value:l?n:t,onChange:l?e:o=>{d(o),e&&e(o)}}}export{i as useControllable};

package/dist/index.d.mts

@@ -2,7 +2,9 @@ export { Root as RecipeRoot, Root } from './components/root.mjs';
 export { IngredientList, IngredientList as RecipeIngredientList } from './components/ingredients/ingredients-list.mjs';
 export { InstructionList, InstructionList as RecipeInstructionList } from './components/instructions/instruction-list.mjs';
 export { Thumbnail as RecipeThumbnail, Thumbnail } from './components/thumbnail.mjs';
+export { ServingsSelect as RecipeServingsSelect, ServingsSelect } from './components/servings-select.mjs';
+export { MeasurementSelect, MeasurementSelect as RecipeMeasurementSelect } from './components/measurement-select.mjs';
 export { useRecipeContext as useRecipe } from './recipe-context.mjs';
 export { GlobalContextProvider as Provider } from './global-context.mjs';
+export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';
 import 'react';
-import 'recipe-core';

package/dist/index.d.ts

@@ -2,7 +2,9 @@ export { Root as RecipeRoot, Root } from './components/root.js';
 export { IngredientList, IngredientList as RecipeIngredientList } from './components/ingredients/ingredients-list.js';
 export { InstructionList, InstructionList as RecipeInstructionList } from './components/instructions/instruction-list.js';
 export { Thumbnail as RecipeThumbnail, Thumbnail } from './components/thumbnail.js';
+export { ServingsSelect as RecipeServingsSelect, ServingsSelect } from './components/servings-select.js';
+export { MeasurementSelect, MeasurementSelect as RecipeMeasurementSelect } from './components/measurement-select.js';
 export { useRecipeContext as useRecipe } from './recipe-context.js';
 export { GlobalContextProvider as Provider } from './global-context.js';
+export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';
 import 'react';
-import 'recipe-core';