@recipe-book/react 0.0.3 → 0.1.1

package/dist/chunk-ZJ4PNVYO.mjs

@@ -1,52 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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,13 +0,0 @@
-type IngredientListProps = {
-    className?: string;
-};
-/**
- * Renders a list of ingredients from the recipe context.
- *
- * Stylable with the HTML attributes:
- * - `recipe-ingredient-list` (wrapper element)
- * - `recipe-ingredient` (ingredient elements)
- */
-declare function IngredientList(props: IngredientListProps): JSX.Element;
-
-export { IngredientList };

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

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

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

@@ -1,2 +0,0 @@
-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 +0,0 @@
-import{a}from"../../chunk-GM5F7IUT.mjs";import"../../chunk-PBENQR7Y.mjs";export{a as IngredientList};

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

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

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

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

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

@@ -1 +0,0 @@
-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 +0,0 @@
-import{a}from"../../chunk-2VMRVR3X.mjs";import"../../chunk-PBENQR7Y.mjs";export{a as InstructionList};

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

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

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

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

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

@@ -1 +0,0 @@
-var l=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var n=Object.prototype.hasOwnProperty;var r=(a,o)=>{for(var u in o)l(a,u,{get:o[u],enumerable:!0})},s=(a,o,u,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of f(o))!n.call(a,t)&&t!==u&&l(a,t,{get:()=>o[t],enumerable:!(m=e(o,t))||m.enumerable});return a};var y=a=>s(l({},"__esModule",{value:!0}),a);var p={};r(p,{DefaultLayout:()=>d});module.exports=y(p);var i=require("react/jsx-runtime");function d({children:a}){return(0,i.jsx)("div",{className:"default-layout",children:(0,i.jsx)("main",{className:"default-layout__main",children:a})})}0&&(module.exports={DefaultLayout});

package/dist/components/layouts/layout-default.mjs

@@ -1 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";function t({children:o}){return a("div",{className:"default-layout",children:a("main",{className:"default-layout__main",children:o})})}export{t as DefaultLayout};

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

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

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

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

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

@@ -1 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

package/dist/components/root.d.mts

@@ -1,13 +0,0 @@
-import { RecipeConfig } from '@recipe-book/core';
-import { PropsWithChildren } from 'react';
-
-type RootProps = PropsWithChildren & {
-    recipe?: RecipeConfig;
-};
-/**
- * Provides recipe data to children for rendering. Inherits configuration
- * from the global recipe config if available.
- */
-declare function Root(props: RootProps): JSX.Element;
-
-export { Root };

package/dist/components/root.d.ts

@@ -1,13 +0,0 @@
-import { RecipeConfig } from '@recipe-book/core';
-import { PropsWithChildren } from 'react';
-
-type RootProps = PropsWithChildren & {
-    recipe?: RecipeConfig;
-};
-/**
- * Provides recipe data to children for rendering. Inherits configuration
- * from the global recipe config if available.
- */
-declare function Root(props: RootProps): JSX.Element;
-
-export { Root };

package/dist/components/root.js

@@ -1 +0,0 @@
-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 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

package/dist/components/thumbnail.d.mts

@@ -1,18 +0,0 @@
-type ThumbnailProps = {
-    alt?: string;
-    aspectRatio?: number;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * Renders a thumbnail image from the recipe context. The image is
- * automatically cropped to a square, but can be overridden with the
- * `aspectRatio` prop.
- *
- * Stylable with the HTML attributes:
- * - `recipe-thumbnail` (wrapper element)
- * - `recipe-thumbnail-image` (<img /> element)
- */
-declare function Thumbnail(props: ThumbnailProps): JSX.Element;
-
-export { Thumbnail };

package/dist/components/thumbnail.d.ts

@@ -1,18 +0,0 @@
-type ThumbnailProps = {
-    alt?: string;
-    aspectRatio?: number;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/**
- * Renders a thumbnail image from the recipe context. The image is
- * automatically cropped to a square, but can be overridden with the
- * `aspectRatio` prop.
- *
- * Stylable with the HTML attributes:
- * - `recipe-thumbnail` (wrapper element)
- * - `recipe-thumbnail-image` (<img /> element)
- */
-declare function Thumbnail(props: ThumbnailProps): JSX.Element;
-
-export { Thumbnail };

package/dist/components/thumbnail.js

@@ -1 +0,0 @@
-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 +0,0 @@
-import{a}from"../chunk-4XBZKTOL.mjs";import"../chunk-PBENQR7Y.mjs";export{a as Thumbnail};

package/dist/global-context.d.mts

@@ -1,29 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { GlobalRecipeConfig } from '@recipe-book/core';
-
-type GlobalContext = {
-    config: GlobalRecipeConfig;
-};
-/** The global `recipe-book` context. */
-declare const GlobalContext: react.Context<GlobalContext>;
-/**
- * Hook to access the global `recipe-book` context.
- */
-declare function useGlobalContext(): {
-    readonly config: {};
-};
-interface GlobalContextProviderProps {
-    children: ReactNode;
-    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,29 +0,0 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { GlobalRecipeConfig } from '@recipe-book/core';
-
-type GlobalContext = {
-    config: GlobalRecipeConfig;
-};
-/** The global `recipe-book` context. */
-declare const GlobalContext: react.Context<GlobalContext>;
-/**
- * Hook to access the global `recipe-book` context.
- */
-declare function useGlobalContext(): {
-    readonly config: {};
-};
-interface GlobalContextProviderProps {
-    children: ReactNode;
-    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 +0,0 @@
-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 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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';

package/dist/index.mjs

@@ -1 +0,0 @@
-import{a as i}from"./chunk-GM5F7IUT.mjs";import{a as o}from"./chunk-2VMRVR3X.mjs";import"./chunk-I5TR6PEA.mjs";import{a as p}from"./chunk-TLBRVWD2.mjs";import{a as r}from"./chunk-PTS3BZHK.mjs";import{c as e}from"./chunk-Q6I5J3IJ.mjs";import{a as s}from"./chunk-X66DY4AZ.mjs";import{a as m}from"./chunk-4XBZKTOL.mjs";import{a as t}from"./chunk-PBENQR7Y.mjs";export{i as IngredientList,o as InstructionList,p as MeasurementSelect,e as Provider,i as RecipeIngredientList,o as RecipeInstructionList,p as RecipeMeasurementSelect,r as RecipeRoot,s as RecipeServingsSelect,m as RecipeThumbnail,r as Root,s as ServingsSelect,m as Thumbnail,t as useRecipe};

package/dist/recipe-context.d.mts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { RecipeConfig, ConversionTables, Recipe } from '@recipe-book/core';
-
-type RecipeContext = RecipeConfig & {
-    activeConversionKey: ConversionTables;
-    setConversionKey: (key: ConversionTables) => void;
-    servings: number;
-    setServings: (value: number) => void;
-};
-/**
- * Hook to access the recipe context.
- */
-declare function useRecipeContext(): RecipeContext;
-interface RecipeContextProviderProps {
-    children: ReactNode;
-    recipe: Recipe;
-    servings: number;
-    setServings: (value: number) => void;
-}
-/**
- * Provider for the recipe context. This provider is used to create
- * a recipe-specific configuration that is inherited by all components
- * within the recipe.
- *
- * @param {RecipeContextProviderProps} The recipe configuration to be used by all components
- */
-declare function RecipeContextProvider({ children, recipe, servings, setServings, }: RecipeContextProviderProps): JSX.Element;
-
-export { type RecipeContext, RecipeContextProvider, useRecipeContext };

package/dist/recipe-context.d.ts

@@ -1,29 +0,0 @@
-import { ReactNode } from 'react';
-import { RecipeConfig, ConversionTables, Recipe } from '@recipe-book/core';
-
-type RecipeContext = RecipeConfig & {
-    activeConversionKey: ConversionTables;
-    setConversionKey: (key: ConversionTables) => void;
-    servings: number;
-    setServings: (value: number) => void;
-};
-/**
- * Hook to access the recipe context.
- */
-declare function useRecipeContext(): RecipeContext;
-interface RecipeContextProviderProps {
-    children: ReactNode;
-    recipe: Recipe;
-    servings: number;
-    setServings: (value: number) => void;
-}
-/**
- * Provider for the recipe context. This provider is used to create
- * a recipe-specific configuration that is inherited by all components
- * within the recipe.
- *
- * @param {RecipeContextProviderProps} The recipe configuration to be used by all components
- */
-declare function RecipeContextProvider({ children, recipe, servings, setServings, }: RecipeContextProviderProps): JSX.Element;
-
-export { type RecipeContext, RecipeContextProvider, useRecipeContext };

package/dist/recipe-context.js

@@ -1 +0,0 @@
-var s=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var r in e)s(o,r,{get:e[r],enumerable:!0})},l=(o,e,r,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!R.call(o,n)&&n!==r&&s(o,n,{get:()=>e[n],enumerable:!(i=a(e,n))||i.enumerable});return o};var m=o=>l(s({},"__esModule",{value:!0}),o);var y={};d(y,{RecipeContextProvider:()=>f,useRecipeContext:()=>b});module.exports=m(y);var t=require("react"),C=require("react/jsx-runtime"),v=(0,t.createContext)({});function b(){let o=(0,t.useContext)(v);if(!o)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return o}function f({children:o,recipe:e,servings:r,setServings:i}){let[n,c]=(0,t.useState)(e.measurements),p=(0,t.useMemo)(()=>({...e,activeConversionKey:n,setConversionKey:u=>{c(u)},servings:r,setServings:i}),[e,n,c,r,i]);return(0,C.jsx)(v.Provider,{value:p,children:o})}0&&(module.exports={RecipeContextProvider,useRecipeContext});

package/dist/recipe-context.mjs

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

package/dist/types-from-core.d.mts

@@ -1 +0,0 @@
-export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';

package/dist/types-from-core.d.ts

@@ -1 +0,0 @@
-export { GlobalRecipeConfig, Ingredient, IngredientAmount, Recipe, RecipeConfig, Unit, UnitAbbreviation, UnitKey, UnitName } from '@recipe-book/core';

package/dist/types-from-core.js

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

package/dist/types-from-core.mjs

@@ -1 +0,0 @@
-import"./chunk-I5TR6PEA.mjs";